:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff8ff;background:#000;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;overflow:hidden}body{position:fixed;inset:0}#app{height:100dvh}.app-shell{width:100%;height:100%;position:relative}.viewport{width:100%;height:100%}.game-canvas{cursor:crosshair;width:100%;height:100%;display:block}.hud{z-index:50;pointer-events:none;letter-spacing:.1em;flex-direction:column;gap:6px;font-size:12px;display:flex;position:absolute;top:18px;left:18px}.hud__row{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090f168c;border-radius:3px;grid-template-columns:40px 180px 32px;align-items:center;gap:8px;padding:4px 8px;display:grid}.hud__label{color:#fff9}.hud__track{background:#ffffff14;border-radius:2px;height:8px;overflow:hidden}.hud__fill{width:100%;height:100%;transition:width .12s ease-out}.hud__fill--health[data-tone=ok]{background:#4ad96c}.hud__fill--health[data-tone=warn]{background:#e8c93a}.hud__fill--health[data-tone=crit]{background:#e35050}.hud__fill--battery{background:#f2d23a}.hud__fill--fuel{background:#ff4a3a}.hud__value{color:#fffc;text-align:right;font-variant-numeric:tabular-nums}.hud__speed{color:#ffffffb3;font-variant-numeric:tabular-nums;margin-top:4px;padding-left:4px;font-size:14px}.editor{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#060a12e0;border:1px solid #5078b44d;border-radius:6px;flex-direction:column;gap:10px;min-width:220px;padding:12px 16px;display:flex;position:absolute;bottom:18px;left:18px}.editor__header{letter-spacing:.2em;color:#a0bee699;border-bottom:1px solid #5078b426;padding-bottom:6px;font-size:11px}.editor__section{flex-direction:column;gap:6px;display:flex}.editor__toggle{cursor:pointer;color:#c8dcf0cc;align-items:center;gap:8px;font-size:12px;display:flex}.editor__toggle input[type=checkbox]{accent-color:#4a88cc;cursor:pointer;width:14px;height:14px}.editor__slider-row{color:#c8dcf0b3;grid-template-columns:50px 1fr 30px;align-items:center;gap:6px;font-size:11px;display:grid}.editor__slider-label{text-transform:uppercase;letter-spacing:.08em}.editor__slider{accent-color:#4a88cc;cursor:pointer;width:100%;height:4px}.editor__slider-value{text-align:right;font-variant-numeric:tabular-nums;color:#c8dcf0e6}.editor__btn{color:#b4d2f0e6;letter-spacing:.08em;cursor:pointer;background:#3c64a04d;border:1px solid #5082c866;border-radius:3px;margin-top:4px;padding:5px 12px;font:11px IBM Plex Mono,monospace;transition:background .12s}.editor__btn:hover{background:#3c64a080}.editor--tall{min-width:280px;max-height:90vh;top:auto;bottom:12px;overflow-y:auto}.editor__color{cursor:pointer;background:0 0;border:1px solid #5082c859;width:100%;height:20px;padding:0}.editor__disc-list{color:#c8dcf0d9;flex-direction:column;gap:3px;max-height:140px;font-size:11px;display:flex;overflow-y:auto}.editor__disc-row{background:#141e3280;border-radius:3px;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;display:flex}.editor__btn--small{margin-top:0;padding:2px 8px;font-size:10px}.editor__actions{border-top:1px dashed #5078b433;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;padding-top:6px;display:grid}.editor__btn--action{margin-top:0;padding:4px 10px;font-size:10px}.pause-menu{z-index:3500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause-menu--hidden{display:none}.pause-panel{color:#dce6f5e6;background:#060a12f2;border:1px solid #5a8cc859;border-radius:8px;flex-direction:column;gap:12px;min-width:min(320px,92vw);max-width:94vw;max-height:90dvh;padding:28px 36px;font-family:IBM Plex Mono,ui-monospace,monospace;display:flex;overflow-y:auto;box-shadow:0 0 30px #50b4ff14}.pause-title{letter-spacing:.25em;color:#b4d2f0f2;text-align:center;font-size:22px}.pause-subtitle{text-align:center;color:#a0b4d299;margin-bottom:10px;font-size:11px}.pause-row{letter-spacing:.08em;text-transform:uppercase;grid-template-columns:70px 1fr 40px;align-items:center;gap:12px;font-size:12px;display:grid}.pause-slider{accent-color:#5fd4ff;cursor:pointer;width:100%}.pause-val{text-align:right;font-variant-numeric:tabular-nums;color:#c8dcf0e6}.pause-resume{color:#eff8ff;letter-spacing:.2em;cursor:pointer;background:#3c78b466;border:1px solid #5aa0dc99;border-radius:4px;margin-top:14px;padding:10px 18px;font:600 12px/1 IBM Plex Mono,monospace;transition:background .12s,border-color .12s}.pause-resume:hover{background:#5aa0dc8c;border-color:#8cc8f0e6}.pause-secondary{color:#eff8ff;letter-spacing:.22em;cursor:pointer;background:#14243a8c;border:1px solid #5a8cc873;border-radius:4px;margin-top:4px;padding:8px 14px;font:600 11px/1 IBM Plex Mono,monospace;transition:background .12s,border-color .12s}.pause-secondary:hover{background:#3c64968c;border-color:#82c8f0d9}.pause-secondary--hidden{display:none}.pause-secondary--danger{color:#ffd7a0f2;background:#462d148c;border-color:#dc964680}.pause-secondary--danger:hover{background:#784b1e99;border-color:#f0b45ad9}.pause-secondary--ghost{color:#d2e1f0cc;background:0 0;border-color:#82a0c859}.pause-secondary--ghost:hover{background:#1e304873;border-color:#96c8f099}.pause-layout-row{justify-content:center;gap:8px;margin-top:4px;display:flex}.pause-layout-row--hidden{display:none}.pause-layout-row .pause-secondary{margin-top:0}.pause-view{flex-direction:column;gap:12px;display:flex}.pause-view--hidden{display:none}.pause-row--check{grid-template-columns:100px 1fr 40px}.pause-check-wrap{align-items:center;display:flex}.pause-check{accent-color:#5fd4ff;cursor:pointer;width:18px;height:18px}.pause-val--hint{color:#b4dcffd9;letter-spacing:.15em}.ctrl-diagram{border-top:1px solid #5a8cc82e;border-bottom:1px solid #5a8cc82e;grid-template-columns:1fr 1fr;gap:18px;padding:10px 0;display:grid}.ctrl-left,.ctrl-right{flex-direction:column;align-items:center;gap:10px;display:flex}.ctrl-kbd{flex-direction:column;align-items:center;gap:4px;display:flex}.ctrl-row{gap:4px;display:flex}.ctrl-key{color:#c9f1ff;letter-spacing:.04em;background:linear-gradient(#283c5ae6,#0f1928f2);border:1px solid #82c8f099;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font:600 12px/1 IBM Plex Mono,monospace;display:inline-flex;box-shadow:0 0 10px #5ab4f040,inset 0 -2px #0006}.ctrl-sep{letter-spacing:.2em;color:#aac8e68c;margin:4px 0 2px;font-size:10px}.ctrl-legend{color:#d7e6f5e0;letter-spacing:.04em;text-align:left;flex-direction:column;gap:4px;margin:0;padding:0;font-size:11px;list-style:none;display:flex;position:relative}.ctrl-legend li{border-left:2px solid #82c8f073;padding-left:14px}.ctrl-legend b{color:#9be7ff}.ctrl-diagram--hidden{display:none}.fs-prompt{z-index:9000;color:#eff8ff;text-align:center;background:#000;justify-content:center;align-items:center;padding:16px;font-family:IBM Plex Mono,monospace;display:flex;position:fixed;inset:0}.fs-prompt__card{flex-direction:column;align-items:center;gap:18px;max-width:92vw;display:flex}.fs-prompt__title{letter-spacing:.45em;color:#9be7ff;text-shadow:0 0 14px #5ac8ff73;font-size:clamp(22px,6vmin,38px)}.fs-prompt__body{letter-spacing:.12em;color:#dcebfacc;font-size:clamp(12px,2.6vmin,15px);line-height:1.5}.fs-prompt__btn{color:#eff8ff;letter-spacing:.22em;cursor:pointer;background:#3c78b499;border:1px solid #5ac8ffcc;border-radius:6px;padding:14px 26px;font:600 clamp(13px,2.8vmin,16px)/1 IBM Plex Mono,monospace;box-shadow:0 0 18px #5ac8ff59}@media (height<=500px),(pointer:coarse){.debug-panel{display:none!important}}.ctrl-stick{background:radial-gradient(circle,#283c5a8c 0%,#0f1928b3 70%);border:1px solid #82c8f073;border-radius:50%;width:96px;height:96px;position:relative;box-shadow:0 0 14px #5ab4f02e}.ctrl-stick__knob{background:radial-gradient(circle at 35% 35%,#96dcffe6,#326496d9 70%);border:1px solid #aae6ffe6;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #78c8ff8c}.ctrl-stick__arrow{color:#b4dcf5cc;font:600 14px/1 IBM Plex Mono,monospace;position:absolute}.ctrl-stick__arrow--up{top:4px;left:50%;transform:translate(-50%)}.ctrl-stick__arrow--down{bottom:4px;left:50%;transform:translate(-50%)}.ctrl-stick__arrow--left{top:50%;left:6px;transform:translateY(-50%)}.ctrl-stick__arrow--right{top:50%;right:6px;transform:translateY(-50%)}.ctrl-stick__label{letter-spacing:.3em;color:#b4dcf5a6;font:600 9px/1 IBM Plex Mono,monospace;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.ctrl-fire-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.ctrl-fire{color:#ffd0a0;background:radial-gradient(circle at 40% 40%,#ff8c5059,#3c140fcc 75%);border:1px solid #ff9678bf;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 10px #ff8c5059}.ctrl-fire svg{width:80%;height:80%}.touch-controls{--tc-stick:clamp(102px, 18vmin, 150px);--tc-knob:clamp(44px, 7vmin, 62px);--tc-fire:clamp(56px, 10vmin, 80px);--tc-side:clamp(64px, 10vmin, 150px);--tc-bottom:clamp(24px, 5vmin, 76px);--tc-fire-gap:clamp(14px, 3vmin, 40px);--tc-fire-nudge-in:calc(var(--tc-stick) * -.32);pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:3200;touch-action:none;font-family:IBM Plex Mono,ui-monospace,monospace;position:fixed;inset:0}.touch-controls--hidden{display:none}.touch-stick{bottom:var(--tc-bottom);width:var(--tc-stick);height:var(--tc-stick);pointer-events:auto;touch-action:none;background:radial-gradient(circle,#283c5a59 0%,#0f192859 70%,#0f192800 100%);border:1px solid #82c8f073;border-radius:50%;position:absolute;box-shadow:0 0 22px #5ab4f02e}.touch-stick--left{left:var(--tc-side)}.touch-stick--right{right:var(--tc-side)}.touch-stick__base{border:1px dashed #96d2f033;border-radius:50%;position:absolute;inset:10px}.touch-stick__knob{width:var(--tc-knob);height:var(--tc-knob);margin-top:calc(var(--tc-knob) / -2);margin-left:calc(var(--tc-knob) / -2);pointer-events:none;background:radial-gradient(circle at 35% 35%,#96dcffd9,#326496d9 70%);border:1px solid #aae6ffd9;border-radius:50%;transition:transform 60ms ease-out;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #78c8ff8c}.touch-fire{bottom:calc(var(--tc-bottom) + var(--tc-stick) + var(--tc-fire-gap));right:calc(var(--tc-side) + (var(--tc-stick) - var(--tc-fire)) / 2 + var(--tc-fire-nudge-in));width:var(--tc-fire);height:var(--tc-fire);pointer-events:auto;touch-action:none;color:#ffd0a0;background:radial-gradient(circle at 40% 40%,#ff8c5066,#3c140fcc 75%);border:1.5px solid #ff9678d9;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms,background 80ms;display:flex;position:absolute;box-shadow:0 0 18px #ff8c5073}.touch-fire svg{width:70%;height:70%}.touch-fire--active{background:radial-gradient(circle at 40% 40%,#ffbe82bf,#642819e6 75%);transform:scale(.94);box-shadow:0 0 26px #ffb478bf}.touch-controls--arranging .touch-stick,.touch-controls--arranging .touch-fire{cursor:grab;border-style:dashed;border-color:#a0dcffe6;box-shadow:0 0 16px #8cd2ff59}.touch-controls--arranging .touch-stick__knob{opacity:.5}.arrange-backdrop{z-index:3150;pointer-events:auto;background:#030610 radial-gradient(circle,#142034d9 0%,#030610 80%);position:fixed;inset:0}.arrange-backdrop:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#82c8f01a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.arrange-backdrop--hidden{display:none}.arrange-banner{z-index:3800;color:#eff8ff;pointer-events:auto;text-align:center;background:#080e18e0;border:1px solid #82c8f073;border-radius:6px;flex-direction:column;align-items:center;gap:10px;max-width:92vw;padding:12px 18px;font-family:IBM Plex Mono,monospace;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #50b4ff2e}.arrange-banner--hidden{display:none}.arrange-banner__hint{letter-spacing:.12em;color:#dcebfae6;font-size:12px}.arrange-banner__actions{gap:8px;display:flex}.arrange-banner__btn{color:#eff8ff;letter-spacing:.22em;cursor:pointer;background:#3c78b499;border:1px solid #5ac8ffcc;border-radius:4px;padding:6px 14px;font:600 11px/1 IBM Plex Mono,monospace}.arrange-banner__btn:hover{background:#5ab4f0b3}.arrange-banner__btn--ghost{color:#d7e6f5d9;background:0 0;border-color:#82a0c880}.arrange-banner__btn--ghost:hover{background:#1e304899}.combat-hud{pointer-events:none;z-index:80;color:#eff8ff;font-family:IBM Plex Mono,ui-monospace,monospace;position:fixed;inset:0}.chud-left{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a148c;border-radius:6px;flex-direction:column;gap:8px;padding:10px 14px;display:flex;position:absolute;top:18px;left:18px}.chud-row{grid-template-columns:60px auto;align-items:center;gap:10px;display:grid}.chud-label{letter-spacing:.18em;color:#bed2ebbf;font-size:10px}.chud-bar{gap:5px;display:flex}.chud-seg{border-radius:2px;width:34px;height:10px}.chud-seg--shield{background:#38c3ff;box-shadow:0 0 8px #38c3ffb3}.chud-seg--health{background:#3cff8a;box-shadow:0 0 8px #3cff8ab3}.chud-seg--off{box-shadow:none;background:#ffffff0f}.chud-heat{background:#ffffff12;border-radius:6px;width:75px;height:10px;overflow:hidden}.chud-heat-fill{background:#fff;width:2%;height:100%;transition:width 90ms linear}.chud-heat--overheat .chud-heat-fill{animation:.18s steps(2,end) infinite heat-flash}@keyframes heat-flash{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.chud-right{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a148c;border-radius:6px;min-width:min(220px,40vw);max-width:46vw;padding:10px 14px;position:absolute;top:18px;right:18px}@media (height<=500px),(pointer:coarse){.chud-left,.chud-right{padding:6px 10px;font-size:10px;top:10px}.chud-left{left:10px}.chud-right{min-width:112px;max-width:32vw;max-height:42vh;right:10px;overflow:hidden}.chud-seg{width:14px;height:7px}.chud-bar{gap:3px}.chud-row{grid-template-columns:48px auto;gap:6px}.chud-heat{width:52px;height:7px}.chud-label{letter-spacing:.12em;font-size:9px}.chud-lb-title{letter-spacing:.2em;font-size:9px}.chud-lb-row{padding:1px 2px;font-size:10px}.chud-lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.chud-lb-title{letter-spacing:.25em;color:#bed2ebbf;text-align:center;border-bottom:1px solid #5a8cc840;margin-bottom:6px;padding-bottom:6px;font-size:10px}.chud-lb-list{flex-direction:column;gap:2px;display:flex}.chud-lb-row{color:#dce6f5d9;grid-template-columns:1fr auto;gap:10px;padding:2px 4px;font-size:12px;display:grid}.chud-lb-row--me{color:#9be7ff;font-weight:600}.chud-lb-row--dead{opacity:.45}.chud-lb-row--leader{text-shadow:0 0 8px #ffffffe6;font-weight:700;color:#fff!important}.dark-banner{color:#fff;letter-spacing:.3em;z-index:900;pointer-events:none;background:#0a0a12d9;border:1px solid #ffffff73;padding:14px 36px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:18px;transition:opacity .18s ease-out;position:fixed;top:12%;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ffffff59}.dark-banner--hidden{opacity:0}.chud-lb-name{letter-spacing:.08em}.chud-lb-kills{font-variant-numeric:tabular-nums;color:#ffffffe6}.title-screen{z-index:3000;color:#eff8ff;background:radial-gradient(circle,#04060b,#000 80%);flex-direction:column;justify-content:center;align-items:center;gap:18px;font-family:IBM Plex Mono,ui-monospace,monospace;transition:opacity .35s ease-out;display:flex;position:fixed;inset:0}.title-screen--fading{opacity:0}.title-screen--gone{display:none}.title-panel{background:#060a12e0;border:1px solid #5a8cc847;border-radius:8px;flex-direction:column;align-items:center;gap:18px;min-width:min(320px,92vw);max-width:94vw;max-height:90dvh;padding:30px 42px;transition:opacity .32s ease-out;display:flex;overflow-y:auto;box-shadow:0 0 40px #50b4ff1a}.title-panel--fade{opacity:0}.title-text{letter-spacing:.45em;color:#9be7ff;text-shadow:0 0 14px #5ac8ff73;font-size:34px}.title-prompt{letter-spacing:.22em;color:#c8dcf0a6;font-size:11px}.title-input{color:#eff8ff;letter-spacing:.16em;text-align:center;background:#0a101acc;border:1px solid #78b4e659;border-radius:3px;outline:none;width:260px;padding:10px 12px;font:600 14px/1 IBM Plex Mono,monospace}.title-input:focus{border-color:#5ac8ffcc;box-shadow:0 0 10px #5ac8ff4d}.title-submit{color:#eff8ff;letter-spacing:.2em;cursor:pointer;background:#3c78b473;border:1px solid #5ac8ffcc;border-radius:3px;padding:10px 22px;font:600 12px/1 IBM Plex Mono,monospace;transition:opacity .15s,background .15s}.title-submit:hover{background:#5ab4f08c}.title-submit--hidden{opacity:0;pointer-events:none}.title-settings{color:#c8dcf0d9;letter-spacing:.22em;cursor:pointer;background:0 0;border:1px solid #78b4e659;border-radius:3px;margin-top:4px;padding:6px 18px;font:600 10px/1 IBM Plex Mono,monospace;transition:background .15s,border-color .15s,color .15s}.title-settings:hover{color:#eff8ff;background:#1e3c5a73;border-color:#8cc8f0b3}.menu-backdrop-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.menu-backdrop-canvas--back{z-index:0}.menu-backdrop-canvas--front{z-index:4}.main-menu__panel{z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060a128c;gap:16px;min-width:min(340px,92vw);max-width:94vw;position:relative}.menu-btns{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.menu-btns--hidden{display:none}.menu-btns--row{flex-direction:row}.menu-btns--row .menu-btn{flex:1 1 0}.menu-btn--stacked{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;display:flex}.menu-btn__label{font:inherit;letter-spacing:inherit}.menu-btn__sub{letter-spacing:.3em;color:#b4d2f099;text-transform:uppercase;font:500 9px/1 IBM Plex Mono,monospace}.menu-btn--disabled,.menu-btn--disabled:hover{color:#bed2e659;box-shadow:none;cursor:not-allowed;background:#28344459;border-color:#6e829b4d;transform:none}.menu-diff{flex-direction:column;gap:8px;width:100%;display:flex}.menu-diff--hidden{display:none}.menu-diff__label{letter-spacing:.28em;color:#aac8e699;text-align:center;padding-bottom:4px;font-size:10px}.menu-btn{color:#eff8ff;letter-spacing:.22em;cursor:pointer;background:#1e30488c;border:1px solid #5a8cc873;border-radius:4px;padding:12px 20px;font:600 13px/1 IBM Plex Mono,monospace;transition:background .12s,border-color .12s,transform .12s}.menu-btn:hover{background:#3c78b48c;border-color:#8cc8f0e6;transform:translateY(-1px)}.menu-btn--primary{background:#3c78b499;border-color:#5ac8ffcc;box-shadow:0 0 14px #5ac8ff2e}.menu-btn--primary:hover{background:#5ab4f0b3}.menu-btn--ghost{color:#d2e1f0cc;letter-spacing:.3em;background:0 0;border-color:#82a0c859;font-size:11px}.main-menu__footer{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.lobby-screen{background:#060a12e0;border:1px solid #5a8cc847;border-radius:8px;flex-direction:column;align-items:center;gap:16px;min-width:min(360px,92vw);max-width:94vw;padding:30px 38px;display:flex;box-shadow:0 0 40px #50b4ff1a}.lobby-screen--hidden{display:none}.lobby-title{letter-spacing:.28em;color:#9be7ff;font-size:16px}.lobby-count{letter-spacing:.2em;color:#f0faffe6;font-size:22px}.lobby-slots{grid-template-columns:1fr 1fr;gap:6px 18px;width:100%;display:grid}.lobby-slot{letter-spacing:.1em;color:#c8dcf0d9;background:#0e162299;border:1px solid #5a8cc833;border-radius:3px;padding:6px 10px;font-size:12px}.lobby-slot--empty{color:#fff3;border-style:dashed}.lobby-slot--you{color:#a0f0ff;background:#1e3c5a66;border-color:#5ac8ffcc}.lobby-slot--bot{color:#f0faffe6}.lobby-hint{letter-spacing:.2em;color:#b4d2f073;font-size:10px}.results-screen{z-index:2500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle,#060a12eb,#000000f5 80%);justify-content:center;align-items:center;font-family:IBM Plex Mono,ui-monospace,monospace;display:flex;position:fixed;inset:0;overflow:hidden}.results-screen--hidden{display:none}.results-panel{z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.results-hero{pointer-events:none;filter:drop-shadow(0 6px 18px #0000008c);z-index:2;justify-content:center;align-items:flex-end;width:340px;height:180px;margin-bottom:-72px;display:flex}.results-hero-canvas{width:100%;height:100%;display:block}.results-card{color:#dce6f5eb;z-index:1;background:#060a12e0;border:1px solid #5a8cc859;border-radius:10px;flex-direction:column;gap:12px;min-width:min(380px,92vw);max-width:94vw;padding:40px 48px 32px;display:flex;position:relative;box-shadow:0 0 40px #50b4ff1f}.results-title{letter-spacing:.35em;text-align:center;font-size:30px}.results-winner{letter-spacing:.18em;text-align:center;color:#e6f0faf2;margin-bottom:10px;font-size:20px}.results-lb-title{letter-spacing:.3em;text-align:center;color:#b4d2f099;border-bottom:1px solid #5a8cc840;padding-bottom:6px;font-size:11px}.results-lb{flex-direction:column;gap:4px;min-width:min(300px,80vw);display:flex}.results-lb-row{background:#0e162273;border-radius:3px;grid-template-columns:32px 1fr auto;gap:12px;padding:4px 8px;font-size:14px;display:grid}.results-lb-row--win{background:#1e3c5a8c;box-shadow:0 0 10px #5ab4f026}.results-lb-rank{color:#c8dcf099;font-variant-numeric:tabular-nums}.results-lb-name{letter-spacing:.12em}.results-lb-score{color:#dcf0ffcc;font-variant-numeric:tabular-nums}.results-countdown{text-align:center;letter-spacing:.22em;color:#9be7ff;margin-top:10px;font-size:14px}.results-countdown--paused{color:#ffdc78e6}.results-actions{gap:8px;margin-top:8px;display:flex}.results-actions .results-btn{flex:1 1 0}.results-btn{letter-spacing:.18em;cursor:pointer;color:#eff8ff;background:#1e30468c;border:1px solid #5a8cc880;border-radius:4px;padding:10px 14px;font:600 11px/1 IBM Plex Mono,monospace;transition:background .12s,border-color .12s}.results-btn:hover{background:#3c78b499;border-color:#8cc8f0e6}.results-btn--rematch{background:#3c78b48c;border-color:#5ac8ffcc}.results-btn--focused{color:#fff;background:#5ab4f0a6;border-color:#9be7ff;outline:none;box-shadow:0 0 14px #9be7ff73}.results-btn--hidden{display:none}.nav-fade{opacity:0;z-index:9999;pointer-events:none;background:#000;transition:opacity .28s ease-out;position:fixed;inset:0}.nav-fade--in{opacity:1}.tutorial-welcome{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;opacity:0;pointer-events:auto;background:#000000b8;justify-content:center;align-items:center;transition:opacity .22s ease-out;display:flex;position:fixed;inset:0}.tutorial-welcome--in{opacity:1}.tutorial-welcome--out{opacity:0}.tutorial-welcome__card{text-align:center;color:#d8f0ff;background:linear-gradient(#0b1026 0%,#050710 100%);border:1px solid #5ac8ff59;border-radius:10px;width:min(480px,92vw);padding:32px 28px;font-family:Rajdhani,Orbitron,sans-serif;box-shadow:0 18px 60px #0009,0 0 40px #5ac8ff26}.tutorial-welcome__title{letter-spacing:.18em;color:#9be7ff;text-shadow:0 0 14px #9be7ff66;margin-bottom:10px;font-size:28px;font-weight:700}.tutorial-welcome__body{color:#b0c8e0;margin-bottom:24px;font-size:15px;line-height:1.5}.tutorial-welcome__actions{justify-content:center;gap:12px;display:flex}.tutorial-welcome__btn{letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:6px;flex:1;padding:12px 16px;font:600 14px/1 Rajdhani,sans-serif;transition:transform .12s,background .16s,border-color .16s}.tutorial-welcome__btn--primary{color:#fff;background:#5ab4f059;border:1px solid #9be7ffb3}.tutorial-welcome__btn--primary:hover{background:#5ab4f08c;transform:translateY(-1px)}.tutorial-welcome__btn--ghost{color:#b0c8e0;background:0 0;border:1px solid #b4c8dc40}.tutorial-welcome__btn--ghost:hover{color:#e0f0ff;border-color:#b4c8dc8c}.tutorial{pointer-events:none;z-index:4000;color:#d8f0ff;font-family:Rajdhani,Orbitron,sans-serif;position:fixed;inset:0}.tutorial__panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a18d6;border:1px solid #5ac8ff4d;border-radius:10px;width:min(340px,80vw);max-width:calc(100vw - 44px);padding:18px 20px 20px;position:absolute;top:18%;left:22px;box-shadow:0 12px 40px #00000080,0 0 24px #5ac8ff1f}@media (height<=500px){.tutorial__panel{width:min(280px,58vw);padding:12px 14px 14px;font-size:.92em;top:12px;left:12px}}.tutorial__progress{background:#0a14288c;border-radius:2px;height:3px;margin-bottom:14px;overflow:hidden}.tutorial__progress-fill{background:linear-gradient(90deg,#5fd4ff 0%,#9be7ff 100%);width:0;height:100%;transition:width .28s ease-out;box-shadow:0 0 10px #9be7ff99}.tutorial__title{letter-spacing:.24em;color:#9be7ff;text-transform:uppercase;text-shadow:0 0 10px #9be7ff59;margin-bottom:8px;font-size:16px;font-weight:700}.tutorial__hint{color:#c8dcf0;margin-bottom:16px;font-size:14px;line-height:1.5}.tutorial__checklist{border-top:1px solid #5ac8ff26;flex-direction:column;gap:12px;padding-top:14px;display:flex}.tutorial__item{color:#a8c4de;align-items:center;gap:12px;font-size:15px;font-weight:500;transition:color .24s;display:flex}.tutorial__item--done{color:#c9f4b0}.tutorial__item--done .tutorial__item-label{-webkit-text-decoration:line-through #c9f4b080;text-decoration:line-through #c9f4b080}.tutorial__dot{background:0 0;border:2px solid #6ca8d8;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:background .24s,border-color .24s,box-shadow .24s,transform .24s;display:inline-block}.tutorial__item--done .tutorial__dot{background:#8fe67a;border-color:#8fe67a;transform:scale(1.15);box-shadow:0 0 14px #8fe67ab3}.tutorial__item-label{line-height:1.3}.tutorial-complete{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9500;opacity:0;pointer-events:auto;background:#000000d1;justify-content:center;align-items:center;transition:opacity .32s ease-out;display:flex;position:fixed;inset:0}.tutorial-complete--in{opacity:1}.tutorial-complete__card{text-align:center;color:#d8f0ff;background:linear-gradient(#0b1026 0%,#050710 100%);border:1px solid #9be7ff80;border-radius:12px;width:min(520px,92vw);padding:36px 32px;font-family:Rajdhani,Orbitron,sans-serif;box-shadow:0 20px 80px #000000b3,0 0 60px #9be7ff40}.tutorial-complete__title{letter-spacing:.22em;color:#9be7ff;text-shadow:0 0 18px #9be7ff8c;margin-bottom:14px;font-size:30px;font-weight:700}.tutorial-complete__body{color:#b0c8e0;margin-bottom:24px;font-size:15px;line-height:1.5}.tutorial-complete__btn{letter-spacing:.16em;text-transform:uppercase;color:#fff;cursor:pointer;background:#5ab4f08c;border:1px solid #9be7ffb3;border-radius:6px;padding:12px 28px;font:600 14px/1 Rajdhani,sans-serif;transition:background .16s,transform .12s}.tutorial-complete__btn:hover{background:#78c8ffbf;transform:translateY(-1px)}.tutorial-complete__hint{letter-spacing:.12em;color:#6ca8d8;text-transform:uppercase;margin-top:14px;font-size:12px}