:root{--bg:#050b16;--panel:#0b1630;--line:rgba(79,231,255,.26);--text:#eef7ff;--muted:#a9b7d5;--cyan:#4fe7ff;--purple:#b56dff;--gold:#ffce54}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 460px at 50% -10%,rgba(79,231,255,.14),transparent 58%),radial-gradient(650px 460px at 100% 55%,rgba(181,109,255,.12),transparent 60%),#050b16}.play-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:12px;gap:12px}.play-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),rgba(7,18,34,.9);box-shadow:0 18px 50px rgba(0,0,0,.35)}.play-topbar a,.play-topbar strong{text-decoration:none;color:var(--text);font-weight:900}.play-topbar a:first-child{justify-self:start}.play-topbar strong{justify-self:center}.play-topbar a:last-child{justify-self:end}.game-frame{width:100%;height:100%;border:1px solid var(--line);border-radius:24px;background:#040812;box-shadow:0 25px 80px rgba(0,0,0,.45)}@media(max-width:700px){.play-shell{padding:10px;gap:10px}.play-topbar{grid-template-columns:1fr;justify-items:center;text-align:center}.play-topbar a:first-child,.play-topbar a:last-child,.play-topbar strong{justify-self:center}.game-frame{border-radius:18px}}