:root{--bg:#050913;--panel:rgba(9,20,39,.86);--line:rgba(78,214,255,.28);--text:#f4fbff;--muted:#9ab0c8;--cyan:#35d9ff;--pink:#ff3c9d}
*{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(circle at 50% -10%,rgba(48,145,255,.2),transparent 42%),radial-gradient(circle at 10% 30%,rgba(255,60,157,.12),transparent 28%),#050913;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}}