:root{--bg:#07060c;--glow:#ffb347;--glow-bright:#ffe2a0;--glow-dim:#ffb3473d;--violet:#b46bff;--violet-dark:#5a2a99;--bone:#efe2c4;--blood:#e5434b;--blood-dark:#a31f28;--ink:#cfe9ee;--panel:#0a0910b3;--pixel:"Press Start 2P", monospace;--term:"VT323", monospace;--top:max(16px, env(safe-area-inset-top));--bottom:max(16px, env(safe-area-inset-bottom));--left:max(16px, env(safe-area-inset-left));--right:max(16px, env(safe-area-inset-right))}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--term);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{touch-action:none;cursor:crosshair;position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}.vignette,.hurt,.overlay{pointer-events:none;position:fixed;inset:0}.vignette{background:radial-gradient(at 50% 45%,#0000 55%,#0000008c 100%)}.hurt{opacity:0;background:radial-gradient(#0000 45%,#be141e8c 100%)}.overlay{overflow:hidden}.hud-title{top:var(--top);left:var(--left);pointer-events:none;position:fixed}.hud-title h1{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--glow-bright);text-shadow:0 0 8px #ffb347a6,2px 2px #3a1d05;margin:0;font-size:13px;line-height:1.6}.hud-title p{letter-spacing:.08em;text-transform:uppercase;color:var(--bone);opacity:.85;margin:6px 0 0;font-size:18px}.hud-wave{top:var(--top);text-align:center;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.hud-wave-title{font-family:var(--pixel);letter-spacing:.08em;color:var(--glow-bright);text-shadow:0 0 10px #ffb3478c,2px 2px #3a1d05;font-size:14px}.hud-wave-info{letter-spacing:.06em;text-transform:uppercase;color:var(--bone);margin-top:6px;font-size:20px}.hud-btn{font-family:var(--pixel);letter-spacing:.06em;color:var(--glow-bright);background:var(--panel);border:2px solid var(--glow-dim);cursor:pointer;min-height:44px;padding:0 14px;font-size:10px;transition:border-color .15s,color .15s,background-color .15s}.hud-btn:hover{border-color:var(--glow)}.hud-btn:focus-visible,.ability:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.hud-corner{top:var(--top);right:var(--right);gap:8px;display:flex;position:fixed}.hud-icon{width:44px;padding:0}#mute[aria-pressed=true]{color:#cfe9ee8c}.boss{width:min(420px,60vw);margin:10px auto 0}.boss[hidden]{display:none}.boss-name{font-family:var(--pixel);letter-spacing:.1em;text-transform:uppercase;color:#e4bcff;text-shadow:0 0 10px #b46bffb3;margin-bottom:4px;font-size:9px}.boss-bar{background:#120a1c;border:2px solid #050407;height:12px;position:relative;box-shadow:0 0 0 2px #b46bff59}.boss-fill,.boss-trail{position:absolute;inset:0 auto 0 0}.boss-trail{background:#f3e7c6}.boss-fill{background:linear-gradient(#c77dff 0 50%, var(--violet-dark) 50% 100%)}.combo{top:calc(var(--top) + 56px);right:var(--right);pointer-events:none;opacity:0;justify-items:end;gap:2px;transition:opacity .2s,transform .2s;display:grid;position:fixed;transform:translate(8px)}.combo.is-visible{opacity:1;transform:none}.combo-mult{font-family:var(--pixel);color:var(--glow-bright);text-shadow:0 0 12px #ffb347b3,2px 2px #3a1d05;font-size:18px}.combo-count{letter-spacing:.06em;text-transform:uppercase;color:var(--bone);font-size:20px}.combo-timer{background:#ffffff14;width:90px;height:4px}.combo-fill{background:var(--glow);height:100%}.hud-health{left:50%;bottom:var(--bottom);pointer-events:none;width:min(360px,40vw);position:fixed;transform:translate(-50%)}.hud-health-label{letter-spacing:.06em;color:var(--bone);justify-content:space-between;margin-bottom:4px;font-size:20px;display:flex}.hud-health-label span:first-child{font-family:var(--pixel);color:var(--glow-bright);align-self:center;font-size:10px}.hp-bar{background:#16080b;border:2px solid #050709;height:18px;position:relative;box-shadow:0 0 0 2px #e5434b40,inset 0 2px #00000080}.hp-fill,.hp-trail{width:100%;position:absolute;inset:0 auto 0 0}.hp-trail{background:#f3e7a6;transition:width .7s .25s}.hp-fill{background:linear-gradient(var(--blood) 0 55%, var(--blood-dark) 55% 100%);transition:width .12s linear}.hp-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#050709d9 calc(10% - 2px) 10%);position:absolute;inset:0}.hp-bar.is-low{animation:.8s steps(2,end) infinite low-pulse}@keyframes low-pulse{50%{box-shadow:0 0 0 2px #e5434bd9,0 0 16px #e5434b99}}.hud-controls{left:var(--left);bottom:var(--bottom);background:var(--panel);border:2px solid var(--glow-dim);pointer-events:none;padding:10px 14px;position:fixed}.hud-controls ul{letter-spacing:.04em;gap:6px;margin:0;padding:0;font-size:20px;list-style:none;display:grid}.hud-controls li{align-items:center;gap:10px;display:flex}.keycap-row{gap:3px;display:inline-flex}kbd{min-width:24px;height:24px;font-family:var(--pixel);color:#0b1d26;background:var(--bone);place-items:center;padding:0 4px;font-size:9px;display:inline-grid;box-shadow:inset -2px -2px #a99e5c,inset 2px 2px #f7f2c6}kbd.wide{min-width:58px}.keys-touch{margin:0;font-size:20px;display:none}.abilities{right:var(--right);bottom:var(--bottom);gap:8px;display:flex;position:fixed}.ability{--cd:0;width:66px;height:66px;font-family:var(--pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--glow-bright);background:var(--panel);border:2px solid var(--glow-dim);cursor:pointer;touch-action:none;align-content:center;place-items:center;gap:6px;padding:0;font-size:8px;transition:border-color .15s;display:grid;position:relative;overflow:hidden}.ability:hover{border-color:var(--glow)}.ability:after{content:"";height:calc(var(--cd) * 100%);pointer-events:none;background:#010407b8;position:absolute;inset:auto 0 0}.ability.is-active{border-color:var(--bone);box-shadow:0 0 14px #e4dc9559}.ability.is-ready{animation:.42s steps(3,end) ready-flash}@keyframes ready-flash{0%,66%{border-color:var(--glow-bright);box-shadow:0 0 18px #ffb347b3}}.ability-attack{border-color:#ffb34773;order:1}.ability-beam{order:2}.ability-spin{order:3}.ability-quake{order:4}.ability kbd{min-width:20px;height:20px;font-size:8px}.ebar{background:#16080b;border:2px solid #050709;width:46px;height:8px;margin:-16px 0 0 -23px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffff14}.ebar.is-elite{width:66px;margin-left:-33px;box-shadow:0 0 0 1px #e4dc958c}.ebar-fill,.ebar-trail{position:absolute;inset:0 auto 0 0}.ebar-trail{background:#f3e7a6}.ebar-fill{background:linear-gradient(var(--blood) 0 50%, var(--blood-dark) 50% 100%)}.dmg{font-family:var(--pixel);color:#fff;white-space:nowrap;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;will-change:transform, opacity;font-size:12px;position:absolute;top:0;left:0}.dmg.is-heavy{color:#ffe36e;font-size:16px}.dmg.is-player{color:#ff6b6b;font-size:14px}.dmg.is-heal{color:#9dff9a;font-size:11px}.banner{text-align:center;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;position:fixed;top:24%;left:50%;transform:translate(-50%,-12px)}.banner.is-visible{opacity:1;transform:translate(-50%)}.banner h2{font-family:var(--pixel);letter-spacing:.08em;color:var(--glow-bright);text-shadow:0 0 16px #ffb347b3,3px 3px #3a1d05;white-space:nowrap;margin:0;font-size:24px}.banner.is-boss h2{color:#e4bcff;text-shadow:0 0 18px #b46bffcc,3px 3px #1d0b33}.banner p{letter-spacing:.06em;color:var(--bone);margin:10px 0 0;font-size:24px}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);scrollbar-width:thin;scrollbar-color:#ffb3474d transparent;background:#050409b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal[hidden]{display:none}.modal-card{text-align:center;background:var(--panel);border:2px solid var(--glow-dim);width:min(440px,100%);padding:28px 24px}.modal h2{font-family:var(--pixel);text-transform:uppercase;color:var(--glow-bright);text-shadow:3px 3px #3a1d05;margin:0;font-size:18px;line-height:1.5}.modal p{color:var(--ink);margin:14px 0 0;font-size:22px}.modal .modal-sub{color:var(--bone);margin-top:6px}.modal .modal-hint{opacity:.6;margin-top:10px;font-size:18px}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.gameover-card{border-color:#e5434b73}.gameover-card h2{color:#ff8a8f;text-shadow:3px 3px #3a0a0e}.modal .gameover-best{font-family:var(--pixel);color:var(--glow-bright);font-size:11px}.gameover-btn{min-width:200px;margin-top:20px}.upgrade-card{width:min(860px,100%)}.upgrade-options{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.upgrade-option{font-family:var(--term);text-align:left;min-height:150px;color:var(--ink);border:2px solid var(--glow-dim);cursor:pointer;background:#14111ce6;align-content:start;justify-items:start;gap:10px;padding:14px;transition:border-color .15s,transform .15s,background-color .15s;display:grid}.upgrade-option:hover,.upgrade-option:focus-visible{border-color:var(--glow);background:#281c12f2;outline:none;transform:translateY(-2px)}.upgrade-name{font-family:var(--pixel);color:var(--glow-bright);font-size:11px;line-height:1.5}.upgrade-pips{gap:4px;display:flex}.upgrade-pips i{background:#ffffff1f;width:10px;height:10px}.upgrade-pips i.is-on{background:var(--glow);box-shadow:0 0 6px #ffb34799}.upgrade-pips i.is-next{background:var(--glow-bright);animation:.9s steps(2,end) infinite pip-pulse}@keyframes pip-pulse{50%{background:#ffffff1f}}.upgrade-text{font-size:20px;line-height:1.15}.joy{border:2px solid var(--glow-dim);opacity:0;pointer-events:none;background:#030c1259;place-items:center;width:112px;height:112px;transition:opacity .12s;display:grid;position:fixed;top:-56px;left:-56px}.joy.is-active{opacity:1}.joy-knob{border:2px solid var(--glow);background:#ffb34759;width:46px;height:46px;box-shadow:0 0 12px #ffb34780}.hud-icon svg{fill:currentColor;width:16px;height:16px;margin:auto;display:block}#mute .cross,#mute[aria-pressed=true] .wave{display:none}#mute[aria-pressed=true] .cross{display:inline}#stats[aria-pressed=true]{border-color:var(--glow);color:var(--glow)}.perf{top:calc(var(--top) + 64px);left:var(--left);border:2px solid var(--glow-dim);pointer-events:none;background:#06050ac7;width:200px;padding:8px 10px 6px;font-size:18px;line-height:1.05;position:fixed}.perf[hidden]{display:none}.perf-row{grid-template-columns:34px 62px 1fr;align-items:baseline;display:grid}.perf-k{font-family:var(--pixel);color:var(--bone);opacity:.8;font-size:8px}.perf-v{color:var(--glow-bright)}.perf-v.is-bad{color:#ff8a8f}.perf-sub{opacity:.6;white-space:nowrap;font-size:15px}.perf-graph{width:180px;height:40px;image-rendering:pixelated;background:#ffffff08;margin-top:6px;display:block}.perf-legend{opacity:.7;margin-top:3px;font-size:14px}.perf-legend i{width:8px;height:8px;margin:0 3px 0 6px;display:inline-block}.perf-legend i:first-child{margin-left:0}.l-frame{background:#ffb347cc}.l-cpu{background:#b46bff}.l-gpu{background:#9dff9a}.perf-detail{font:inherit;white-space:pre;opacity:.65;margin:4px 0 0;font-size:14px}@media (min-width:768px){.hud-title h1{font-size:16px}.hud-title p{font-size:20px}.banner h2{font-size:32px}}@media (max-width:1023px){.hud-controls{display:none}}@media (max-width:767px){.hud-title{max-width:calc(100vw - 190px)}.perf{top:calc(var(--top) + 190px);width:170px}.perf-graph{width:150px}.hud-title p{font-size:15px;line-height:1.1}.hud-wave{top:calc(var(--top) + 84px);left:var(--left);text-align:left;transform:none}.hud-wave-title{font-size:11px}.hud-wave-info{font-size:17px}.hud-health{top:calc(var(--top) + 84px);bottom:auto;left:auto;right:var(--right);width:48vw;transform:none}.hud-health-label{font-size:16px}.hp-bar{height:14px}.abilities{grid-template-columns:62px 88px;grid-template-areas:"quake beam""spin attack";place-items:end;gap:10px;display:grid}.ability-quake{grid-area:quake}.ability-spin{grid-area:spin}.ability-beam{grid-area:beam}.ability-attack{grid-area:attack;width:88px;height:88px;font-size:10px}.ability{width:62px;height:62px}.banner h2{font-size:18px}.banner p{font-size:20px}.boss{width:46vw;margin:8px 0 0}.combo{top:calc(var(--top) + 150px)}.upgrade-options{grid-template-columns:1fr}.upgrade-option{min-height:0}}@media (pointer:coarse){.ability kbd,.keys-desktop{display:none!important}.hud-controls{max-width:45vw;padding:6px 10px;transition:opacity .6s;display:block}.hud-controls.is-faded{opacity:0}.keys-touch{font-size:17px;display:block}}@media (prefers-reduced-motion:reduce){.joy,.hud-btn,.banner,.ability,.combo,.upgrade-option{transition:none}.hp-bar.is-low,.ability.is-ready,.upgrade-pips i.is-next{animation:none}}