:root{--bg:#050b17;--panel:rgba(8,16,36,.86);--line:rgba(85,184,255,.28);--text:#f3f8ff;--muted:#a9b7d8;--cyan:#4ee7ff;--purple:#c46bff}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 520px at 50% -10%,rgba(78,231,255,.18),transparent 58%),radial-gradient(800px 640px at 100% 50%,rgba(196,107,255,.13),transparent 62%),#050b17;color:var(--text)}
.play-shell{height:100dvh;display:grid;grid-template-rows:auto 1fr;gap:10px;padding:10px}
.play-topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),var(--panel);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.play-topbar a,.play-topbar strong{color:var(--text);text-decoration:none;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:#030714;box-shadow:0 24px 70px rgba(0,0,0,.45)}
@media(max-width:700px){.play-shell{padding:6px;gap:6px}.play-topbar{grid-template-columns:auto 1fr auto;padding:8px 9px;border-radius:14px;font-size:.82rem}.game-frame{border-radius:16px}}