:root{--felt:#0b1f16;--felt-2:#102a20;--gold:#d8b45a;--cream:#f3ede0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--felt);color:var(--cream);font-family:system-ui,sans-serif}.topbar{background:var(--felt-2);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.brand{letter-spacing:1px;color:var(--gold);font-weight:800}.hero{background:radial-gradient(1000px 500px at 50% -10%,#d8b45a26,transparent 60%),var(--felt);flex-direction:column;min-height:100vh;display:flex}.hero-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.brand-title{color:var(--cream);text-shadow:0 2px #d8b45a66;margin:0;font-size:clamp(40px,8vw,88px)}.tagline{opacity:.75;margin:0}.cta{background:var(--gold);color:var(--felt);border-radius:999px;margin-top:10px;padding:14px 34px;font-size:20px;font-weight:800;text-decoration:none}.play{flex-direction:column;height:100vh;display:flex}.play-bar .back{color:var(--cream);text-decoration:none}.game-frame{background:#000;flex:1;justify-content:center;align-items:center;display:flex}.game-frame iframe{border:0;width:760px;max-width:100vw;height:763px}