:root{--mat:#ff8a2a;--mat2:#ffd2a0;--flx:#40f0ff;--flx2:#c070ff;--bad:#f35;--ok:#7dff9a;--ink:#e8ecf2;--dim:#8a94a6;--panel:#080a109e;--line:#ffffff1f;--accent:var(--mat);--mono:"JetBrains Mono","Consolas","DejaVu Sans Mono","Menlo",monospace;--sans:"Bahnschrift","DIN Alternate","Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif}body.flux{--accent:var(--flx)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--mono);-webkit-user-select:none;user-select:none;background:#05060a;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#app canvas{width:100%;height:100%;display:block}.hidden{display:none!important}.screen{z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading{z-index:50;background:#05060a}.loadTxt{letter-spacing:.4em;color:var(--mat);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.3}}#startScreen{background:linear-gradient(90deg,#040509eb 0%,#040509bf 48%,#04050940 100%);flex-direction:column;align-items:stretch;padding:4vh 5vw 2vh}.startGrid{flex:1;grid-template-columns:minmax(380px,1.1fr) minmax(320px,.9fr);gap:4vw;min-height:0;display:grid}.startLeft,.startRight{flex-direction:column;min-height:0;display:flex}.startRight{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:start;max-height:100%;padding:18px 22px;overflow:auto}.logo{font-family:var(--sans);letter-spacing:.02em;color:#f4f6fa;text-shadow:0 0 30px #ff8a2a59;font-size:clamp(48px,7.4vw,110px);font-weight:900;line-height:.9;position:relative}.logo span{color:var(--flx);text-shadow:0 0 24px var(--flx)}.logo:before,.logo:after{content:attr(data-text);opacity:.7;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:hidden}.logo:before{color:var(--mat);clip-path:inset(10% 0 60%);animation:3.2s step-end infinite gl1;transform:translate(-3px)}.logo:after{color:var(--flx);clip-path:inset(55% 0 15%);animation:2.7s step-end infinite gl2;transform:translate(3px)}@keyframes gl1{0%,92%{clip-path:inset(10% 0 60%);transform:translate(-3px)}94%{clip-path:inset(40% 0 30%);transform:translate(6px)}97%{clip-path:inset(70% 0 5%);transform:translate(-8px)}}@keyframes gl2{0%,90%{clip-path:inset(55% 0 15%);transform:translate(3px)}93%{clip-path:inset(5% 0 80%);transform:translate(-6px)}96%{clip-path:inset(30% 0 50%);transform:translate(9px)}}.tagline{color:var(--dim);letter-spacing:.35em;margin:14px 0 22px;font-size:12px}.briefing{background:var(--panel);border-left:3px solid var(--flx);max-width:640px;min-height:150px;padding:14px 18px}.briefHead{color:var(--flx);letter-spacing:.2em;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.ultronGlyph{border:2px solid var(--flx);width:18px;height:18px;box-shadow:0 0 12px var(--flx);animation:4s linear infinite spin;display:inline-block;transform:rotate(45deg)}@keyframes spin{to{transform:rotate(405deg)}}#briefText{color:#cfe9ff;white-space:pre-wrap;font-size:14px;line-height:1.6}#briefText:after{content:"▌";color:var(--flx);animation:.8s steps(2,end) infinite blink}.startRow{align-items:flex-end;gap:18px;margin:22px 0 14px;display:flex}.startRow label{letter-spacing:.2em;color:var(--dim);flex-direction:column;gap:6px;font-size:11px;display:flex}select,input[type=range]{accent-color:var(--accent)}select{color:var(--ink);border:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;background:#0c0f17;padding:9px 10px}.btn{font-family:var(--sans);letter-spacing:.18em;color:var(--ink);cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:0 0;border:1px solid #ffffff59;padding:13px 26px;font-size:15px;font-weight:800;transition:all .15s}.btn:hover{background:#ffffff14}.btn.primary{background:linear-gradient(90deg,var(--mat),#ff5a1a);color:#120800;border:none;box-shadow:0 0 30px #ff782859}.btn.primary:hover{filter:brightness(1.15)}#bestScores{color:var(--dim);max-width:640px;font-size:12px;line-height:1.7}#bestScores b{color:var(--mat2)}.panelTitle{letter-spacing:.3em;color:var(--dim);margin:6px 0 10px;font-size:11px}table.controls{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:12.5px}table.controls td{border-bottom:1px solid #ffffff0d;padding:4px 6px}table.controls td:first-child{color:var(--mat2);white-space:nowrap;width:120px;font-weight:700}.rules{color:#c8d0dc;margin:0;padding-left:16px;font-size:12px;line-height:1.6}.rules b{letter-spacing:.1em}.mat{color:var(--mat)}.flx{color:var(--flx)}.footer{color:var(--dim);letter-spacing:.15em;text-align:center;padding-top:8px;font-size:11px}.menuBox{border:1px solid var(--line);background:#06080de6;flex-direction:column;gap:12px;min-width:420px;padding:28px 34px;display:flex;box-shadow:0 0 60px #0009}.menuBox.wide{min-width:620px}.menuTitle{font-family:var(--sans);letter-spacing:.12em;margin-bottom:6px;font-size:40px;font-weight:900}.menuBox label{letter-spacing:.2em;color:var(--dim);flex-direction:column;gap:6px;font-size:11px;display:flex}.menuBox label.chk{flex-direction:row;align-items:center}.menuBox label span{color:var(--ink)}.menuBtns{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}#pauseScreen,#resultScreen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0304088c}#resultSub{color:var(--dim);letter-spacing:.15em;margin-top:-8px;font-size:13px}#resultStats{grid-template-columns:1fr 1fr;gap:8px 28px;margin:10px 0;display:grid}#resultStats .st{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}#resultStats .st b{color:var(--mat2);font-size:16px}#resultStats .st.big{grid-column:1/-1;font-size:18px}#resultStats .st.big b{color:var(--flx);font-size:26px}#resultBest{color:var(--dim);font-size:12px;line-height:1.6}#resultBest .new{color:var(--ok);letter-spacing:.2em;font-weight:700}#hud{pointer-events:none;z-index:10;font-size:13px;position:fixed;top:0;bottom:0;left:0;right:0}#phaseTint{transition:box-shadow .3s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 160px #40f0ff00}body.flux #phaseTint{box-shadow:inset 0 0 180px #783cff59}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{background:#fff;position:absolute;box-shadow:0 0 4px #000c}#crosshair i:first-child{width:2px;height:8px;left:-1px;top:calc(-8px - var(--sp,6px))}#crosshair i:nth-child(2){width:2px;height:8px;left:-1px;top:var(--sp,6px)}#crosshair i:nth-child(3){width:8px;height:2px;top:-1px;left:calc(-8px - var(--sp,6px))}#crosshair i:nth-child(4){width:8px;height:2px;top:-1px;left:var(--sp,6px)}#crosshair b{background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px}#hitmarker{opacity:0;position:absolute;top:50%;left:50%}#hitmarker i{background:#fff;width:2px;height:9px;position:absolute;top:-4.5px;left:-1px}#hitmarker i:first-child{transform:rotate(45deg)translateY(-11px)}#hitmarker i:nth-child(2){transform:rotate(135deg)translateY(-11px)}#hitmarker i:nth-child(3){transform:rotate(225deg)translateY(-11px)}#hitmarker i:nth-child(4){transform:rotate(315deg)translateY(-11px)}#hitmarker.crit i{background:#ff4060;height:12px}#hitmarker.kill i{background:#fc3;width:3px;height:15px}#hitmarker.immune i{background:#7a8496}#chargeRing{opacity:0;background:conic-gradient(var(--flx) calc(var(--c,0)*360deg),transparent 0);border-radius:50%;width:46px;height:46px;margin:-23px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 19px,#000 20px);mask:radial-gradient(circle,#0000 19px,#000 20px)}#interactPrompt{background:var(--panel);border:1px solid var(--line);letter-spacing:.12em;opacity:0;padding:6px 12px;transition:opacity .15s;position:absolute;top:58%;left:50%;transform:translate(-50%)}#interactPrompt.on{opacity:1}#dmgRing{width:0;height:0;position:absolute;top:50%;left:50%}.dmgArc{filter:drop-shadow(0 0 6px red);opacity:0;border-top:5px solid #ff283cf2;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;left:-90px;-webkit-mask:linear-gradient(90deg,#0000 30%,#000 45% 55%,#0000 70%);mask:linear-gradient(90deg,#0000 30%,#000 45% 55%,#0000 70%)}#topbar{position:absolute;top:14px;left:50%;transform:translate(-50%)}#compass{background:linear-gradient(90deg,#0000,#080a1099 15% 85%,#0000);width:520px;height:30px;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}#compassStrip{width:100%;height:100%;position:absolute;top:0;left:0}.ctick{color:var(--dim);font-size:11px;position:absolute;top:4px;transform:translate(-50%)}.ctick.card{color:var(--ink);font-weight:700}.cmark{text-shadow:0 0 6px;font-size:12px;font-weight:700;position:absolute;top:15px;transform:translate(-50%)}#compassNeedle{background:var(--accent);width:2px;height:7px;margin-left:-1px;position:absolute;top:0;left:50%}#objPanel{background:var(--panel);border-left:3px solid var(--accent);width:320px;padding:10px 14px;position:absolute;top:20px;left:22px}#objTitle{font-family:var(--sans);letter-spacing:.08em;font-size:18px;font-weight:800}#objDetail{color:#c9d2de;margin:4px 0 8px;font-size:12px;line-height:1.45}#objBar{background:#ffffff1a;height:5px}#objBar div{background:var(--accent);width:0;height:100%;transition:width .2s}#objSteps{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#objSteps span{border:1px solid var(--line);color:var(--dim);letter-spacing:.1em;padding:2px 6px;font-size:10px}#objSteps span.done{color:var(--ok);border-color:var(--ok)}#objSteps span.cur{color:var(--ink);border-color:var(--accent)}#scorePanel{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:16px;right:22px}#minimap{border:1px solid var(--line);background:#06080d99;border-radius:50%;width:200px;height:200px}#scoreVal{font-family:var(--sans);letter-spacing:.05em;font-size:30px;font-weight:900}#comboBox{opacity:.35;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:8px;width:200px;transition:opacity .2s;display:flex}#comboBox.on{opacity:1}#comboMult{font-family:var(--sans);color:var(--accent);font-size:26px;font-weight:900}#comboCount{color:var(--dim)}#comboTimer{background:#ffffff1a;width:100%;height:3px}#comboTimer div{background:var(--accent);width:0;height:100%}#upgrades{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.upg{background:var(--panel);letter-spacing:.12em;border-right:3px solid #c070ff;padding:3px 8px;font-size:11px}#vitals{width:330px;position:absolute;bottom:24px;left:22px}.vrow{align-items:center;gap:8px;margin-top:6px;display:flex}.vlabel{width:30px;color:var(--dim);font-size:11px}.bar{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#ffffff14;flex:1;height:14px}.bar div{width:100%;height:100%;transition:width .12s}.bar.health div{background:linear-gradient(90deg,#f35,#ff7a5a)}.bar.shield div{background:linear-gradient(90deg,#5fb6ff,#b9e6ff)}#vitals span[id]{text-align:right;width:34px;font-weight:700}#vitals.low .bar.health{animation:.5s steps(2,end) infinite blink}#phasePanel{flex-direction:column;align-items:center;gap:6px;width:430px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#phaseLabel{font-family:var(--sans);letter-spacing:.4em;color:var(--accent);text-shadow:0 0 10px var(--accent);font-size:15px;font-weight:900}#phaseBar{border:1px solid var(--line);background:#ffffff14;width:100%;height:8px;position:relative}#phaseFill{background:linear-gradient(90deg,#7a40ff,var(--flx));width:100%;height:100%}#phaseBar.low #phaseFill{background:var(--bad)}#phaseBar.locked{animation:.25s steps(2,end) infinite blink}#phaseCost{background:#fff;width:2px;position:absolute;top:-3px;bottom:-3px;left:5%}#abilities{gap:8px;margin-top:4px;display:flex}.ab{background:var(--panel);border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;width:96px;height:44px;display:flex;position:relative;overflow:hidden}.ab .cd{background:#ffffff1f;width:100%;height:0;position:absolute;bottom:0;left:0}.ab .key{color:var(--accent);font-size:14px;font-weight:700;position:relative}.ab .name{letter-spacing:.12em;color:var(--dim);font-size:9px;position:relative}.ab.ready{border-color:var(--accent)}.ab.ready .name{color:var(--ink)}.ab.flash{animation:.4s abf}@keyframes abf{0%{background:#ffffff80}}#weaponPanel{text-align:right;position:absolute;bottom:24px;right:24px}#weaponName{font-family:var(--sans);letter-spacing:.2em;color:var(--dim);font-size:14px;font-weight:800}#ammo{font-family:var(--sans);font-weight:900}#ammoMag{font-size:48px}#ammoRes{color:var(--dim);margin-left:6px;font-size:18px}#ammo.low #ammoMag{color:var(--bad)}#weaponSlots{justify-content:flex-end;gap:6px;display:flex}#weaponSlots span{border:1px solid var(--line);width:22px;height:22px;color:var(--dim);justify-content:center;align-items:center;font-size:11px;display:flex}#weaponSlots span.on{border-color:var(--accent);color:var(--ink)}#reloadHint{color:var(--bad);letter-spacing:.2em;opacity:0;margin-top:4px;font-size:11px}#reloadHint.on{opacity:1}#subtitle{border-left:3px solid var(--flx);opacity:0;background:#04080eb8;gap:10px;max-width:720px;padding:8px 14px;font-size:14px;line-height:1.45;transition:opacity .25s;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}#subtitle.on{opacity:1}#subtitle .who{color:var(--flx);letter-spacing:.15em;padding-top:2px;font-size:12px;font-weight:700}#banner{text-align:center;opacity:0;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#banner.on{opacity:1}#bannerMain{font-family:var(--sans);letter-spacing:.25em;text-shadow:0 0 22px var(--accent);font-size:46px;font-weight:900}#bannerSub{letter-spacing:.3em;color:var(--dim);margin-top:6px;font-size:13px}#toasts{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%)}.toast{font-family:var(--sans);letter-spacing:.2em;text-shadow:0 0 10px;font-size:15px;font-weight:800;animation:1.6s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(8px)scale(1.2)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#bossBar{text-align:center;width:560px;position:absolute;top:58px;left:50%;transform:translate(-50%)}#bossName{font-family:var(--sans);letter-spacing:.5em;color:#ff6a9a;font-size:16px;font-weight:900}.bossTrack{border:1px solid var(--line);background:#ffffff14;height:10px;margin-top:4px}#bossFill{background:linear-gradient(90deg,#ff2a6a,#ffb02a);width:100%;height:100%;transition:width .15s}#bossFill.flux{background:linear-gradient(90deg,#7a40ff,#40f0ff)}#bossPhase{letter-spacing:.3em;color:var(--dim);margin-top:4px;font-size:11px}#dmgNums,#markers{position:absolute;top:0;bottom:0;left:0;right:0}.dnum{font-family:var(--sans);color:#fff;text-shadow:0 0 4px #000,0 0 8px #0009;white-space:nowrap;will-change:transform,opacity;font-size:17px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.dnum.crit{color:#ff4060;font-size:22px}.dnum.flux{color:var(--flx)}.dnum.immune{color:#8892a4;letter-spacing:.15em;font-size:12px}.mk{letter-spacing:.1em;text-align:center;white-space:nowrap;text-shadow:0 0 6px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.mk .dia{border:2px solid;width:12px;height:12px;margin:0 auto 3px;transform:rotate(45deg)}.mk.enemy .dia{border-radius:50%;width:16px;height:16px;transform:none}#fps{color:#556;font-size:10px;position:absolute;bottom:2px;left:4px}