:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fff7;background:#111827}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-root{position:relative;width:100vw;height:100vh;min-width:320px;min-height:420px;overflow:hidden;background:#22333b;--danger: 0}canvas{display:block;width:100%;height:100%}.hud,.bubble-layer,.enemy-health-layer,.popup-layer{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.meter,.hud-chip{min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0e1a24b8;box-shadow:0 8px 24px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:700}.hud-chip{letter-spacing:0}.hud-timer{margin-left:auto}.meter span{width:28px;color:#d8f3dc;font-size:12px}.meter strong{min-width:28px;text-align:right}.meter-track{width:120px;height:9px;overflow:hidden;border-radius:999px;background:#ffffff2e}.meter-fill{height:100%;width:100%;border-radius:inherit;transition:width .12s linear}.meter-hp{background:#ef476f}.meter-stamina{background:#ffd166}.prompt{position:absolute;left:50%;bottom:108px;transform:translate(-50%);padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#15232ad6;font-weight:800}.debug{position:absolute;right:14px;bottom:12px;color:#ffffffd1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.bubble{position:absolute;max-width:190px;padding:7px 10px;border-radius:8px;text-align:center;font-weight:800;font-size:13px;line-height:1.15;box-shadow:0 8px 20px #0000003d}.bubble-friendly{color:#14342b;background:#e6f8d8;border:1px solid #9bd18a}.bubble-enemy{color:#fff4f8;background:#9d174d;border:1px solid #ff4d6d;text-shadow:1px 0 #001219;animation:glitch .36s steps(2,end) infinite}.enemy-health-bar{position:absolute;width:48px;height:6px;overflow:hidden;border:1px solid rgba(255,236,241,.78);border-radius:999px;background:#14080fd1;box-shadow:0 2px 7px #0000008c}.enemy-health-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff477e,#ff7096);transition:width .1s linear}.score-popup{position:absolute;padding:5px 8px;border-radius:8px;background:#0a0f16c2;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6)}.popup-good{color:#80ed99}.popup-bad{color:#ff7096}.popup-heal{color:#8ecae6}.popup-hit{color:#ffd166}.pause-overlay,.end-overlay{position:absolute;inset:0;display:grid;place-content:center;gap:12px;background:#070c128a;text-align:center;pointer-events:auto}.milestone{position:absolute;top:74px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.25);color:#102027;background:#ffd166;box-shadow:0 14px 32px #00000038;font-weight:900;text-align:center}.pause-overlay h2,.end-overlay h2{margin:0;font-size:clamp(34px,8vw,76px);letter-spacing:0}.pause-overlay button,.end-overlay button{min-width:132px;justify-self:center;padding:10px 16px;border:0;border-radius:8px;color:#102027;background:#ffd166;font-weight:900}.end-overlay p{margin:0;padding:0 20px;font-weight:700}.damage-vignette{position:absolute;inset:0;opacity:calc(var(--danger) * .45);background:radial-gradient(circle,transparent 42%,rgba(119,0,33,.58) 100%),#b91c1c14;transition:opacity .16s linear}.is-damaged .damage-vignette{opacity:.72}[hidden]{display:none!important}@keyframes glitch{0%{filter:none}50%{filter:hue-rotate(25deg)}to{filter:none}}@media(max-width:720px){.hud-top{align-items:stretch}.meter-track{width:82px}.hud-timer{margin-left:0}}