*{box-sizing:border-box}:root{color-scheme:dark;--surface:rgba(20,32,58,.86);--surface2:rgba(31,47,87,.92);--line:rgba(148,163,184,.25);--text:#e2e8f0;--muted:#94a3b8}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 16% 0%,rgba(56,189,248,.2),transparent 30%),radial-gradient(circle at 88% 10%,rgba(168,85,247,.2),transparent 28%),linear-gradient(145deg,#071024,#14203a 55%,#1d1234);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(980px,calc(100vw - 24px));margin:0 auto;padding:12px 0 18px}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:18px 18px 10px 10px;background:var(--surface);backdrop-filter:blur(14px)}.head h1{margin:0;font-size:clamp(1.35rem,3vw,2.2rem)}.head p{margin:4px 0 0;color:var(--muted);font-size:.92rem;font-weight:700}button{border:0;cursor:pointer;font-weight:850;transition:transform 140ms ease,opacity 140ms ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.48;cursor:not-allowed}#restartBtn{border-radius:12px;padding:10px 15px;color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6)}.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.chip{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:linear-gradient(180deg,var(--surface),var(--surface2))}.chip span{color:var(--muted);font-weight:800}.stage-shell{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#091328;box-shadow:0 24px 80px rgba(0,0,0,.34)}#game-stage{width:100%;aspect-ratio:16/9;min-height:300px}#game-stage canvas{display:block;width:100%;height:100%}.tip{margin:10px 0 0;color:var(--muted);font-size:.88rem;text-align:center;font-weight:700}.reward-row{margin-top:12px;display:grid;gap:8px}.reward-row button{border-radius:12px;padding:11px 14px;color:#fff;background:linear-gradient(135deg,#a855f7,#2563eb)}.reward-note{margin:0;color:var(--muted);font-size:.86rem;text-align:center;min-height:22px}@media(max-width:640px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{width:min(100vw - 16px,620px)}}