:root{--bg:#10131c;--bg-2:#171b28;--wood:#2a1d14;--wood-2:#3a2a1d;--border:#c9873a;--gold:#ffd34d;--text:#f4ead8;--muted:#bfae96;--sky:#5aa9e6;--focus:#ffe9a3;--font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;line-height:1.55}a{color:var(--gold)}a:focus-visible,.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{background:var(--gold);color:var(--wood);z-index:10;padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.top{z-index:5;border-bottom:2px solid var(--wood-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10131cee;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:var(--gold);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand img{image-rendering:pixelated}.top nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.top nav a:not(.btn){color:var(--text);font-size:14px;text-decoration:none}.top nav a:not(.btn):hover{color:var(--gold)}@media (width<=720px){.top nav a:not(.btn){display:none}.top{padding:10px 16px}}.btn{background:var(--border);color:var(--wood);border:3px solid #e0a050;border-radius:8px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-block;box-shadow:0 4px #6b4423}.btn:hover{background:#e0a050}.btn:active{transform:translateY(3px);box-shadow:0 1px #6b4423}.btn.small{padding:6px 14px;font-size:14px}.btn.big{padding:14px 28px;font-size:20px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:56px 24px 64px;display:grid}@media (width<=900px){.hero{grid-template-columns:1fr;gap:28px;padding:32px 16px 48px}}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;font-size:13px}.hero h1{color:var(--gold);letter-spacing:-.5px;text-shadow:0 3px #0009;margin:0 0 18px;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.1}.lead{max-width:34em;margin:0 0 26px;font-size:18px}.cta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.cta.center{justify-content:center;margin-top:28px}.online{color:#9fe0ff;font-size:14px}.fine{color:var(--muted);margin-top:18px;font-size:13px}.showcase-frame{border:3px solid var(--border);background:var(--sky);box-shadow:0 16px 40px #000a, inset 0 0 0 3px var(--wood-2);aspect-ratio:16/7;border-radius:12px;overflow:hidden}#showcase{width:100%;height:100%}#showcase canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.section{padding:64px 24px}.section.alt{background:var(--bg-2);border-top:2px solid var(--wood-2);border-bottom:2px solid var(--wood-2)}.section>*{max-width:1100px;margin-left:auto;margin-right:auto}.section h2{letter-spacing:-.3px;color:var(--gold);text-align:center;margin-top:0;margin-bottom:28px;font-size:clamp(24px,3.4vw,34px);font-weight:800}@media (width<=720px){.section{padding:44px 16px}}.cards{gap:18px;display:grid}.cards.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cards.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--wood);border:3px solid var(--wood-2);border-radius:12px;padding:20px 22px}.card h3{color:var(--gold);margin:0 0 4px;font-size:21px}.card .tag{color:var(--muted);margin:0 0 12px;font-size:13px}.card p{margin-bottom:0}.note{text-align:center;color:var(--muted);max-width:760px;margin-top:26px}.stats{text-align:center;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.stats div{background:var(--wood);border:3px solid var(--wood-2);border-radius:12px;padding:18px 10px}.stats strong{color:var(--gold);font-size:42px;line-height:1.1;display:block}.stats span{color:var(--muted);font-size:14px}.regions{flex-wrap:wrap;justify-content:center;gap:10px;margin:26px auto 0;padding:0;list-style:none;display:flex}.regions li{border:2px solid var(--border);border-radius:20px;padding:6px 14px;font-size:14px}.keys{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.keys div{background:var(--wood);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;display:flex}.keys span{color:var(--muted);margin-left:6px;font-size:14px}kbd{font-family:var(--font);color:#1b1b2a;background:#f4efe0;border-radius:5px;padding:3px 8px;font-size:13px;font-weight:700;box-shadow:0 2px #8f8270}.foot{text-align:center;color:var(--muted);padding:28px 16px 36px;font-size:13px}