:root{--bg: #0b1020;--panel: rgba(8, 12, 28, .72);--accent: #ffcc00;--accent-2: #ff3b3b;--ink: #f5f7ff;--ink-dim: #aab3d4}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at 50% 0%,#1a2350,#070a1a 60%,#03040b);color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}#game{width:min(96vw,1280px);max-height:92vh;aspect-ratio:16 / 9;border-radius:14px;box-shadow:0 20px 80px #0000008c,0 0 0 2px #ffcc002e;background:#1b2a40}#hud{position:absolute;top:4vh;left:0;right:0;display:flex;justify-content:space-between;padding:0 max(3vw,24px);pointer-events:none;font-weight:700;letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.5)}.hud-left,.hud-right{display:flex;gap:16px;background:var(--panel);padding:10px 16px;border-radius:12px;border:1px solid rgba(255,204,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stat{display:flex;flex-direction:column;align-items:flex-start;min-width:70px;line-height:1}.stat .label{font-size:11px;color:var(--ink-dim);margin-bottom:4px}.stat span:not(.label):not(.unit){font-size:22px;color:var(--accent)}.stat .unit{font-size:10px;color:var(--ink-dim);margin-top:2px}#lives{color:var(--accent-2)!important;letter-spacing:.15em}@media (max-width: 900px),(hover: none) and (pointer: coarse){#game{width:100vw;border-radius:0;box-shadow:none}#hud{top:1.5vh;padding:0 12px}.hud-left,.hud-right{gap:10px;padding:6px 10px;border-radius:8px}.stat{min-width:50px}.stat .label{font-size:9px;margin-bottom:2px}.stat span:not(.label):not(.unit){font-size:16px}.stat .unit{font-size:8px}}html,body{touch-action:none;overscroll-behavior:none}