:root{--bg: #2b2b2f;--panel-bg: rgba(28, 28, 32, .92);--panel-border: #3a3a40;--text: #e6e6e8;--text-dim: #9a9aa2;--text-faint: #55565c;--accent: #4a90e2;--accent-dim: #35506e;--track: #45454d;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mx-green: #34e07a;--mx-green-dim: #1fae52;--mx-green-faint: rgba(52, 224, 122, .35);--mx-bright: #c8ffdd;--mx-bg: rgba(2, 12, 6, .96);--mx-panel: rgba(4, 18, 9, .92);--mx-border: rgba(52, 224, 122, .28);--mx-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}#app,canvas{display:block;width:100vw;height:100vh}.sfx-volume{position:fixed;left:18px;bottom:18px;display:flex;align-items:center;gap:7px;width:min(156px,calc(100vw - 36px));padding:4px 7px;background:#040e08c7;border:1px solid var(--mx-border);border-radius:1px;backdrop-filter:blur(4px);font:600 10px/1 var(--mx-mono);letter-spacing:.12em;color:var(--mx-green-dim);user-select:none;z-index:30;box-shadow:inset 0 0 24px #00200c59}.sfx-volume-label{flex:0 0 auto;color:var(--mx-green)}.sfx-volume-slider{flex:1;min-width:0;height:2px;margin:0;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--mx-green) 0%,var(--mx-green) var(--sfx-pct, 50%),rgba(52,224,122,.12) var(--sfx-pct, 50%),rgba(52,224,122,.12) 100%);border:none;border-radius:0;cursor:pointer}.sfx-volume-slider::-webkit-slider-runnable-track{height:2px;background:transparent;border:none}.sfx-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:10px;margin-top:-4px;background:var(--mx-bright);border:1px solid var(--mx-green);border-radius:0;box-shadow:0 0 8px #34e07a8c;cursor:pointer}.sfx-volume-slider::-moz-range-track{height:2px;background:#34e07a1f;border:none;border-radius:0}.sfx-volume-slider::-moz-range-progress{height:2px;background:var(--mx-green);border-radius:0}.sfx-volume-slider::-moz-range-thumb{width:6px;height:10px;background:var(--mx-bright);border:1px solid var(--mx-green);border-radius:0;box-shadow:0 0 8px #34e07a8c;cursor:pointer}.sfx-volume-value{flex:0 0 28px;text-align:right;font-variant-numeric:tabular-nums;color:var(--mx-bright);font-size:9px}.legend{position:fixed;left:18px;bottom:58px;display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.08em;color:var(--text-dim);user-select:none;pointer-events:none}.legend .row{display:flex;gap:8px;align-items:baseline}.legend .key,.legend .val{color:var(--text-faint, #55565c);transition:color 90ms ease-out}.legend .row.active .key,.legend .row.active .val{transition:color .26s ease-out}.legend .key{font-weight:600;min-width:58px}.legend .row.active .key{color:var(--text)}.legend .row.active .val{color:var(--text-dim)}.legend-hotkeys{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.legend .row.panel-hint .key{color:var(--mx-green);font-weight:700;text-shadow:0 0 12px rgba(52,224,122,.45)}.legend .row.panel-hint .val{color:var(--mx-bright)}.panel-keycap{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:#041209e6;border:1px solid var(--mx-green);border-radius:1px;font:700 11px/1 var(--mx-mono);color:var(--mx-bright);box-shadow:0 0 10px #34e07a59,inset 0 0 12px #34e07a1f}body.panel-hidden .legend .row.panel-hint .panel-keycap{animation:panel-key-pulse 2.4s ease-in-out infinite}@keyframes panel-key-pulse{0%,70%{border-color:var(--mx-green);box-shadow:0 0 10px #34e07a59,inset 0 0 12px #34e07a1f}85%{border-color:var(--mx-bright);box-shadow:0 0 18px #34e07aa6,inset 0 0 16px #34e07a38}to{border-color:var(--mx-green);box-shadow:0 0 10px #34e07a59,inset 0 0 12px #34e07a1f}}.legend.camera-mode .legend-hotkeys .row:first-child .key,.legend.camera-mode .legend-hotkeys .row:first-child .val{color:var(--accent)}body.panel-hidden .panel{visibility:hidden;pointer-events:none}body.panel-hidden .social-links{right:18px}body.immersive .panel,body.immersive .legend,body.immersive .sfx-volume,body.immersive .social-links,body.immersive .info-button,body.immersive .hud-hearts,body.immersive .enemy-bars,body.immersive .kill-meter,body.immersive .enemy-count,body.immersive .charge-ring-wrap,body.immersive .vignette,body.immersive .horde-control,body.immersive .wave-overlay,body.immersive .pause-overlay{visibility:hidden;pointer-events:none}.pause-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none;font-size:42px;font-weight:800;letter-spacing:.2em;color:#e6e6e8eb;text-shadow:0 2px 24px rgba(0,0,0,.65);opacity:0;visibility:hidden;transition:opacity .15s ease-out}.social-links{position:fixed;right:286px;bottom:18px;display:flex;gap:8px;z-index:30}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#1c1c20bf;border:1px solid var(--panel-border);color:var(--text-dim);backdrop-filter:blur(4px);transition:color .2s ease,border-color .2s ease,background .2s ease}.social-link svg{width:17px;height:17px}.social-link:hover,.social-link:focus-visible{color:var(--text);border-color:var(--text-dim);background:#28282ee6;outline:none}.panel{position:fixed;top:0;right:0;width:268px;height:100vh;padding:16px 16px 12px;background:var(--panel-bg);border-left:1px solid var(--panel-border);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:12px;font-size:13px;user-select:none}.panel h1{margin:0;font-size:16px;letter-spacing:.04em;font-weight:700}.panel .sub{margin:-8px 0 0;font-size:11px;color:var(--text-dim)}.panel select{width:100%;padding:6px 8px;background:var(--track);color:var(--text);border:1px solid var(--panel-border);border-radius:6px;font-family:inherit;font-size:13px}.panel .buttons{display:flex;gap:8px}.panel .buttons button{flex:1;padding:6px 8px;background:var(--track);color:var(--text);border:1px solid var(--panel-border);border-radius:6px;cursor:pointer;font-family:inherit;font-size:12px}.panel .buttons button:hover{border-color:var(--accent-dim)}.effects{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.effect-group h2{margin:0 0 6px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim)}.effect-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.effect-row label{cursor:pointer}.param-row{display:flex;align-items:center;gap:8px;padding:2px 0 2px 14px;font-size:11px;color:var(--text-dim)}.param-row-root{padding-left:0}.param-row span:first-child{flex:0 0 72px}.param-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.param-row .param-value{flex:0 0 28px;text-align:right;font-variant-numeric:tabular-nums}.switch{position:relative;width:36px;height:20px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:var(--track);border-radius:20px;transition:background .15s ease}.switch .slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#d8d8dc;border-radius:50%;transition:transform .15s ease}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(16px)}.panel .footer{font-size:11px;color:var(--text-dim);display:flex;justify-content:space-between;border-top:1px solid var(--panel-border);padding-top:8px}.hud-hearts{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:none}.heart{width:22px;height:22px;--heart-color: #e0556a;background:var(--heart-color);clip-path:path("M11 20 L2 11 A5 5 0 0 1 11 5 A5 5 0 0 1 20 11 Z");transform-origin:center}.heart.empty{--heart-color: #55555c}.enemy-bars{position:fixed;inset:0;pointer-events:none;overflow:hidden}.enemy-bar{position:absolute;width:42px;height:6px;border-radius:3px;background:#3a3a40;transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 0 0 1px #0006}.enemy-bar .fill{height:100%;background:#e0556a;transition:width .08s linear}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 140px 30px #c81e2899;opacity:0}.vignette.flash{animation:vignette-flash .45s ease-out}@keyframes vignette-flash{0%{opacity:.9}to{opacity:0}}.hud-hearts.hit{animation:hearts-hit .35s ease-out}@keyframes hearts-hit{0%{transform:translate(-50%) scale(1)}25%{transform:translate(-50%) translate(-4px) scale(1.18)}50%{transform:translate(-50%) translate(4px) scale(1.1)}75%{transform:translate(-50%) translate(-2px) scale(1.04)}to{transform:translate(-50%) scale(1)}}.enemy-bar.hit{animation:bar-hit .28s ease-out}@keyframes bar-hit{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-50%,-50%) translate(-4px)}75%{transform:translate(-50%,-50%) translate(4px)}}.panel-fold{border:1px solid var(--panel-border);border-radius:8px;overflow:hidden}.panel-fold-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--track);color:var(--text);border:none;cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:.04em;text-align:left}.panel-fold-toggle:hover{color:var(--text);background:var(--accent-dim)}.panel-fold-chevron{display:inline-block;color:var(--text-dim);transition:transform .2s ease}.panel-fold[data-collapsed=false] .panel-fold-chevron{transform:rotate(90deg)}.panel-fold-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.panel-fold[data-collapsed=false] .panel-fold-wrap{grid-template-rows:1fr}.panel-fold-body{overflow:hidden;min-height:0}.horde-control{display:flex;align-items:center;gap:10px;padding:10px;font-size:12px;letter-spacing:.08em;user-select:none}.horde-control .title{font-weight:700;color:var(--text-dim)}.horde-control .count{font-weight:700;min-width:34px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.horde-control .target{color:var(--text-dim);font-variant-numeric:tabular-nums}.horde-control input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.rev-control{flex-direction:column;align-items:stretch;gap:6px}.rev-control .rev-row{display:flex;align-items:center;gap:10px}.rev-control .rev-row .target{min-width:52px;text-align:left}.rev-control .rev-row input[type=range]{flex:1;width:auto}.info-button{position:fixed;left:18px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border-radius:50%;background:#06140bbf;border:1px solid var(--mx-green-faint);color:var(--mx-green);font:700 18px/1 var(--mx-mono);cursor:pointer;backdrop-filter:blur(4px);transition:border-color .2s ease,box-shadow .2s ease,color .2s ease;z-index:40}.info-button .info-button-glyph{position:relative;z-index:1}.info-button .info-button-ring{position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--mx-green-faint);animation:info-ping 3.2s ease-out infinite;pointer-events:none}@keyframes info-ping{0%,55%{transform:scale(1);opacity:0}60%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}.info-button:hover,.info-button:focus-visible{color:var(--mx-bright);border-color:var(--mx-green);box-shadow:0 0 16px #34e07a73;outline:none}.info-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:3vh 3vw;background:#020a06db;backdrop-filter:grayscale(.92) brightness(.28) blur(3px)}.info-overlay[hidden]{display:none}.info-rain{position:absolute;inset:0;width:100%;height:100%;opacity:.22;pointer-events:auto}.info-modal{position:relative;width:min(1080px,100%);height:min(92vh,100%);display:flex;flex-direction:column;background:var(--mx-bg);border:1px solid var(--mx-border);border-radius:10px;box-shadow:0 0 0 1px #0009,0 0 60px #34e07a2e,inset 0 0 120px #00281080;font-family:var(--mx-mono);color:#d5f2e0;overflow:hidden;animation:info-boot .28s ease-out}@keyframes info-boot{0%{transform:translateY(14px) scale(.985);opacity:0}to{transform:none;opacity:1}}.info-modal:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#001e0c38 3px);mix-blend-mode:multiply}.info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 28px 16px;border-bottom:1px solid var(--mx-border);background:linear-gradient(180deg,rgba(52,224,122,.07),transparent)}.info-title-tag{font-size:11px;letter-spacing:.3em;color:var(--mx-green-dim)}.info-title h1{margin:4px 0 6px;font-size:30px;font-weight:800;letter-spacing:.04em;color:var(--mx-bright);text-shadow:0 0 18px rgba(52,224,122,.55)}.info-title p{margin:0;font-size:13px;color:var(--mx-green)}.info-close{flex:0 0 auto;padding:8px 12px;background:transparent;border:1px solid var(--mx-border);border-radius:6px;color:var(--mx-green);font:700 12px var(--mx-mono);letter-spacing:.12em;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.info-close:hover,.info-close:focus-visible{color:var(--mx-bright);border-color:var(--mx-green);box-shadow:0 0 12px #34e07a66;outline:none}.info-body{flex:1;overflow-y:auto;padding:10px 28px 26px;scrollbar-width:thin;scrollbar-color:var(--mx-green-dim) transparent}.info-section{padding:22px 0;border-bottom:1px dashed rgba(52,224,122,.18);max-width:76ch}.info-section h2{margin:0 0 12px;font-size:16px;letter-spacing:.08em;color:var(--mx-bright);text-transform:uppercase}.info-num{color:var(--mx-green-dim);margin-right:8px}.info-num:after{content:" /"}.info-section p,.info-section li{font-size:13.5px;line-height:1.75;color:#c2e8d1}.info-section p{margin:0 0 12px}.info-section ul{margin:0 0 12px;padding-left:20px}.info-section li{margin-bottom:8px}.info-section li::marker{color:var(--mx-green-dim)}.info-section strong,.info-section em{color:var(--mx-bright)}.info-section code{font-family:var(--mx-mono);font-size:12.5px;color:var(--mx-green);background:#34e07a14;border:1px solid rgba(52,224,122,.16);border-radius:4px;padding:1px 5px}.mx-dim{color:#7ca38c}.mx-hot{color:var(--mx-bright);text-shadow:0 0 10px rgba(52,224,122,.7)}.info-scroll{overflow-x:auto;margin:6px 0 12px;padding:12px;border:1px solid rgba(52,224,122,.16);border-radius:8px;background:#00180a59;scrollbar-width:thin;scrollbar-color:var(--mx-green-dim) transparent}.info-diagram{display:block}.dg-box{fill:#34e07a0f;stroke:var(--mx-green-dim);stroke-width:1}.dg-bus{fill:#34e07a24;stroke:var(--mx-green);stroke-width:1.2}.dg-freeze{fill:#c8ffdd1a;stroke:var(--mx-bright);stroke-dasharray:4 3}.dg-box-title,.dg-title{fill:var(--mx-bright);font:700 12px var(--mx-mono)}.dg-sub{fill:#7ca38c;font:400 10.5px var(--mx-mono)}.dg-label{fill:var(--mx-green-dim);font:700 10px var(--mx-mono);letter-spacing:.2em}.dg-hot{fill:var(--mx-green);font:700 11px var(--mx-mono)}.dg-line{stroke:#34e07a40;stroke-width:1}.dg-tick{stroke:var(--mx-green-dim);stroke-width:1.5}.dg-arrow{stroke:var(--mx-green);stroke-width:1.4}.dg-dashed{stroke-dasharray:4 4}.dg-head{fill:var(--mx-green)}.fx-table{border-collapse:collapse;font-size:12.5px;min-width:640px}.fx-table th{text-align:left;padding:6px 14px 6px 0;color:var(--mx-green-dim);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--mx-border)}.fx-table td{padding:7px 14px 7px 0;border-bottom:1px solid rgba(52,224,122,.1);color:#c2e8d1;line-height:1.5;vertical-align:top}.fx-table .fx-name{color:var(--mx-bright);font-weight:700;white-space:nowrap}.fx-table .fx-group{color:var(--mx-green-dim);white-space:nowrap}.info-footer{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 4px;font-size:11px;letter-spacing:.14em;color:#6d947e}.info-footer-blink{color:var(--mx-green);animation:info-cursor 1.1s steps(1) infinite}@keyframes info-cursor{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.info-button .info-button-ring,.info-footer-blink,.info-modal{animation:none}}.kill-meter{position:fixed;top:18px;left:18px;width:168px;padding:10px 12px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;backdrop-filter:blur(6px);pointer-events:none;user-select:none;transition:border-color .2s ease,box-shadow .2s ease}.kill-meter .km-title{font-size:10px;letter-spacing:.16em;color:var(--text-dim);font-weight:700}.kill-meter .km-row{display:flex;align-items:baseline;gap:4px;margin:2px 0 6px}.kill-meter .km-count{font-size:26px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.kill-meter .km-goal{font-size:11px;color:var(--text-dim)}.kill-meter .km-track{height:5px;border-radius:3px;background:var(--track);overflow:hidden}.kill-meter .km-fill{height:100%;width:0;background:linear-gradient(90deg,#ffc85a,#ff7a4e);transition:width .15s ease-out}.kill-meter .km-status{margin-top:6px;font-size:10px;font-weight:800;letter-spacing:.14em;min-height:12px;color:#7adcff}.kill-meter.pop .km-count{animation:km-pop .22s ease-out}@keyframes km-pop{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.kill-meter.armed{border-color:#7adcff;box-shadow:0 0 18px #7adcff73}.kill-meter.armed .km-fill{background:linear-gradient(90deg,#7adcff,#b48cff)}.kill-meter.armed .km-status{animation:km-ready .9s ease-in-out infinite alternate}@keyframes km-ready{0%{opacity:.55}to{opacity:1}}.kill-meter.active{border-color:#fff;box-shadow:0 0 26px #fff9}.kill-meter.active .km-status{color:#fff;animation:km-ready .28s ease-in-out infinite alternate}.enemy-count{position:fixed;top:136px;left:18px;width:168px;padding:9px 12px 10px;background:#1c1c20db;border:1px solid var(--panel-border);border-radius:8px;backdrop-filter:blur(6px);pointer-events:none;user-select:none;transition:border-color .18s ease,box-shadow .18s ease}.enemy-count .ec-title{font-size:10px;letter-spacing:.16em;color:var(--text-dim);font-weight:700}.enemy-count .ec-count{display:block;margin-top:2px;font-size:30px;font-weight:850;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.enemy-count.drop .ec-count{animation:ec-drop .24s ease-out}.enemy-count.clear{border-color:#7adcffd9;box-shadow:0 0 18px #7adcff40}@keyframes ec-drop{0%{transform:scale(1)}42%{transform:scale(1.26);color:#7adcff}to{transform:scale(1)}}.charge-ring-wrap{position:fixed;left:0;top:0;display:none;pointer-events:none;will-change:transform}.charge-ring{position:absolute;left:0;top:0;width:72px;height:72px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;-webkit-mask:radial-gradient(closest-side,transparent 68%,#000 70%);mask:radial-gradient(closest-side,transparent 68%,#000 70%)}.charge-ring.mega{filter:drop-shadow(0 0 10px rgba(122,220,255,.9))}.charge-ring.full{animation:ring-strain .24s linear infinite}@keyframes ring-strain{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}.wave-overlay{position:fixed;top:22%;left:50%;transform:translate(-50%);pointer-events:none;font-size:40px;font-weight:800;letter-spacing:.14em;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.6);opacity:0}.wave-overlay.show{animation:wave-announce 1.8s ease-out}@keyframes wave-announce{0%{opacity:0;transform:translate(-50%) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.05)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}