*{box-sizing:border-box}html,body{margin:0;min-height:100%}:root{color-scheme:dark;--bg:#101622;--panel:rgba(19,27,42,.92);--panel2:rgba(29,42,61,.96);--line:rgba(231,238,255,.17);--text:#f8fbff;--muted:#aebbd0;--violet:#a78bfa;--cyan:#67e8f9;--gold:#facc15;--rose:#fb7185}body{background:radial-gradient(circle at 14% 10%,rgba(103,232,249,.18),transparent 30%),radial-gradient(circle at 86% 6%,rgba(167,139,250,.2),transparent 32%),linear-gradient(160deg,#101622,#172033 54%,#191326);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(1060px,calc(100vw - 24px));margin:0 auto;padding:12px 0 18px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px 16px 8px 8px;background:linear-gradient(135deg,var(--panel),rgba(18,17,32,.9));backdrop-filter:blur(14px)}.topbar h1{margin:0;font-size:clamp(1.35rem,3vw,2.3rem);letter-spacing:0}.topbar p{margin:6px 0 0;color:var(--muted);font-size:.92rem;font-weight:750}.hud{margin:10px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.chip{border:1px solid var(--line);border-radius:10px;padding:9px 11px;display:flex;justify-content:space-between;gap:8px;background:linear-gradient(180deg,var(--panel),var(--panel2));min-width:0}.chip span{color:var(--muted);font-weight:800}.chip strong{white-space:nowrap}.reward-bar{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.reward-bar p{margin:0;color:var(--muted);font-size:.88rem;font-weight:700}.stage-shell{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0b101a;box-shadow:0 24px 80px rgba(0,0,0,.34)}#game-stage{width:100%;aspect-ratio:3/2;min-height:340px;touch-action:none}#game-stage canvas{display:block;width:100%;height:100%}.tip{margin:8px 0 0;text-align:center;color:var(--muted);font-size:.88rem;font-weight:750}button{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font:inherit;font-weight:850;color:#101622;transition:transform 140ms ease,opacity 140ms ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.48;cursor:not-allowed}#restartBtn{background:linear-gradient(135deg,var(--gold),#fb923c)}#rewardBtn{background:linear-gradient(135deg,var(--cyan),var(--violet))}.touch-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}.dpad{display:grid;grid-template-columns:repeat(3,66px);grid-template-rows:repeat(3,44px);gap:6px}.dpad button{background:linear-gradient(135deg,#d8b4fe,#67e8f9);font-size:.78rem}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}.bomb-btn{width:96px;height:94px;border-radius:18px;background:linear-gradient(135deg,#fb7185,#facc15)}@media(max-width:780px){.hud{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{flex-direction:column;align-items:stretch}#restartBtn{width:100%}#game-stage{min-height:300px}.touch-controls{align-items:flex-start}.dpad{grid-template-columns:repeat(3,58px)}}@media(max-width:500px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.chip{padding:8px 9px}.touch-controls{gap:8px}.dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,40px)}.bomb-btn{width:82px;height:86px}}