:root{color-scheme:dark;--ink:#121923;--panel:#1b2634;--panel-2:#29364a;--line:#435168;--cream:#f1dcb4;--muted:#a6b7c6;--green:#a1e1b3;--gold:#dfad76;--red:#ed8b80;--violet:#bca3ec;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}html{background:#111826;scrollbar-color:#455267 #111826}body{margin:0;color:var(--cream);font:14px/1.5 var(--mono);min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#303648 0%,#1b2633 40%,#0c1522 100%)}button{font:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}button:disabled{cursor:not-allowed}button[hidden],[hidden]{display:none!important}.site-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #394454;gap:14px}.brand-lockup{display:flex;gap:13px;align-items:center}.brand-mark{height:43px;width:43px;display:grid;place-items:center;border:2px solid var(--gold);background:#2b3546;color:var(--green);font-size:19px;font-weight:900;box-shadow:4px 4px 0 #141b29}.brand-lockup strong{display:block;color:var(--cream);font:900 22px/1.1 var(--mono);letter-spacing:-1px}.brand-sub{display:block;color:var(--green);font-size:10px;letter-spacing:1px;margin-top:5px;font-weight:700}.topright{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1px;color:#acb9c8}.topright .dot,.mini-LED{width:7px;height:7px;background:var(--green);box-shadow:0 0 11px var(--green);display:inline-block;border-radius:50%}.version{border:1px solid #46576c;padding:5px 8px;color:var(--gold)}.intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:30px 0 23px}.intro>div{max-width:690px}.eyebrow{color:var(--green);font-size:10px;letter-spacing:2px;font-weight:bold}.intro h1{font-family:var(--sans);font-size:clamp(27px,3.7vw,40px);letter-spacing:-1.7px;line-height:1.08;margin:9px 0 0;color:#fff0d1;font-weight:850}.intro h1 span{color:var(--gold)}.intro p{max-width:335px;color:#b3c2d1;font-size:12px;line-height:1.7;margin:0}.cabinet{border:2px solid #65748a;background:#1c2839;box-shadow:0 18px 70px #0008,0 0 0 5px #131b28,0 0 0 6px #405062;padding:12px}.cabinet-top,.cabinet-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;letter-spacing:1px;color:#b5c5d6;font-size:10px}.cabinet-top{padding:2px 6px 12px}.cabinet-light{height:7px;width:7px;border-radius:50%;background:var(--red);box-shadow:0 0 7px var(--red);margin-right:-3px}.cabinet-top-right{margin-left:auto;color:#8399ab}.monitor-bezel{padding:8px;background:#0b1019;border:4px solid #3b465a;box-shadow:inset 0 0 0 4px #131b2a,0 4px 10px #060e16;border-radius:5px}.monitor{position:relative;aspect-ratio:16/9;overflow:hidden;background:#202b3b;isolation:isolate}.monitor canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.crt-overlay{position:absolute;inset:0;pointer-events:none;opacity:.38;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.19) 4px,transparent 5px);mix-blend-mode:multiply;z-index:3}.monitor::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px 5px #0a0f2099;z-index:4}.screen-hud{position:absolute;top:10px;left:11px;right:11px;display:flex;gap:7px;pointer-events:none;z-index:5}.hud-chip{min-width:90px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#192534de;border:1px solid #7280968c;padding:7px 11px;box-shadow:0 3px 0 #0e1725a8}.hud-chip span{font-size:10px;color:#becfe2}.hud-chip b{font-size:16px;line-height:1;color:#f5dfb1;font-variant-numeric:tabular-nums}.hud-chip:first-child b{color:#acf0bd}.hud-time b{color:#f1c68b}.hud-combo{margin-left:auto}.corner-stamp{position:absolute;bottom:12px;right:10px;z-index:4;font-size:10px;color:#e5b48a;background:#181b2bbc;padding:5px 8px;pointer-events:none}.status-row{background:#111b29;border:1px solid #495a6c;border-top:0;padding:11px 11px 7px}.status-meta{display:flex;justify-content:space-between;gap:15px;color:#a2dfb9;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}.progress-track{position:relative;height:13px;background:#344050;overflow:hidden;border:1px solid #56667a}.progress-fill{height:100%;background:linear-gradient(to right,#548e82,#8ed6a8);width:0%;transition:width .1s linear;box-shadow:0 0 10px #a1e9b259}.progress-grid{position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),#1017216a calc(10% - 1px),#1017216a 10%);pointer-events:none}.ticker{display:flex;gap:13px;padding:10px 3px 1px;min-height:31px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0d5b0}.ticker-label{flex:none;font-weight:800;color:#8bd0ad}#ticker{overflow:hidden;text-overflow:ellipsis}.controls{display:flex;align-items:stretch;gap:12px;margin-top:12px}.ability-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;flex:1}.ability{background:#29384a;border:1px solid #627086;box-shadow:inset 0 3px 0 #354a60,0 3px 0 #111a27;color:#f4dcac;text-align:left;display:flex;align-items:center;gap:9px;padding:10px 9px;min-width:0;transition:background .1s}.ability:hover:not(:disabled){background:#384c5b;border-color:#bdd4d8}.ability:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 0 #354a60}.ability:disabled{opacity:.52}.ability-icon{display:grid;place-items:center;font-size:15px;font-weight:900;color:#e3f5ec;background:#3f6759;border:2px solid #739f81;height:36px;min-width:43px}.ability-icon.icon-shield{background:#3d5871;border-color:#83adc6}.ability-icon.icon-elephant{background:#62497e;border-color:#a58acc}.ability-copy{display:flex;flex-direction:column;min-width:0;overflow:hidden}.ability-copy strong{font-size:12px;white-space:nowrap}.ability-copy small{font-size:10px;color:#becadc;white-space:nowrap}.ability-state{margin-left:auto;font-size:10px;color:#99d8b3;min-width:40px;text-align:right}.ability:disabled .ability-state{color:#e1bd94}kbd{font-family:var(--mono);font-size:10px;padding:2px 5px;border:1px solid #677990;border-bottom-width:2px;background:#223346;color:#ebd7b0;border-radius:2px}.reload{border:2px solid #b6e5b7;color:#d0ffdd;background:#245c46;padding:0 18px;box-shadow:0 0 22px #75ffa244;font-weight:900;font-size:14px;letter-spacing:.5px;animation:blink 1s infinite alternate}@keyframes blink{to{box-shadow:0 0 30px #75ffa2aa;filter:brightness(1.14)}}.cabinet-bottom{padding:14px 3px 2px;color:#849cae;flex-wrap:wrap}.utility{display:flex;gap:12px}.utility button{background:none;border:0;color:#b4c2cd;font-weight:800;font-size:10px;letter-spacing:1px;padding:3px 0}.utility button:hover{color:var(--cream)}.below{display:flex;justify-content:space-between;gap:15px;margin:20px 0 39px;align-items:start;font-size:11px;color:#8da1af}.below strong{color:#eac58a}.below kbd{margin-left:4px}.below .mini-LED{width:6px;height:6px;margin-right:6px}footer{border-top:1px solid #344255;display:flex;justify-content:space-between;gap:20px;padding:19px 0 27px;color:#8fa3b4;font-size:10px;letter-spacing:.45px}footer strong{color:#e5c296}.modal-backdrop{position:fixed;inset:0;background:#0c1420d9;backdrop-filter:blur(8px);z-index:20;display:flex;align-items:center;justify-content:center;padding:17px;overflow-y:auto}.modal-card{border:3px solid #9d846d;background:#1b2736;color:#f0ddba;box-shadow:0 0 0 6px #19212f,0 20px 100px #000e;width:min(650px,100%);max-height:min(93vh,790px);overflow:auto;position:relative}.modal-rail{display:flex;justify-content:space-between;background:#343d4c;border-bottom:2px solid #967955;padding:9px 18px;color:#d7b47d;letter-spacing:1px;font-size:10px;font-weight:bold}.modal-body{padding:20px}.modal-content{padding:25px 30px 30px}.modal-content .supertitle{font-size:11px;color:var(--green);font-weight:900;letter-spacing:2.3px;display:block;margin-bottom:8px}.modal-content h2{font:900 clamp(36px,7vw,60px)/1 var(--sans);letter-spacing:-2px;margin:0 0 10px;color:#fae0a9;text-shadow:3px 3px 0 #614a44}.modal-content h2::after{content:'_';color:var(--green);margin-left:2px}.modal-content .tagline{font-size:14px;color:#f5dfb9;margin:6px 0 18px;line-height:1.5}.intro-elephant{float:right;width:105px;height:88px;object-fit:contain;image-rendering:pixelated;margin:15px 0 10px 10px;filter:drop-shadow(6px 8px 0 #111b2b)}.modal-note{border-left:3px solid #a6dcb7;background:#25384a;padding:11px 14px;margin:20px 0;color:#c8d9cf;font-size:12px;line-height:1.75}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.primary-btn,.secondary-btn{border:2px solid #a6ceac;background:#427459;color:#fff1c7;padding:12px 17px;box-shadow:4px 4px 0 #0b131d;font:900 13px var(--mono);text-transform:uppercase;letter-spacing:1px}.primary-btn:hover{background:#528967}.secondary-btn{background:#2c3950;border-color:#698096;color:#e4d2b1}.secondary-btn:hover{background:#3d4e68}.modal-controls{margin-top:17px;color:#9dadbc;font-size:11px}.modal-controls strong{color:#e3c69b}.modal-divider{height:1px;background:#485368;margin:21px 0}.modal-score{text-align:center;background:#263649;padding:12px;margin:13px 0;border:1px solid #53657b}.modal-score strong{font:900 clamp(34px,7vw,58px)/1.2 var(--mono);color:#f7dc9e;display:block}.modal-score span{color:#9db2c2;font-size:11px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.result-stat{background:#2a3a4e;border:1px solid #4d6275;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:9px}.result-stat small{font-size:10px;color:#afbfce}.result-stat b{font-size:21px;color:#f6dfac}.rank{font-size:15px;color:#9be4b6;font-weight:900;margin-top:12px}.modal-foot{font-size:11px;color:#96aab7;margin-top:17px}.modal-toast{color:var(--green);padding-top:9px;min-height:19px;font-size:11px}.noscript{position:fixed;bottom:0;left:0;right:0;text-align:center;background:#521e23;padding:20px;z-index:22}
@media(max-width:760px){.site-wrap{width:min(100% - 22px,760px)}.topbar{padding:14px 0}.topright{display:none}.brand-lockup strong{font-size:20px}.intro{display:block;padding:18px 0}.intro h1{font-size:29px}.intro p{max-width:none;margin-top:11px;font-size:11px}.cabinet{padding:6px}.cabinet-top{font-size:8px;padding:5px 3px 8px}.cabinet-top-right{display:none}.monitor-bezel{padding:3px;border-width:3px}.screen-hud{top:5px;left:5px;right:5px;gap:3px}.hud-chip{min-width:0;padding:4px 5px;gap:5px}.hud-chip span{font-size:7px}.hud-chip b{font-size:10px}.hud-combo{display:none}.corner-stamp{font-size:7px;right:4px;bottom:5px;padding:2px 4px}.status-row{padding:8px}.status-meta{font-size:9px}.ticker{font-size:9px;min-height:24px;padding:7px 0 0}.controls{flex-direction:column;gap:9px}.ability-group{gap:5px}.ability{padding:8px 4px;gap:3px;flex-direction:column;text-align:center;min-height:82px}.ability-icon{min-width:35px;height:27px;font-size:11px}.ability-copy strong{font-size:10px}.ability-copy small{font-size:8px}.ability-state{margin:0;font-size:8px}.reload{min-height:54px}.cabinet-bottom{font-size:9px;padding:10px 0 3px;justify-content:center;text-align:center}.utility{gap:22px}.utility button{font-size:9px}.below{font-size:9px;display:block;margin:15px 0 25px}.below>div+div{margin-top:9px}footer{font-size:9px;display:block;line-height:1.9}.modal-content{padding:18px 18px 22px}.intro-elephant{width:76px;height:70px}.modal-note{margin:15px 0;font-size:11px}.modal-controls{font-size:10px}.modal-rail{font-size:9px;padding:8px 12px}}
@media(max-height:600px){.modal-card{max-height:94vh}.modal-content{padding:12px 20px}.modal-content h2{font-size:38px}.modal-note{margin:9px 0}.modal-divider{margin:10px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.crt-overlay{opacity:.15}}