:root{--bg: #07151c;--panel: rgba(7, 18, 26, .84);--panel-strong: rgba(5, 13, 20, .94);--ink: #f5fbff;--muted: #abc0ca;--line: rgba(211, 232, 241, .2);--star: #ffd35a;--blue: #5fd1ff;--green: #72e0a8;--red: #ff6b70}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 28% 18%,rgba(95,209,255,.2),transparent 28%),radial-gradient(circle at 76% 74%,rgba(255,211,90,.14),transparent 26%),linear-gradient(145deg,#061017,#0a2026 58%,#07151c);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button{min-width:112px;height:44px;border:1px solid rgba(255,255,255,.36);border-radius:8px;color:#08131a;background:linear-gradient(135deg,var(--star),#fff3ad);font:inherit;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.05)}button:focus-visible{outline:3px solid rgba(95,209,255,.82);outline-offset:3px}.game-shell{position:fixed;inset:0;display:grid;place-items:center;padding:76px 20px 22px;isolation:isolate}.top-bar{position:fixed;z-index:4;top:16px;left:16px;right:16px;display:flex;gap:10px;align-items:center;pointer-events:none}.brand,.hud-stat{min-height:44px;display:grid;align-content:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 14px 34px #0000003d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{padding:0 14px;font-size:18px;font-weight:900}.hud-stat{min-width:92px;gap:1px;padding:7px 12px}.hud-stat span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.hud-stat strong{font-size:20px;line-height:1}.game-container{width:min(100%,960px);aspect-ratio:3 / 2;max-height:calc(100vh - 106px);border:1px solid rgba(211,232,241,.16);border-radius:8px;overflow:hidden;background:#081821;box-shadow:0 28px 80px #00000061}.game-container canvas{display:block}.overlay{position:fixed;z-index:5;inset:0;display:grid;place-items:center;padding:24px;background:#040a0f7a}.overlay[hidden]{display:none}.dialog{width:min(420px,100%);padding:26px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:var(--panel-strong);box-shadow:0 28px 80px #0000006b}.eyebrow{margin:0 0 8px;color:var(--star);font-size:12px;font-weight:900;text-transform:uppercase}.dialog h1{margin:0;font-size:42px;line-height:1.05}.dialog p:not(.eyebrow){margin:14px 0 22px;color:var(--muted);line-height:1.5}body[data-state=playing] .overlay{display:none}body[data-state=gameover] .top-bar{pointer-events:auto}@media(max-width:560px){.game-shell{padding:132px 10px 12px}.top-bar{flex-wrap:wrap;top:10px;left:10px;right:10px}.brand{width:100%;min-height:38px;font-size:16px}.hud-stat{min-width:calc(50% - 5px);min-height:40px}.dialog{padding:22px}.dialog h1{font-size:34px}}