html,body{-webkit-user-select:none;user-select:none;background:#a9b7c6;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}.game-canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;position:absolute;inset:0}.pause-overlay{z-index:10;color:#f2f4f7;cursor:pointer;background:#14181e8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-overlay[hidden]{display:none}.pause-panel{text-align:center}.pause-panel h1{letter-spacing:.12em;margin:0 0 12px;font-size:56px;font-weight:800}.pause-hint{margin:0;font-size:20px}.pause-keys{opacity:.7;margin:8px 0 0;font-size:14px}.hud-speed{color:#f6f7f9;text-shadow:0 1px 3px #000000b3;font-variant-numeric:tabular-nums;font:600 28px/1 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.hud-unit{opacity:.75;margin-left:6px;font-size:14px}.debug-overlay{color:#d8f5d0;pointer-events:none;white-space:pre;background:#0a0c10b8;border-radius:4px;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;top:12px;left:12px}.pause-error{background:#c82846d9;border-radius:4px;max-width:460px;margin:16px auto 0;padding:8px 12px;font-size:14px}.pause-error[hidden]{display:none}.hud-charges{align-items:center;gap:6px;display:flex;position:absolute;bottom:124px;right:26px}.hud-charges:before{content:"KICK";color:#f6f7f9;letter-spacing:.16em;opacity:.7;text-shadow:0 1px 3px #000000b3;margin-right:4px;font:700 10px/1 ui-monospace,Consolas,monospace}.aim-training .hud-charges{display:none}.charge-pip{background:#1e242c8c;border-radius:2px;width:18px;height:5px;box-shadow:0 0 0 1px #00000059}.charge-pip.full{background:var(--accent,#4de8ff);box-shadow:0 0 0 1px #00000059,0 0 6px #4de8ffcc}.hit-marker{opacity:0;background:linear-gradient(45deg,#0000 45%,#ffd23d 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#ffd23d 45% 55%,#0000 55%);width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}@keyframes hit-flash{0%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}.hud-ringouts{color:#f6f7f9;letter-spacing:.04em;background:#14181e8c;border-radius:4px;padding:6px 10px;font:600 15px/1 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;top:14px;right:18px}.hud-ringouts[hidden]{display:none}.hud-ringouts-value{color:#ff8a3d;margin-left:6px;font-size:20px}.hud-ringouts.flash{animation:.6s ease-out ringout-flash}@keyframes ringout-flash{0%{background:#ff6a1ad9;transform:scale(1.15)}to{background:#14181e8c;transform:scale(1)}}.debug-view .hud{display:none}.race-hud{pointer-events:none;color:#f6f7f9;text-shadow:0 1px 3px #000000b3;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;inset:0}.debug-view .race-hud{display:none}.race-time{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.race-cp{opacity:.85;font-size:14px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.race-split{color:#ff5d5d;font-size:20px;font-weight:700;position:absolute;top:74px;left:50%;transform:translate(-50%)}.race-split.faster{color:#5dff8f}.race-tuned{background:#c87814d9;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:14px;right:18px}.race-split[hidden],.race-tuned[hidden],.race-finish[hidden]{display:none}.race-finish{text-align:center;background:#10141ac7;border-radius:8px;min-width:280px;padding:18px 26px;position:absolute;top:26%;left:50%;transform:translate(-50%)}.race-finish-title{letter-spacing:.3em;opacity:.8;font-size:16px}.race-finish-time{margin:6px 0 10px;font-size:44px;font-weight:800}.race-medal{font-size:22px;font-weight:800}.race-medal small{opacity:.7;font-size:11px;font-weight:400}.race-medal.gold{color:#ffc933}.race-medal.silver{color:#d9e0e8}.race-medal.bronze{color:#e0915a}.race-medal.none{opacity:.6}.race-best{margin-top:8px;font-size:15px}.race-best.new{color:#5dff8f;font-weight:800}.race-finish-hint{opacity:.7;margin-top:12px;font-size:13px}.hit-marker.head{background:linear-gradient(45deg,#0000 43%,#ff5a36 43% 57%,#0000 57%),linear-gradient(-45deg,#0000 43%,#ff5a36 43% 57%,#0000 57%);width:30px;height:30px;margin:-15px 0 0 -15px}@keyframes hit-pop{0%{opacity:1;transform:scale(1.7)rotate(-8deg)}35%{opacity:1;transform:scale(.95)rotate(0)}to{opacity:0;transform:scale(1)}}.menu-screen{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.menu-screen[hidden],.menu-panel[hidden]{display:none}.main-menu{background:linear-gradient(90deg,#0e1218d1,#0e121840);justify-content:flex-start;padding-left:clamp(16px,8vw,120px)}.settings-menu{background:#0e121899}.menu-panel{color:#f2f4f7;background:#10141adb;border-radius:10px;width:min(420px,100%);padding:28px 30px;box-shadow:0 12px 40px #00000059}.menu-panel.wide{width:min(860px,100%)}.menu-panel h1{letter-spacing:.12em;margin:0;font-size:52px;font-weight:800}.menu-panel h2{margin:0 0 16px;font-size:26px}.menu-panel h3{letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:0 0 10px;font-size:13px}.menu-tagline,.pause-level{opacity:.75;margin:6px 0 22px}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:16px;transition:background .12s,border-color .12s;display:flex}.menu-button:hover{background:#ffffff24;border-color:#ffffff4d}.menu-button.primary{color:#071318;background:#1fb8d6;border-color:#1fb8d6;font-weight:700}.menu-button.primary:hover{background:var(--accent,#4de8ff)}.menu-button.subtle{opacity:.8;font-size:14px}.menu-meta{opacity:.75;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.medal-badge{text-transform:uppercase;color:#10141a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.medal-badge.gold{background:#ffc933}.medal-badge.silver{background:#d9e0e8}.medal-badge.bronze{background:#e0915a}.menu-footer{opacity:.6;margin:20px 0 0;font-size:13px}.menu-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.menu-actions .menu-button{width:auto}.pause-overlay .pause-panel{text-align:left;cursor:default}.settings-grid{grid-template-columns:1fr 1fr;gap:22px 28px;display:grid}.settings-grid .span{grid-column:1/-1}@media (max-width:700px){.settings-grid{grid-template-columns:1fr}}.settings-row{grid-template-columns:1fr 140px 56px;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:grid}.settings-row.toggle{cursor:pointer;grid-template-columns:auto 1fr}.settings-row.keys{grid-template-columns:1fr auto auto}.settings-row output{text-align:right;font-variant-numeric:tabular-nums;opacity:.85}.settings-note{opacity:.6;margin:14px 0 0;font-size:13px}.key-slot{position:relative}.key-button{min-width:110px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:5px;padding:6px 10px;font:13px ui-monospace,Cascadia Mono,Consolas,monospace}.key-button.waiting{border-color:var(--accent,#4de8ff);color:var(--accent,#4de8ff)}.key-clear{text-align:center;cursor:pointer;background:#3a4048;border-radius:50%;width:16px;height:16px;font-size:12px;line-height:16px;position:absolute;top:-6px;right:-6px}.hud-hp{color:#f6f7f9;text-shadow:0 1px 3px #000000b3;grid-template-columns:auto auto;align-items:baseline;gap:2px 8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;display:grid;position:absolute;bottom:22px;left:22px}.hud-hp[hidden]{display:none}.hud-hp-label{opacity:.75;font-size:13px}.hud-hp-value{font-size:30px;font-weight:800}.hud-hp-bar{background:#10141a99;border-radius:3px;grid-column:1/-1;width:180px;height:6px;overflow:hidden}.hud-hp-fill{background:#5dff8f;width:100%;height:100%;transition:width .12s}.hud-hp.low .hud-hp-value{color:#ff5a36}.hud-hp.low .hud-hp-fill{background:#ff5a36}.hud-hp.shield .hud-hp-label{color:#9fe8ff}.hud-hp.shield .hud-hp-fill{background:#9fe8ff;animation:.5s ease-in-out infinite alternate shield-pulse}@keyframes shield-pulse{0%{opacity:.55}to{opacity:1}}.hud-damage{opacity:0;width:180px;height:180px;transform:rotate(var(--angle,0deg));border-top:6px solid #ff3c28d9;border-radius:50%;margin:-90px 0 0 -90px;position:absolute;top:50%;left:50%}.hud-damage.flash{animation:.7s ease-out damage-flash}@keyframes damage-flash{0%{opacity:1}to{opacity:0}}.hit-marker.kill{border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;box-shadow:0 0 0 3px #ffc933,0 0 14px #ffc933cc}.duel-hud{pointer-events:none;color:#f6f7f9;text-shadow:0 1px 3px #000000b3;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;inset:0}.debug-view .duel-hud{display:none}.duel-score{background:#10141a8c;border-radius:6px;align-items:baseline;gap:10px;padding:6px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.duel-score b{font-size:30px}.duel-score .you{color:var(--accent,#4de8ff);font-weight:700}.duel-score .bot{color:var(--opponent,#a38cff);font-weight:700}.duel-score b.flash{animation:.5s ease-out score-pop}@keyframes score-pop{0%{color:#ffc933;transform:scale(1.5)}to{transform:scale(1)}}.duel-clock{font-size:14px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.duel-clock.low{color:#ff5a36}.duel-respawn{letter-spacing:.2em;font-size:22px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.duel-respawn[hidden],.duel-end[hidden]{display:none}.duel-end{text-align:center;background:#10141acc;border-radius:8px;min-width:280px;padding:18px 26px;position:absolute;top:26%;left:50%;transform:translate(-50%)}.duel-end-title{letter-spacing:.12em;font-size:34px;font-weight:800}.duel-end.win .duel-end-title{color:#5dff8f}.duel-end.loss .duel-end-title{color:#ff5a36}.duel-end-score{margin:6px 0;font-size:26px}.menu-duel{border:1px solid #ffffff24;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.menu-duel-levels{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.menu-duel-levels .menu-button{justify-content:center;padding:8px;font-size:14px}.online-menu .menu-online-row{grid-template-columns:1fr 90px auto;gap:6px;display:grid}.online-menu .menu-button{justify-content:center;padding:8px;font-size:14px}.online-code-input{min-width:0;color:inherit;text-align:center;letter-spacing:.15em;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;padding:8px;font:600 15px ui-monospace,Cascadia Mono,Consolas,monospace}.online-panel{color:#f2f4f7;text-align:center;background:#10141ad9;border-radius:8px;min-width:300px;padding:20px 26px;position:absolute;top:24%;left:50%;transform:translate(-50%)}.online-panel[hidden]{display:none}.online-code-label{letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:13px}.online-code{letter-spacing:.12em;color:var(--accent,#4de8ff);margin:4px 0 8px;font:800 48px ui-monospace,Cascadia Mono,Consolas,monospace}.online-hint{opacity:.7;margin-bottom:12px;font-size:13px}.online-status{font-size:17px}.online-back{justify-content:center;margin-top:14px;text-decoration:none}.online-ping{color:#f2f4f7;opacity:.7;pointer-events:none;font:12px ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;bottom:14px;right:18px}.pause-note:empty{display:none}.pause-note{text-align:center;background:#ffffff0d;border-radius:6px;margin:-4px 0 14px;padding:10px}.pause-note .online-code{margin:0 0 4px;font-size:36px}.online-menu .menu-sub{opacity:.75;margin-top:4px;font-size:13px}:root[data-look=isles]{--gold:#ffc94a;--gold-deep:#e0a33c;--ink:#2a1d0e;--panel:linear-gradient(165deg, #30261eeb, #18130feb);--panel-line:#ffd68c47;--text:#f6ecdc}:root[data-look=isles] body{background:#f2dcb8}:root[data-look=isles] .hud-charges{gap:10px}:root[data-look=isles] .charge-pip{background:#2a211a99;border-radius:1px;width:9px;height:9px;transform:rotate(45deg)scaleY(1.35);box-shadow:0 0 0 1px #ffd68c59}:root[data-look=isles] .charge-pip.full{background:linear-gradient(135deg, #fff1c4, var(--gold) 55%, var(--gold-deep));box-shadow:0 0 0 1px #2a1d0e99,0 0 10px #ffc94ae6}:root[data-look=isles] .hud-speed,:root[data-look=isles] .race-hud{color:var(--text);text-shadow:0 1px 2px #2a1d0ee6,0 0 12px #2a1d0e59}:root[data-look=isles] .hud-ringouts,:root[data-look=isles] .duel-score,:root[data-look=isles] .online-ping{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--panel-line), 0 4px 14px #2a1d0e4d}:root[data-look=isles] .duel-clock{color:var(--text);text-shadow:0 1px 2px #2a1d0ee6}:root[data-look=isles] .hud-hp-bar{box-shadow:inset 0 0 0 1px var(--panel-line);background:#2a211a99}:root[data-look=isles] .hud-hp-fill{background:linear-gradient(90deg,#8fd16a,#c9ec7a)}:root[data-look=isles] .hud-hp-value,:root[data-look=isles] .hud-hp-label{color:var(--text);text-shadow:0 1px 2px #2a1d0ee6}:root[data-look=isles] .main-menu{background:linear-gradient(90deg,#241a12c7,#241a121a)}:root[data-look=isles] .pause-overlay,:root[data-look=isles] .settings-menu{background:#241a1280}:root[data-look=isles] .menu-panel,:root[data-look=isles] .online-panel{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--panel-line), inset 0 1px 0 #ffecc81f, 0 18px 50px #2a1d0e73}:root[data-look=isles] .menu-panel h1{background:linear-gradient(180deg, #fff3d0 0%, var(--gold) 55%, var(--gold-deep) 100%);color:#0000;filter:drop-shadow(0 2px #2a1d0ed9);-webkit-background-clip:text;background-clip:text}:root[data-look=isles] .menu-tagline,:root[data-look=isles] .pause-level{color:#e9d6b4;letter-spacing:.04em}:root[data-look=isles] .menu-button{background:#ffecc80d;border-color:#ffd68c33}:root[data-look=isles] .menu-button:hover{background:#ffd68c24;border-color:#ffd68c80}:root[data-look=isles] .menu-button.primary{background:linear-gradient(180deg, #ffd978, var(--gold-deep));color:var(--ink);border-color:#ffd978;box-shadow:0 2px 10px #e0a33c59}:root[data-look=isles] .menu-button.primary:hover{background:linear-gradient(180deg, #ffe7a3, var(--gold))}:root[data-look=isles] .menu-duel{border-color:#ffd68c2e}:root[data-look=isles] .online-code-input,:root[data-look=isles] .key-button{background:#ffecc80f;border-color:#ffd68c40}.hud-head-burst{opacity:0;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #ff5a36,0 0 18px 4px #ffc94ab3,inset 0 0 12px 2px #ff5a3699}.hud-head-burst.pop{animation:.35s ease-out head-burst}@keyframes head-burst{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.6)}}.menu-screen{align-items:flex-start}.menu-screen>.menu-panel,.main-menu>.menu-panel{margin:auto 0}.settings-menu>.menu-panel{margin:auto}.menu-title h1{font-size:56px;line-height:1}.menu-title .menu-tagline{margin:8px 0 26px}.menu-section{margin-bottom:20px}.menu-section h3{letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin:0 0 8px;font-size:12px}.menu-row{box-sizing:border-box;width:100%;color:inherit;font:inherit;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px;padding:12px 14px;display:flex}.menu-row.link{cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.menu-row.link:hover{background:#ffffff1a;border-color:#ffffff47;transform:translate(2px)}.menu-row-text{flex-direction:column;gap:3px;min-width:0;display:flex}.menu-row-text b{font-size:16px;font-weight:650}.menu-row-text small{opacity:.65;font-size:12.5px}.menu-chevron{opacity:.5;font-size:22px}.segmented,.menu-online{flex-shrink:0;gap:4px;display:flex}.seg-button{color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;padding:7px 11px;font-size:13.5px;transition:background .12s,border-color .12s}.seg-button:hover{background:#ffffff29;border-color:#ffffff59}.seg-button.primary{color:#071318;background:#1fb8d6;border-color:#1fb8d6;font-weight:700}.menu-online .online-code-input{width:74px;padding:6px;font-size:13.5px}.menu-bottom{opacity:.85;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;font-size:12.5px;display:flex}.menu-bottom span{opacity:.6}.menu-link{color:inherit;font:inherit;cursor:pointer;opacity:.85;background:0 0;border:0;padding:4px 0;font-size:14px;font-weight:600}.menu-link:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.settings-panel{width:min(620px,100%);padding:24px 28px 18px}.set-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.set-header h2{margin:0}.set-back{width:auto;padding:8px 20px}.set-tabs{border-bottom:1px solid #ffffff1f;gap:4px;margin:18px 0 8px;display:flex}.set-tab{color:inherit;font:inherit;opacity:.65;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 16px;font-size:14.5px}.set-tab:hover{opacity:.9}.set-tab.active{border-bottom-color:var(--accent,#4de8ff);opacity:1;font-weight:650}.set-body{min-height:260px}.set-row{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr 230px 56px;align-items:center;gap:14px;padding:11px 2px;display:grid}.set-row.set-toggle{cursor:pointer;grid-template-columns:1fr auto}.set-row.set-keys{grid-template-columns:1fr auto auto;padding:6px 2px}.set-label{flex-direction:column;gap:2px;font-size:14.5px;display:flex}.set-label small{opacity:.55;font-size:12px}.set-value{text-align:right;font-variant-numeric:tabular-nums;opacity:.85}.set-heading{letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin:0;padding:26px 0 6px;font-size:12px}.set-note{opacity:.55;margin:12px 0 0;font-size:12.5px}.set-footer{justify-content:flex-end;margin-top:14px;display:flex}.set-range{width:100%;accent-color:var(--accent,#4de8ff)}.set-switch{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:11px;width:40px;height:22px;margin:0;transition:background .15s;position:relative}.set-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.set-switch:checked{background:var(--accent,#4de8ff)}.set-switch:checked:after{transform:translate(18px)}:root[data-look=isles] .menu-row{background:#ffecc80a;border-color:#ffd68c29}:root[data-look=isles] .menu-row.link:hover{background:#ffd68c1a;border-color:#ffd68c73}:root[data-look=isles] .seg-button{background:#ffecc80d;border-color:#ffd68c38}:root[data-look=isles] .seg-button:hover{background:#ffd68c24;border-color:#ffd68c8c}:root[data-look=isles] .seg-button.primary{background:linear-gradient(180deg, #ffd978, var(--gold-deep));color:var(--ink);border-color:#ffd978}:root[data-look=isles] .menu-bottom,:root[data-look=isles] .set-tabs{border-color:#ffd68c2e}:root[data-look=isles] .set-row{border-color:#ffd68c14}:root[data-look=isles] .set-switch:checked{background:linear-gradient(180deg, #ffd978, var(--gold-deep))}.aim-bar{color:#f6f7f9;pointer-events:none;background:#10141a8c;border-radius:6px;align-items:baseline;gap:16px;padding:7px 16px;font:600 16px/1 ui-monospace,Cascadia Mono,Consolas,monospace;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.aim-bar b{font-variant-numeric:tabular-nums;font-size:24px}.aim-mode{letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:12px}.aim-score{text-align:right;min-width:48px;color:var(--accent,#4de8ff);font-size:20px}.aim-hint{color:#f6f7f9;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:15px;position:absolute;top:calc(50% + 48px);left:50%;transform:translate(-50%)}.aim-hint[hidden],.aim-end[hidden]{display:none}.aim-end{color:#f2f4f7;text-align:center;pointer-events:none;background:#10141ae0;border-radius:10px;min-width:260px;padding:22px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-end-title{letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:13px}.aim-end-score{color:var(--accent,#4de8ff);margin:4px 0 12px;font-size:48px;font-weight:800}.aim-end dl{text-align:left;grid-template-columns:1fr auto;gap:6px 24px;margin:0 0 12px;display:grid}.aim-end dt{opacity:.7}.aim-end dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.aim-end-best{opacity:.85;font-size:14px}.aim-end-hint{opacity:.55;margin-top:12px;font-size:12.5px}:root[data-look=isles] .aim-bar,:root[data-look=isles] .aim-end{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--panel-line), 0 8px 24px #2a1d0e59}.aim-training .hud-speed{display:none}.pause-tip{opacity:.7;max-width:340px;margin:16px auto 0;font-size:12.5px;line-height:1.45}.arena-pick{gap:4px;margin-top:3px;display:flex;opacity:1!important}.chip{color:inherit;font:inherit;opacity:.6;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:10px;padding:2px 8px;font-size:12px}.chip:hover{opacity:.9}.chip.active{border-color:var(--accent,#4de8ff);color:var(--accent,#4de8ff);opacity:1}.hud-weapon{color:#f6f7f9;text-shadow:0 1px 3px #000000b3;justify-items:end;gap:2px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;display:grid;position:absolute;bottom:22px;right:26px}.hud-slots{gap:4px;margin-bottom:4px;display:flex}.hud-slots span{opacity:.55;background:#10141a73;border-radius:4px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.hud-slots span.on{opacity:1;background:var(--accent,#ffc94a);color:#1b1712;text-shadow:none}.hud-gun-name{letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-size:12px}.hud-ammo b{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.hud-ammo span{opacity:.65;margin-left:6px;font-size:15px}.hud-weapon.low .hud-ammo b{color:#ff6b5a}.hud-reload{background:#10141a99;border-radius:2px;width:120px;height:4px;position:absolute;top:calc(100% + 2px);right:0;overflow:hidden}.hud-reload[hidden]{display:none}.hud-reload-fill{background:var(--accent,#ffc94a);transform-origin:0;height:100%}.scope{opacity:0;background:radial-gradient(circle,#0000 0 calc(min(42vw,42vh)),#06080af0 calc(min(42vw,42vh) + 2px));transition:opacity 60ms;position:absolute;inset:0}.scope.on{opacity:1}.scope-lens{background:linear-gradient(#000000d9,#000000d9) 50%/100% 1px no-repeat,linear-gradient(#000000d9,#000000d9) 50%/1px 100% no-repeat,radial-gradient(circle,#ff3d4a 0 2px,#0000 3px);border-radius:50%;width:calc(min(84vw,84vh));height:calc(min(84vw,84vh));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 40px #00000073,0 0 0 2px #000c}.hud.scoped .hud-speed,.hud.scoped .crosshair,.aim-training .hud-weapon{display:none}.locker-menu{background:#0e121899}.locker-panel h2 small{letter-spacing:.08em;opacity:.55;margin-left:8px;font-size:14px;font-weight:600}.locker-body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;height:min(58vh,460px);display:grid}.locker-preview{background:radial-gradient(at 50% 45%,#ffdca029,#0000 70%);border:1px solid #ffecc814;border-radius:12px;grid-template-rows:auto 1fr auto;gap:10px;min-height:0;padding:12px;display:grid}.locker-preview canvas{width:100%;height:100%;min-height:0}.locker-gun-tabs{background:#0000004d;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;display:grid}.locker-gun-tabs button{color:inherit;font:inherit;letter-spacing:.1em;text-transform:uppercase;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 0;font-size:12px;font-weight:700;transition:background .15s,opacity .15s}.locker-gun-tabs button:hover{opacity:.9}.locker-gun-tabs button.active{color:var(--gold,#ffc94a);opacity:1;background:#ffc94a29}.locker-detail{text-align:center;justify-items:center;gap:4px;display:grid}.locker-detail b{letter-spacing:.08em;text-transform:uppercase;font-size:16px}.locker-detail small{opacity:.7;font-size:12px}.locker-detail small.on{color:var(--gold,#ffc94a);opacity:1}.locker-detail .skin-bar{width:60%}.locker-scroll{scrollbar-width:thin;min-height:0;margin:-6px;padding:6px;overflow:hidden auto}.locker-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-content:start;gap:8px;display:grid}.skin-card{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0e0c0a8c;border:1px solid #ffecc81f;border-radius:8px;grid-template-columns:1fr auto;align-content:start;align-items:center;gap:6px 4px;padding:9px 10px 10px;transition:border-color .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:grid}.skin-card:hover{border-color:#ffecc859;transform:translateY(-2px)}.skin-card.previewed{border-color:var(--gold,#ffc94a);box-shadow:0 0 0 1px var(--gold,#ffc94a)}.skin-card b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.skin-card small{letter-spacing:.1em;opacity:.6;text-transform:uppercase;font-size:10px}.skin-card.equipped small{color:var(--gold,#ffc94a);opacity:1}.skin-card.locked b{opacity:.55}.skin-swatch{border-radius:4px;grid-column:1/-1;height:20px;display:flex;overflow:hidden}.skin-swatch i{flex:1}.skin-card.locked .skin-swatch{filter:saturate(.35)brightness(.7)}.skin-bar{background:#0006;border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.skin-bar span{background:var(--gold,#ffc94a);transform-origin:0;height:100%;display:block}@media (max-width:760px){.locker-body{grid-template-columns:1fr;height:auto}.locker-preview{height:300px}.locker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-menu{background:#0e1218a8}.guide-panel{width:min(620px,100%)}.guide-stage{min-height:430px;display:grid;overflow:hidden}.guide-page{text-align:center;align-content:start;justify-items:center;gap:10px;display:grid}.guide-page.enter{animation:.35s ease-out both guide-in}.guide-page.enter-next{animation:.32s cubic-bezier(.2,.8,.3,1) both guide-from-right}.guide-page.enter-prev{animation:.32s cubic-bezier(.2,.8,.3,1) both guide-from-left}@keyframes guide-in{0%{opacity:0;transform:scale(.97)}}@keyframes guide-from-right{0%{opacity:0;transform:translate(40px)}}@keyframes guide-from-left{0%{opacity:0;transform:translate(-40px)}}.guide-art{width:100%}.guide-page h3{letter-spacing:.02em;text-transform:none;opacity:1;align-items:center;gap:10px;margin:6px 0 0;font-size:22px;display:flex}.guide-page h3 span{background:var(--gold,#ffc94a);color:#1b1712;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.guide-page p{opacity:.85;max-width:480px;margin:0;font-size:15px;line-height:1.55}.guide-caps{flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px;display:flex}.guide-page kbd{min-width:30px;height:28px;color:var(--gold,#ffc94a);box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff47;border-bottom-width:3px;border-radius:6px;place-items:center;padding:0 8px;font:700 12px ui-monospace,Cascadia Mono,Consolas,monospace;display:inline-grid}.guide-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.guide-nav .menu-button{justify-content:center;width:auto;min-width:120px}.guide-prev:disabled{opacity:.3;pointer-events:none}.guide-dots{gap:8px;display:flex}.guide-dot{cursor:pointer;background:#ffffff40;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:background .2s,transform .2s}.guide-dot:hover{background:#ffffff80}.guide-dot.active{background:var(--gold,#ffc94a);transform:scale(1.35)}.guide-art .g-label{letter-spacing:.08em;font-size:8px}.guide-art svg{background:linear-gradient(#c9dcf0,#f3e2c2);border-radius:10px;width:100%;height:auto;display:block}.guide-keys{text-align:left;justify-items:stretch}.guide-keys h3{justify-self:center}.guide-keys dl{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:8px 0 4px;font-size:14px;display:grid}.guide-keys dt{justify-content:flex-end;gap:4px;display:flex}.guide-keys dd{opacity:.85;margin:0}.guide-hint{text-align:center;font-size:12px!important}.g-ground{fill:#b89a76}.g-ground-side{fill:#8a7259}.g-block{fill:#d9c4a2;stroke:#8a7259}.g-stone{fill:#6a5c50}.g-frame{fill:#3a322b}.g-glow,.g-dot{fill:#ffc94a}.g-enemy .g-stone{fill:#b8343a}.g-enemy .g-glow{fill:#ffe0a0}.g-crystal{fill:#ffc94a;stroke:#2a1d0e;stroke-width:1.5px}.g-beam{stroke:#fff2c4;stroke-width:3px;stroke-linecap:round}.g-arrow{fill:none;stroke:#2a1d0e;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.g-label,.g-key{fill:#2a1d0e;font:700 11px ui-monospace,Consolas,monospace}.g-key{font-size:12px}.g-scope{fill:#ffffff59;stroke:#1b1712;stroke-width:4px}.g-hair{stroke:#1b1712;stroke-width:1px}.g-hit{fill:#e0452e}.a-launch{animation:2.4s cubic-bezier(.2,.7,.3,1) infinite g-launch}.a-beam{animation:2.4s infinite g-flash}@keyframes g-launch{0%,12%{transform:translateY(0)}45%{transform:translateY(-58px)}80%,to{transform:translateY(0)}}@keyframes g-flash{0%,10%{opacity:0}12%,20%{opacity:1}28%,to{opacity:0}}.a-crystal1{animation:3s infinite g-spend1}.a-crystal2{animation:3s infinite g-spend2}@keyframes g-spend1{0%,20%{opacity:1}24%,70%{opacity:.2}76%,to{opacity:1}}@keyframes g-spend2{0%,45%{opacity:1}49%,70%{opacity:.2}76%,to{opacity:1}}.a-slide{animation:3s ease-in-out infinite g-slide}.a-crouch{transform-origin:bottom;transform-box:fill-box;animation:3s ease-in-out infinite g-crouch}@keyframes g-slide{0%{transform:translate(20px)}70%,to{transform:translate(185px)}}@keyframes g-crouch{0%,30%{transform:scaleY(1)}38%,62%{transform:scaleY(.55)}70%,to{transform:scaleY(1)}}.a-scope{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite g-scope}@keyframes g-scope{0%,10%{opacity:0;transform:scale(.6)}22%,80%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(1)}}.a-spray circle{animation:2.6s infinite both g-shot}.a-spray circle:nth-child(2){animation-delay:.12s}.a-spray circle:nth-child(3){animation-delay:.24s}.a-spray circle:nth-child(4){animation-delay:.36s}.a-spray circle:nth-child(5){animation-delay:.48s}@keyframes g-shot{0%,8%{opacity:0}10%,70%{opacity:1}80%,to{opacity:0}}.a-pull{animation:2.6s ease-in-out infinite g-pull}@keyframes g-pull{0%,20%{opacity:.3;transform:translateY(-8px)}60%{opacity:1;transform:translateY(8px)}to{opacity:.3;transform:translateY(-8px)}}.a-shot{animation:3s infinite g-flash}.a-knock{animation:3s cubic-bezier(.3,.6,.5,1) infinite g-knock}.a-point{animation:3s infinite g-point}@keyframes g-knock{0%,14%{transform:translate(0)}40%{transform:translate(30px,-12px)}70%{opacity:1;transform:translate(52px,60px)}72%,to{opacity:0;transform:translate(52px,60px)}}@keyframes g-point{0%,55%{opacity:0;transform:translateY(6px)}65%,90%{opacity:1;transform:translateY(0)}to{opacity:0}}.g-speed{stroke:#fff2c4;stroke-width:3px;stroke-linecap:round}.g-streak{fill:#6ff5dc;filter:drop-shadow(0 0 4px #6ff5dc)}.g-sky{fill:#dfe9f2}.g-path{fill:none;stroke:#2a1d0e;stroke-width:3px;stroke-dasharray:6 6;stroke-linecap:round}.g-mouse{fill:#fff;stroke:#2a1d0e;stroke-width:2px}.g-gun{fill:#3a322b}.g-tile{fill:#ffffff8c;stroke:#8a7259;stroke-width:2px}.g-you{fill:#ffc94a;stroke:#2a1d0e;stroke-width:1.5px}.g-foe{fill:#b8343a;stroke:#2a1d0e;stroke-width:1.5px}.a-run{animation:3.2s linear infinite g-run}@keyframes g-run{0%{transform:translate(10px)}45%{transform:translate(80px)}to{transform:translate(260px)}}.a-legs .g-leg1,.a-legs .g-leg2{transform-box:fill-box;transform-origin:top;animation:.42s ease-in-out infinite alternate g-step}.a-legs .g-leg2{animation-delay:-.42s}@keyframes g-step{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}.a-lines{animation:3.2s linear infinite g-lines}@keyframes g-lines{0%,44%{opacity:0}50%,to{opacity:1}}.a-neon{animation:2.8s cubic-bezier(.3,.5,.4,1) infinite g-neon}@keyframes g-neon{0%{transform:translate(0)}30%{transform:translate(100px)}62%{transform:translate(200px)}76%{transform:translate(232px,-26px)}90%,to{transform:translate(260px)}}.a-duck{transform-box:fill-box;transform-origin:bottom;animation:2.8s ease-in-out infinite g-duck}@keyframes g-duck{0%,26%{transform:scaleY(1)}32%,60%{transform:scaleY(.5)skew(-12deg)}66%,to{transform:scaleY(1)}}.g-streak{animation:2.8s ease-out infinite g-streak}@keyframes g-streak{0%,28%{opacity:0}34%,58%{opacity:.9}66%,to{opacity:0}}.a-curve{animation:1s linear infinite g-dash}@keyframes g-dash{to{stroke-dashoffset:-12px}}.a-mouse{animation:2.8s ease-in-out infinite g-turn}@keyframes g-turn{0%,10%{transform:translate(200px,92px)translate(-8px)}70%,to{transform:translate(200px,92px)translate(8px)}}.a-gun1,.a-gun2,.a-gun3,.a-mode1,.a-mode2,.a-mode3{opacity:.35;animation:4.5s infinite g-turn-on}.a-gun2,.a-mode2{animation-delay:1.5s}.a-gun3,.a-mode3{animation-delay:3s}@keyframes g-turn-on{0%,33%{opacity:1}38%,to{opacity:.35}}@media (prefers-reduced-motion:reduce){.guide-art *{animation:none!important}}.menu-links{gap:18px;margin-top:4px;display:flex}.new-badge{background:var(--gold,#ffc94a);color:#1b1712;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:800}.menu-version{font-variant-numeric:tabular-nums}.duel-mode .hud-speed{display:none}.hud,.ch-preview{--ch-color:#ffc94a;--ch-len:5px;--ch-thick:1.5px;--ch-dot:3px;--ch-gap:3px;--ch-outline:#140e08b3}.crosshair{width:var(--ch-dot);height:var(--ch-dot);background:var(--ch-color);box-shadow:0 0 0 1px var(--ch-outline);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spread{--gap:6px;position:absolute;top:50%;left:50%}.spread[hidden]{display:none}.spread i{background:var(--ch-color);box-shadow:0 0 0 1px var(--ch-outline);transition:transform 50ms linear;position:absolute}.spread .t,.spread .b{width:var(--ch-thick);height:var(--ch-len);left:calc(var(--ch-thick) / -2)}.spread .l,.spread .r{width:var(--ch-len);height:var(--ch-thick);top:calc(var(--ch-thick) / -2)}.spread .t{top:calc(-1 * var(--ch-len));transform:translateY(calc(-1 * (var(--gap) + var(--ch-gap))))}.spread .b{transform:translateY(calc(var(--gap) + var(--ch-gap)));top:0}.spread .l{left:calc(-1 * var(--ch-len));transform:translateX(calc(-1 * (var(--gap) + var(--ch-gap))))}.spread .r{transform:translateX(calc(var(--gap) + var(--ch-gap)));left:0}.spread:before{content:"";width:calc(2 * (var(--gap) + var(--ch-gap)) + var(--ch-len));height:calc(2 * (var(--gap) + var(--ch-gap)) + var(--ch-len));border:var(--ch-thick) solid var(--ch-color);box-shadow:0 0 0 1px var(--ch-outline), inset 0 0 0 1px var(--ch-outline);border-radius:50%;transition:width 50ms linear,height 50ms linear;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}[data-crosshair=cross] .crosshair,[data-crosshair=x] .crosshair,[data-crosshair=circle] .crosshair,[data-crosshair=square] .crosshair,[data-crosshair=circle] .spread i,[data-crosshair=circle-dot] .spread i,[data-crosshair=square] .spread i,[data-crosshair=dot] .spread,[data-crosshair=t] .spread .t{display:none}[data-crosshair=circle] .spread:before,[data-crosshair=circle-dot] .spread:before,[data-crosshair=square] .spread:before{display:block}[data-crosshair=square] .spread:before{border-radius:2px}[data-crosshair=x] .spread,[data-crosshair=x-dot] .spread{transform:rotate(45deg)}.crosshair,.spread{opacity:var(--ch-opacity,1)}[data-ch-outline=off] .crosshair,[data-ch-outline=off] .spread i,[data-ch-outline=off] .spread:before{box-shadow:none}.ch-preview{background:linear-gradient(#96bee68c,#f0dcb98c),#6b5c4c;border-radius:8px;height:110px;margin-bottom:10px;position:relative}.chip-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.color-chip{cursor:pointer;border:2px solid #00000080;border-radius:50%;width:22px;height:22px}.color-chip.active{outline-offset:2px;outline:2px solid #fff}.set-footer{justify-content:space-between;align-items:center}.set-credits{opacity:.6;font-size:12px}.guide-panel .set-header,.locker-panel .set-header{border-bottom:1px solid var(--panel-line,#ffffff1f);margin-bottom:20px;padding-bottom:14px}.seg-button.insane{color:#ffb08a;border-color:#ff5a2873}.seg-button.insane:hover{background:#ff461e38}.duel-flow{pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0}.duel-flow:has(.flow-panel){pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 40%,#140e0859,#080604d1),#0a080659;animation:.35s ease-out flow-fade}.flow-panel{text-align:center;width:min(900px,100% - 32px);color:var(--text,#f6ecdc);animation:.45s cubic-bezier(.2,.8,.2,1) flow-rise}.flow-kicker{letter-spacing:.3em;text-transform:uppercase;opacity:.7;font-size:12px}.flow-title{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg, #fff6dc, var(--gold,#ffc94a) 60%, #c8862a);color:#0000;filter:drop-shadow(0 4px 18px #ffb43c59);-webkit-background-clip:text;background-clip:text;margin:6px 0 22px;font-size:clamp(34px,5vw,56px);font-weight:900}.flow-title.flow-loss{filter:drop-shadow(0 4px 18px #ff503c59);background-image:linear-gradient(#ffe0d8,#ff6b5a 60%,#a8302a)}.flow-title.flow-draw{background-image:linear-gradient(#fff,#c9ced6 60%,#7d8590)}.flow-result .flow-title,.flow-panel.result .flow-title{margin-bottom:4px}.flow-score{letter-spacing:.08em;font:800 44px/1 ui-monospace,Consolas,monospace}.flow-score i{opacity:.5;font-style:normal}.flow-stats{justify-content:center;gap:10px;margin:18px 0;display:flex}.flow-stats div{border:1px solid var(--panel-line,#ffffff24);background:#00000040;border-radius:8px;min-width:92px;padding:8px 10px}.flow-stats dt{letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-size:11px}.flow-stats dd{margin:2px 0 0;font-size:22px;font-weight:800}.flow-sub{letter-spacing:.24em;text-transform:uppercase;opacity:.6;margin-bottom:10px;font-size:12px}.flow-arms{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.flow-arm{border:1px solid var(--panel-line,#ffffff24);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(165deg,#3c2e22e6,#18130feb);border-radius:10px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:15px;font-weight:700;display:flex}.flow-arm kbd{min-width:26px;color:var(--gold,#ffc94a);text-align:center;background:#00000059;border-radius:5px;padding:3px 6px;font:700 12px ui-monospace,Consolas,monospace}.flow-actions{justify-content:center;gap:12px;margin-top:22px;display:flex}.flow-actions .menu-button{justify-content:center;gap:12px;width:auto;min-width:190px;font-size:17px;font-weight:700}.flow-actions kbd{background:#00000040;border-radius:4px;padding:1px 6px;font:600 11px ui-monospace,Consolas,monospace}.flow-count{color:#fff6dc;text-shadow:0 0 30px #ffbe50b3,0 6px #00000059;letter-spacing:.04em;font-size:clamp(90px,14vw,180px);font-weight:900}.flow-count[data-step=FIGHT]{color:var(--gold,#ffc94a)}.flow-count.pop{animation:.7s cubic-bezier(.2,.9,.3,1) both flow-pop}@keyframes flow-pop{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.92)}}@keyframes flow-fade{0%{opacity:0}}@keyframes flow-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}}@media (max-width:720px){.flow-guns{grid-template-columns:1fr}}.hud-weapon.locked .hud-slots span:not(.allowed){display:none}.menu-canvas{animation:.9s ease-out both menu-canvas-in}.menu-canvas.leaving{pointer-events:none;animation:.6s ease-in both menu-canvas-out}@keyframes menu-canvas-in{0%{opacity:0;transform:scale(1.04)}}@keyframes menu-canvas-out{to{opacity:0}}.main-menu{background:linear-gradient(90deg,#0a0806db 0%,#0a080680 34%,#0000 62%),linear-gradient(#0000 70%,#0a08068c)}.main-panel,.main-panel .menu-section{animation:.7s cubic-bezier(.2,.8,.2,1) both panel-in}.main-panel .menu-section:first-of-type{animation-delay:80ms}.main-panel .menu-section:nth-of-type(2){animation-delay:.16s}@keyframes panel-in{0%{opacity:0;transform:translate(-24px)}}.main-panel h1{background:linear-gradient(100deg, #fff1c8 0%, var(--gold,#ffc94a) 35%, #fff8e2 50%, #e0a33c 65%, #ffc94a 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite title-shine}@keyframes title-shine{0%,to{background-position:100% 0}50%{background-position:0 0}}.arena-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.arena-card{border:1px solid var(--panel-line,#ffffff24);color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border-radius:8px;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s,transform .15s;display:grid}.arena-card:hover{transform:translateY(-2px)}.arena-card b{font-size:14.5px}.arena-card small{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:11px}.arena-card.active{border-color:var(--gold,#ffc94a);box-shadow:0 0 0 1px var(--gold,#ffc94a);background:#ffc94a21}.bot-row{align-items:stretch;gap:10px;margin-bottom:10px;display:flex}.bot-row .segmented,.bot-row .seg-button{flex:1}.bot-row .seg-button.active{background:var(--gold,#ffc94a);color:#1b1712}.bot-row .seg-button.insane.active{color:#fff;background:linear-gradient(#ff8a4a,#e0402a)}.play-button{letter-spacing:.12em;text-transform:uppercase;justify-content:center;width:auto;min-width:110px;font-size:17px;font-weight:800;animation:2.4s ease-in-out infinite play-pulse;box-shadow:0 6px 22px #ffb43c59}@keyframes play-pulse{50%{box-shadow:0 6px 30px #ffb43c99}}.arena-info{color:#fff8ea;text-align:right;text-shadow:0 2px 16px #0000008c;pointer-events:none;max-width:420px;position:absolute;bottom:clamp(24px,9vh,110px);right:clamp(16px,5vw,80px)}.arena-info.enter{animation:.8s cubic-bezier(.2,.8,.2,1) both arena-in}@keyframes arena-in{0%{opacity:0;letter-spacing:.3em;transform:translateY(18px)}}.arena-tag{letter-spacing:.26em;text-transform:uppercase;opacity:.85;font-size:12px}.arena-name{letter-spacing:.04em;text-transform:uppercase;margin:4px 0 8px;font-size:clamp(40px,6vw,78px);font-weight:900;line-height:.95}.arena-info p{opacity:.9;margin:0;font-size:15px;line-height:1.5}@media (max-width:900px){.arena-info{display:none}}.skin-card.animated{background:linear-gradient(#181024eb,#181024eb) 0 0/100% 100% padding-box padding-box,linear-gradient(90deg,#40f0ff,#ff4fd8,#ffd86b,#40f0ff) 0 0/300% 100% border-box;border-color:#0000;grid-column:1/-1;animation:4s linear infinite skin-flow}.skin-card.animated .skin-swatch{background:linear-gradient(90deg,#40f0ff,#ff4fd8,#ffd86b,#40f0ff) 0 0/300% 100%;animation:3s linear infinite skin-flow}.skin-card.animated .skin-swatch i{display:none}.legendary{color:#12081c;letter-spacing:.12em;text-transform:uppercase;vertical-align:2px;background:linear-gradient(90deg,#40f0ff,#ff4fd8);border-radius:8px;margin-left:6px;padding:1px 6px;font-size:9.5px;font-style:normal;font-weight:800}@keyframes skin-flow{to{background-position:0 0,300% 0}}.skin-card.animated .skin-swatch{animation-name:swatch-flow}@keyframes swatch-flow{to{background-position:300% 0}}.fps-counter{color:#d8f5c8;pointer-events:none;background:#0a0c108c;border-radius:4px;padding:3px 8px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:10px;left:12px}.graphics-notice{color:#f3e6c8;pointer-events:none;background:#0a0c10b3;border-radius:6px;padding:8px 14px;font-size:14px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.fps-counter[hidden],.graphics-notice[hidden]{display:none}.enemy-bar{opacity:0;pointer-events:none;will-change:transform, opacity;background:#080a0e8c;border-radius:2px;height:4px;position:absolute;top:0;left:0}.enemy-bar.on{opacity:1;transition:opacity .15s ease-out}.enemy-bar-fill,.enemy-bar-chip{transform-origin:0;border-radius:2px;position:absolute;inset:0}.enemy-bar-chip{background:#ffffffd9}.enemy-bar-fill{background:#ff5d4a}.enemy-bar[data-level=mid] .enemy-bar-fill{background:#ff8a3a}.enemy-bar[data-level=low] .enemy-bar-fill{background:#ff3b3b}.vignette{pointer-events:none;background:radial-gradient(#0000 55%,#140c0452 100%);position:absolute;inset:0}.brawl-hud{pointer-events:none;position:absolute;inset:0}.brawl-top{color:#f3e6c8;text-align:center;white-space:nowrap;background:#14100ca8;border-radius:10px;grid-template-columns:repeat(3,64px);padding:6px 9px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffd68c2e}.bt-cell{line-height:1;display:grid}.bt-cell+.bt-cell{border-left:1px solid #ffecc824}.bt-cell b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.bt-cell small{letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-top:2px;font-size:9px}.bt-you b{color:#ffc94a}.brawl-top.leading .bt-place b,.brawl-top.leading .bt-lead b{color:#ffe08a}.bt-bar{background:#ffffff24;border-radius:2px;grid-column:1/-1;height:3px;margin-top:5px;position:relative;overflow:hidden}.bt-bar i{border-radius:2px;transition:width .3s;position:absolute;inset:0 auto 0 0}.bt-bar-lead{background:#ffffff8c}.bt-bar-you{background:#ffc94a}.bt-clock{font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.8;grid-column:1/-1;margin-top:4px;font-size:10px}.brawl-feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:60px;right:16px}.feed-line{color:#ddd;background:#0e0c0a9e;border-radius:4px;padding:3px 10px;font-size:13px;transition:opacity .4s}.feed-line i{opacity:.6;text-transform:uppercase;margin:0 8px;font-size:11px;font-style:normal}.feed-line.mine{box-shadow:inset 0 0 0 1px #ffc94ab3}.feed-line.me{box-shadow:inset 0 0 0 1px #ff5a3cb3}.feed-line.gone{opacity:0}.brawl-banner{top:var(--combat-banner-top,132px);color:#ffc94a;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 12px #0009;opacity:0;font-size:30px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.brawl-banner.pop{animation:1.6s ease-out brawl-banner}@keyframes brawl-banner{0%{opacity:0;transform:translate(-50%)scale(1.4)}12%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0}}.brawl-board{color:#f3e6c8;background:#14100cd9;border-radius:10px;min-width:320px;padding:10px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brawl-board[hidden]{display:none}.brawl-board.result-board{max-width:420px;margin:12px auto;position:static;transform:none}.board-row{grid-template-columns:28px 1fr 60px 60px;gap:8px;padding:4px 6px;font-size:14px;display:grid}.board-row.head{opacity:.6;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.board-row.me{background:#ffc94a24;border-radius:4px}.flow-intro{color:#e8dcc0;max-width:460px;margin:12px auto 18px;line-height:1.5}.main-panel{width:min(440px,100%);padding:28px 28px 20px}.main-panel .menu-title .menu-tagline{margin:6px 0 20px}.mode-tabs{box-shadow:inset 0 0 0 1px var(--panel-line,#ffffff1f);background:#00000047;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:18px;padding:4px;display:grid}.mode-tab{color:inherit;font:inherit;text-align:center;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:7px;gap:1px;padding:9px 6px 8px;transition:background .15s,opacity .15s;display:grid}.mode-tab:hover{opacity:1;background:#ffffff12}.mode-tab b{letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-weight:750}.mode-tab small{opacity:.7;font-size:11px}.mode-tab.active{background:linear-gradient(180deg, #ffd978, var(--gold-deep,#e0a33c));color:var(--ink,#1b1712);opacity:1;box-shadow:0 2px 12px #e0a33c59}.mode-tab.active small{opacity:.8}.mode-pane[hidden]{display:none}.mode-pane{margin-bottom:18px;animation:.35s cubic-bezier(.2,.8,.2,1) both pane-in}@keyframes pane-in{0%{opacity:0;transform:translateY(6px)}}.main-panel .mode-pane h3{letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin:0 0 8px;font-size:11.5px}.main-panel .arena-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.main-panel .arena-card{padding:11px 12px 10px 16px;position:relative;overflow:hidden}.main-panel .arena-card:before{content:"";background:var(--mood,#ffc94a);opacity:.75;width:4px;position:absolute;inset:0 auto 0 0}.main-panel .arena-card b{font-size:15px}.main-panel .arena-card small{letter-spacing:.1em;font-size:10.5px}.main-panel .arena-card.active{border-color:var(--mood,#ffc94a);background:color-mix(in srgb, var(--mood,#ffc94a) 16%, transparent);box-shadow:0 0 0 1px var(--mood,#ffc94a)}.main-panel .arena-card.active:before{opacity:1}.main-panel .bot-levels{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;display:grid}.main-panel .bot-levels .seg-button{padding:8px 4px}.main-panel .bot-levels .seg-button.active{background:var(--gold,#ffc94a);border-color:var(--gold,#ffc94a);color:#1b1712;font-weight:700}.main-panel .bot-levels .seg-button.insane.active{color:#fff;background:linear-gradient(#ff8a4a,#e0402a);border-color:#ff8a4a}.main-panel .play-button{justify-items:center;gap:2px;width:100%;padding:12px 16px 10px;display:grid}.play-main{letter-spacing:.14em;text-transform:uppercase;font-size:19px;font-weight:850}.play-sub{letter-spacing:.02em;text-transform:none;opacity:.75;font-size:12px;font-weight:600}.main-panel .online-row{margin:12px 0 0}.main-panel .online-row[hidden]{display:none}.main-panel .menu-links{border-top:1px solid var(--panel-line,#ffffff1f);justify-content:space-between;padding-top:12px}.main-panel .menu-bottom{border-top:0;padding-top:8px}.arena-info[hidden]{display:none}.set-row.quality-row{grid-template-columns:1fr auto}.quality-row .chip-row{flex-wrap:nowrap}.menu-title{position:relative}.xp-badge{cursor:default;justify-items:end;gap:5px;display:grid;position:absolute;top:6px;right:0}.xp-level{letter-spacing:.14em;color:var(--gold,#ffc94a);font-size:12px;font-weight:800}.xp-bar{background:#ffffff24;border-radius:2px;width:72px;height:3px;display:block;position:relative;overflow:hidden}.xp-bar i{background:var(--gold,#ffc94a);border-radius:2px;position:absolute;inset:0 auto 0 0}.xp-line,.xp-toast{justify-content:center;align-items:center;gap:10px;margin:10px 0 4px;font-size:13px;display:flex}.xp-line b,.xp-toast b{color:#fff3d0;font-variant-numeric:tabular-nums}.xp-line em,.xp-toast em{color:var(--gold,#ffc94a);letter-spacing:.06em;text-transform:uppercase;font-style:normal;font-weight:800}.xp-line .xp-bar,.xp-toast .xp-bar{width:120px}.xp-toast{color:#f3e6c8;pointer-events:none;background:#14100cb8;border-radius:8px;margin:0;padding:8px 14px;animation:3.6s both xp-toast;position:absolute;bottom:22%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffd68c2e}@keyframes xp-toast{0%{opacity:0;transform:translate(-50%,8px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.killcam{--slow:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.killcam[hidden]{display:none}.killcam-bar{background:#050506;height:9vh;animation:.5s cubic-bezier(.2,.8,.2,1) both killcam-bar;position:absolute;left:0;right:0}.killcam-bar.top{transform-origin:top;top:0}.killcam-bar.bottom{transform-origin:bottom;bottom:0}@keyframes killcam-bar{0%{transform:scaleY(0)}}.killcam-slow{opacity:var(--slow);background:radial-gradient(#0000 45%,#060c1ebf 100%),#2846821f;position:absolute;inset:0}.killcam-title{color:#fff;text-shadow:0 2px 18px #0009;justify-items:center;animation:.6s cubic-bezier(.2,.8,.2,1) .1s both killcam-title;display:grid;position:absolute;top:calc(9vh + 18px);left:50%;transform:translate(-50%)}.killcam-title small{letter-spacing:.4em;text-transform:uppercase;opacity:.75;font-size:12px;font-weight:700}.killcam-title b{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(30px,4.4vw,56px);font-style:italic;font-weight:900;line-height:1.05}.killcam-title i{background:linear-gradient(90deg,#0000,#e0402a 20%,#ff8a4a 50%,#e0402a 80%,#0000);width:70%;height:4px;margin-top:6px}@keyframes killcam-title{0%{opacity:0;letter-spacing:.4em;transform:translate(-50%,-14px)scale(1.15)}}.killcam-card{border-left:5px solid var(--who,#ffc94a);color:#f6ecdc;background:linear-gradient(90deg,#08080ad9,#08080a59);min-width:220px;padding:12px 18px 12px 20px;animation:.55s cubic-bezier(.2,.8,.2,1) .25s both killcam-card;display:grid;position:absolute;bottom:calc(9vh + 22px);left:clamp(16px,4vw,60px)}.killcam-card b{color:var(--who,#ffc94a);font-size:28px;font-weight:900;line-height:1.05}.killcam-card small{letter-spacing:.18em;text-transform:uppercase;opacity:.7;font-size:12px}.killcam-card span{letter-spacing:.2em;text-transform:uppercase;margin-top:8px;font-size:14px;font-weight:800}@keyframes killcam-card{0%{opacity:0;transform:translate(-30px)}}.killcam-victim{color:#f6ecdc;text-shadow:0 2px 12px #0009;justify-items:end;animation:.55s cubic-bezier(.2,.8,.2,1) .35s both killcam-card;display:grid;position:absolute;bottom:calc(9vh + 22px);right:clamp(16px,4vw,60px)}.killcam-victim small{letter-spacing:.3em;text-transform:uppercase;opacity:.7;font-size:11px}.killcam-victim b{font-size:22px;font-weight:800}.killcam-flash{background:#fff;animation:.45s ease-out both killcam-flash;position:absolute;inset:0}@keyframes killcam-flash{0%{opacity:.85}to{opacity:0}}.killcam-fade{opacity:0;background:#000;transition:opacity .4s ease-in;position:absolute;inset:0}.killcam.ending .killcam-fade{opacity:1}.killcam-on>:not(canvas):not(.killcam):not(.duel-flow):not(.clip-toast){visibility:hidden}.killcam-on .scope{visibility:visible}.hit-marker,.hit-marker.head,.hit-marker.kill{width:0;height:0;box-shadow:none;--tick:#fff;--len:6px;--gap:5px;--w:1.5px;background:0 0;border-radius:0;margin:0;-webkit-mask:none;mask:none}.hit-marker i{width:var(--len);height:var(--w);margin-top:calc(var(--w) / -2);background:var(--tick);transform-origin:0;border-radius:1px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000059}.hit-marker i:first-child{transform:rotate(45deg) translateX(var(--gap))}.hit-marker i:nth-child(2){transform:rotate(135deg) translateX(var(--gap))}.hit-marker i:nth-child(3){transform:rotate(225deg) translateX(var(--gap))}.hit-marker i:nth-child(4){transform:rotate(315deg) translateX(var(--gap))}.hit-marker.head{--tick:#ff6a3d;--len:7.5px;--gap:5.5px;--w:2px}.hit-marker.kill{--tick:#ff3b30;--len:9px;--gap:6px;--w:2.5px}.hit-marker.flash{animation:.24s ease-out tick-hit}.hit-marker.kill.flash{animation:.6s ease-out tick-kill}@keyframes tick-hit{0%{opacity:1;transform:scale(1.35)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes tick-kill{0%{opacity:1;transform:scale(1.6)rotate(-6deg)}20%{opacity:1;transform:scale(1)rotate(0)}70%{opacity:1}to{opacity:0}}.damage-number{opacity:0;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px #000000e6,0 0 6px #0009;pointer-events:none;font-size:13px;font-weight:800;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.damage-number.head{color:#ffc94a;font-size:15px}.damage-number.pop{animation:.8s ease-out both damage-pop}@keyframes damage-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-190%)scale(.95)}}.killcam-on .damage-number{display:none}.minimap{pointer-events:none;border-radius:50%;width:168px;height:168px;position:absolute;top:16px;left:16px}.minimap[hidden],.menu-view[hidden]{display:none}.menu-view{margin-bottom:18px;animation:.3s cubic-bezier(.2,.8,.2,1) both pane-in}.main-panel .menu-view h3{letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin:0 0 8px;font-size:11.5px}.continue-card{background:linear-gradient(180deg, #ffd978, var(--gold-deep,#e0a33c));width:100%;color:var(--ink,#1b1712);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:10px;grid-template-columns:1fr auto;align-items:center;margin-bottom:18px;padding:12px 16px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 6px 22px #ffb43c4d}.continue-card:hover{transform:translateY(-1px);box-shadow:0 8px 28px #ffb43c73}.continue-card small{letter-spacing:.2em;text-transform:uppercase;opacity:.7;grid-column:1;font-size:11px;font-weight:800}.continue-card b{grid-column:1;font-size:17px;font-weight:800}.continue-card span{grid-area:1/2/3;font-size:26px;font-weight:700}.mode-cards{gap:8px;display:grid}.mode-card{border:1px solid var(--panel-line,#ffffff24);color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border-radius:10px;grid-template-columns:1fr auto;align-items:center;padding:14px 16px 14px 20px;transition:background .15s,border-color .15s,transform .15s;display:grid;position:relative;overflow:hidden}.mode-card:before{content:"";background:var(--mode,#ffc94a);width:4px;position:absolute;inset:0 auto 0 0}.mode-card:hover{border-color:var(--mode,#ffc94a);background:color-mix(in srgb, var(--mode,#ffc94a) 12%, transparent);transform:translate(3px)}.mode-card b{letter-spacing:.08em;text-transform:uppercase;grid-column:1;font-size:20px;font-weight:850}.mode-card small{opacity:.7;grid-column:1;font-size:12.5px}.mode-card .menu-chevron{grid-area:1/2/3}.view-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.view-head small{letter-spacing:.2em;text-transform:uppercase;opacity:.6;font-size:11px;display:block}.view-head b{letter-spacing:.08em;text-transform:uppercase;font-size:22px;font-weight:850}.back-button{border:1px solid var(--panel-line,#ffffff2e);width:36px;height:36px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border-radius:8px;font-size:22px;line-height:1}.back-button:hover{background:#ffffff1f}.main-panel .arena-card.random{border-style:dashed}.main-menu.mm{color:#f6ecdc;background:0 0;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(280px,340px) 1fr;justify-content:stretch;align-items:stretch;padding:0;display:grid;overflow:hidden}.mm>*{z-index:1;position:relative}.mm-fade,.mm-shade{z-index:0;pointer-events:none;position:absolute;inset:0}.mm-shade{background:linear-gradient(90deg,#080706d1 0%,#08070673 26%,#0000 52%),linear-gradient(#0000 55%,#0807068c 78%,#080706e6 100%),linear-gradient(#08070699 0%,#0000 14%)}.mm-fade{opacity:0;background:#08080a;transition:opacity 90ms ease-out}.mm-fade.dim{opacity:.6}.mm h3{letter-spacing:.24em;text-transform:uppercase;opacity:.55;margin:0 0 10px;font-size:11px;font-weight:700}.mm-top{border-bottom:1px solid #ffecc814;grid-column:1/-1;align-items:center;gap:40px;padding:18px 36px 14px;display:flex}.mm-brand{align-items:baseline;gap:14px;display:flex}.mm-brand b{background:linear-gradient(#fff3d0 0%,#ffc94a 60%,#e0a33c 100%);color:#0000;letter-spacing:.22em;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.mm-brand small{letter-spacing:.06em;opacity:.55;font-size:12px}.mm-nav{flex:1;gap:6px;display:flex}.mm-tab{color:inherit;font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:.6;background:0 0;border:0;padding:8px 14px;font-size:13px;font-weight:700;transition:opacity .15s;position:relative}.mm-tab:hover,.mm-tab.active{opacity:1}.mm-tab.active:after{content:"";background:#ffc94a;height:2px;position:absolute;bottom:-15px;left:14px;right:14px;box-shadow:0 0 10px #ffc94a99}.mm-player .xp-badge{position:static}.mm-side{grid-area:2/1;padding:28px 0 0 36px}.mm .mode-cards{gap:8px;display:grid}.mm .mode-card{background:#13110fe0;border:1px solid #ffecc829;border-radius:8px;padding:14px 16px 13px 20px}.mm .mode-card b{letter-spacing:.12em;font-size:17px}.mm .mode-card.active{border-color:var(--mode);background:linear-gradient(90deg, color-mix(in srgb, var(--mode) 19%, #191613), #151210);box-shadow:0 0 0 1px var(--mode), 0 8px 24px #00000059;transform:none}.mm .mode-card.soon{cursor:default;opacity:.5}.mm .mode-card.soon:hover{background:#0e0c0a80;border-color:#ffecc81a;transform:none}.mm .mode-card i{letter-spacing:.16em;text-transform:uppercase;border:1px solid;border-radius:4px;grid-area:1/2/3;padding:3px 8px;font-size:10px;font-style:normal;font-weight:800}.mm .online-row{background:#0e0c0a80;border-radius:6px;margin-top:14px}.mm .arena-info{grid-area:2/2;place-self:end;max-width:460px;margin:0 40px 10px 0;position:relative;bottom:auto;right:auto}.mm .arena-info .arena-name{font-size:clamp(36px,5vw,68px)}.mm-bottom{grid-area:3/1/auto/-1;align-items:flex-end;gap:28px;padding:0 36px 28px;display:flex}.mm-maps{flex:1;min-width:0}.mm .arena-cards{gap:10px;margin:0;padding:2px 2px 4px;display:flex;overflow-x:auto}.mm .arena-card{text-align:left;background:#181512;border:1px solid #ffecc81f;border-radius:8px;flex:0 0 168px;gap:3px;padding:6px 6px 9px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.mm .arena-card:before{display:none}.mm .arena-card:hover{border-color:color-mix(in srgb, var(--mood) 60%, transparent);transform:translateY(-3px)}.mm .arena-card img,.mm .arena-card .random-mark{aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--mood) 18%, #16130f), #0d0b09);object-fit:cover;border-radius:4px;width:100%;height:auto;margin-bottom:6px;display:block}.mm .arena-card .random-mark{color:#ffecc88c;place-items:center;font-size:40px;font-weight:900;display:grid}.mm .arena-card.random{border-style:solid}.mm .arena-card b{padding:0 4px;font-size:14px}.mm .arena-card small{letter-spacing:.04em;text-transform:none;opacity:.8;padding:0 4px;font-size:11px}.mm-launch{flex:0 0 340px}.mm .bot-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:10px;display:grid}.mm .bot-levels .seg-button{background:#0e0c0a99;border-radius:4px;padding:8px 4px}.mm .bot-levels .seg-button.active{color:#1b1712;background:#ffc94a;border-color:#ffc94a;font-weight:800}.mm .bot-levels .seg-button.insane.active{color:#fff;background:linear-gradient(#ff8a4a,#e0402a);border-color:#ff8a4a}.mm .play-button{border-radius:6px;justify-items:center;gap:3px;width:100%;padding:16px 18px 13px;animation:none;display:grid;box-shadow:0 10px 30px #ffb43c59}.mm .play-button .play-main{letter-spacing:.2em;font-size:22px}.mm-practice{grid-area:3/1/auto/-1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;padding:0 36px 28px;display:grid}.mm-practice h3{grid-column:1/-1}.mm-practice .menu-row{background:#0e0c0a9e;border-radius:6px;margin:0}.mm [hidden]{display:none!important}.mm-version{opacity:.35;font-size:11px;position:absolute;bottom:8px;left:36px}@media (max-width:1000px){.main-menu.mm{grid-template-columns:1fr;overflow-y:auto}.mm-bottom{flex-direction:column;align-items:stretch}.mm-launch{flex:none}.mm .arena-info{display:none}}.mm .online-row{gap:10px;padding:12px 14px;display:grid}.mm .online-row .menu-online{grid-template-columns:auto 1fr auto;gap:6px;display:grid}.mm .online-row .online-code-input{width:auto;min-width:0}.main-menu.mm[hidden]{display:none}.main-menu.mm{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(300px,360px) 1fr}.mm-player{align-items:center;gap:16px;display:flex}.mm-player .mm-version{opacity:.4;font-size:11px;position:static}.mm-lobby{flex-direction:column;grid-area:2/1;gap:10px;min-height:0;padding:24px 0 24px 36px;display:flex;overflow-y:auto}.lobby-fight,.lobby-practice{flex-direction:column;gap:10px;display:flex}.lobby-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0e0c0a9e;border:1px solid #ffecc81f;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:1px 10px;padding:13px 16px 13px 18px;transition:border-color .15s,background .15s;display:grid;position:relative;overflow:hidden}.lobby-card:hover{background:#14110ebf;border-color:#ffecc859}.lobby-card small{letter-spacing:.22em;text-transform:uppercase;opacity:.55;grid-column:1;font-size:10.5px;font-weight:700}.lobby-card b{letter-spacing:.08em;text-transform:uppercase;grid-column:1;font-size:19px;font-weight:850}.lobby-card span{opacity:.7;grid-column:1;font-size:12.5px}.lobby-card i{letter-spacing:.16em;text-transform:uppercase;opacity:.8;border:1px solid #ffecc840;border-radius:4px;grid-area:1/2/4;padding:5px 10px;font-size:10.5px;font-style:normal;font-weight:800}.mode-pick:before{content:"";background:var(--mode,#ffc94a);width:4px;position:absolute;inset:0 auto 0 0}.map-pick{grid-template-columns:1fr auto;padding-top:0;padding-left:0;padding-right:0}.map-pick img{object-fit:contain;background:radial-gradient(circle at 50% 40%,#221d16,#0d0b09);grid-column:1/-1;width:100%;height:104px;margin-bottom:10px}.map-pick img[hidden]{display:none}.map-pick small,.map-pick b,.map-pick span{padding-left:18px}.map-pick i{grid-row:2/5;margin-right:16px}.mm-lobby h3{margin:6px 0 0}.mm-lobby .bot-levels{margin:0}.mm-lobby .play-button{margin-top:4px}.lobby-practice .menu-row{background:#0e0c0a9e;border-radius:6px;margin:0}.mm-picker{z-index:5;background:#0605048c;place-items:center;padding:90px 36px 36px;animation:.2s ease-out both pane-in;display:grid;position:absolute;inset:0}.picker-panel{background:linear-gradient(165deg,#1e1914f2,#0e0c0af2);border:1px solid #ffecc824;border-radius:8px;flex-direction:column;width:min(560px,100%);max-height:100%;padding:20px 22px 22px;display:flex;box-shadow:0 24px 60px #0000008c}.picker-panel.wide{width:min(980px,100%)}.picker-panel header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.picker-panel h2{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:20px;font-weight:850}.picker-close{width:34px;height:34px;color:inherit;cursor:pointer;opacity:.75;background:0 0;border:1px solid #ffecc833;border-radius:6px;font-size:20px;line-height:1}.picker-close:hover{opacity:1;background:#ffffff0f}.picker-grid{gap:10px;min-height:0;display:grid;overflow-y:auto}.picker-grid.modes{grid-template-columns:1fr}.mm .picker-grid.maps{grid-template-columns:repeat(auto-fill,minmax(min(196px,100%),1fr));display:grid;overflow-x:hidden}.mm .picker-grid.maps .arena-card{flex:none}.mm .arena-info{margin-bottom:36px}@media (max-width:1000px){.mm-lobby{padding:16px}}.mm-lobby>*,.lobby-fight>*,.lobby-practice>*{flex-shrink:0}@media (max-height:720px){.mm-lobby{gap:8px;padding-top:16px}.lobby-card{padding-top:10px;padding-bottom:10px}.map-pick img{height:64px}.mm .play-button{padding:12px 16px 10px}}.mm .arena-card img,.map-pick img{object-fit:cover;background:linear-gradient(110deg,#17140f 30%,#221d16 50%,#17140f 70%) 0 0/200% 100%}.map-pick img{height:112px}@media (max-height:720px){.map-pick img{height:84px}}.mm-lobby{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#ffecc840 transparent;margin-right:4px;padding-right:10px}.mm-lobby::-webkit-scrollbar{width:6px}.mm-lobby::-webkit-scrollbar-thumb{background:#ffecc840;border-radius:3px}.picker-grid{scrollbar-width:thin;scrollbar-color:#ffecc840 transparent}.mm .picker-grid.maps{margin:-6px -6px 0;padding:6px 6px 8px}.map-pick img{border-radius:4px;width:calc(100% - 12px);margin:6px 6px 10px}.tdm-top{color:#f3e6c8;text-align:center;white-space:nowrap;background:#100e0cb3;border-radius:10px;grid-template-columns:78px 70px 78px;align-items:stretch;display:grid;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffecc824}.tdm-team{padding:7px 10px 9px;line-height:1;display:grid;position:relative}.tdm-team small{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.tdm-team b{font-variant-numeric:tabular-nums;margin-top:3px;font-size:24px;font-weight:800}.tdm-team.blue{color:#7fc4ff;background:linear-gradient(90deg,#3c8ce652,#3c8ce614)}.tdm-team.red{color:#ff8a7a;background:linear-gradient(270deg,#e6463c52,#e6463c14)}.tdm-top[data-lead=blue] .tdm-team.blue b,.tdm-top[data-lead=red] .tdm-team.red b{text-shadow:0 0 14px}.tdm-bar{background:#ffffff24;border-radius:2px;height:3px;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}.tdm-bar i{background:currentColor;border-radius:2px;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.tdm-team.blue .tdm-bar i{transform-origin:0}.tdm-team.red .tdm-bar i{transform-origin:100%}.tdm-clock{border-left:1px solid #ffecc81f;border-right:1px solid #ffecc81f;align-content:center;line-height:1;display:grid}.tdm-clock b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.tdm-clock small{letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:4px;font-size:9px}.tdm-top.late .tdm-clock b{color:#ff8a6a}.brawl-banner.small{color:#7fc4ff;font-size:18px}.tdm-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:min(620px,100vw - 32px);display:grid}.tdm-board.result-board{background:0 0;max-width:640px;margin:12px auto;padding:0;position:static;transform:none}.tdm-table{text-align:left;background:#100e0c99;border-radius:8px;padding:8px 10px 6px}.tdm-table.blue{box-shadow:inset 0 3px #5fb4ff}.tdm-table.red{box-shadow:inset 0 3px #ff6b5b}.tdm-table-head{letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;padding:4px 6px 6px;font-size:13px;display:flex}.tdm-table.blue .tdm-table-head{color:#7fc4ff}.tdm-table.red .tdm-table-head{color:#ff8a7a}.tdm-table-head span{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:18px;font-weight:800}.tdm-table .board-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr 34px 34px 34px}.tdm-table .board-row span+span{text-align:right}.tdm-final{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:18px;font-size:46px;font-weight:900;display:flex}.tdm-final span{opacity:.4;font-size:30px}.team-blue{color:#7fc4ff}.team-red{color:#ff8a7a}.team-tag{opacity:0;pointer-events:none;will-change:transform, opacity;justify-items:center;gap:2px;display:grid;position:absolute;top:0;left:0}.team-tag.on{opacity:1;transition:opacity .2s}.team-tag b{color:#8ccbff;letter-spacing:.04em;text-shadow:0 1px 2px #000000e6,0 0 6px #00000080;font-size:12px;font-weight:700}.team-tag i{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 1px #000c);background:#5fb4ff;width:8px;height:8px}.team-tag.far b{opacity:.8;font-size:10px}@media (max-width:720px){.tdm-board{grid-template-columns:1fr}}.match-vote{text-align:left;width:min(640px,100%);margin:14px auto 6px;animation:.45s cubic-bezier(.2,.8,.2,1) flow-rise}.vote-head{letter-spacing:.18em;text-transform:uppercase;color:#e8dcc0;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;display:flex}.vote-head.next b{color:var(--gold,#ffc94a)}.vote-clock{letter-spacing:0;font:800 18px/1 ui-monospace,Consolas,monospace}.vote-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.vote-card{box-shadow:inset 3px 0 0 var(--mood,#ffc94a), inset 0 0 0 1px #ffecc81a;color:#f3e6c8;text-align:left;cursor:pointer;background:#100e0c9e;border:0;border-radius:8px;gap:3px;padding:10px 12px 12px;transition:transform .15s,background .15s,box-shadow .15s;display:grid;position:relative}.vote-card:hover{background:#1e1a14bf;transform:translateY(-2px)}.vote-card b{font-size:15px;font-weight:800}.vote-card small{letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-size:10px}.vote-card.mine{box-shadow:inset 3px 0 0 var(--mood,#ffc94a), inset 0 0 0 2px var(--gold,#ffc94a)}.vote-card.won{box-shadow:inset 3px 0 0 var(--mood,#ffc94a), inset 0 0 0 2px var(--gold,#ffc94a), 0 0 24px #ffbe4640;background:#ffc94a29}.vote-dots{gap:4px;min-height:7px;margin-top:4px;display:flex}.vote-dots i{background:var(--mood,#ffc94a);border-radius:50%;width:7px;height:7px;animation:.3s ease-out vote-dot}@keyframes vote-dot{0%{transform:scale(0)}}.vote-bar{background:#ffffff1f;border-radius:2px;height:3px;margin-top:10px;display:block;overflow:hidden}.vote-bar i{background:var(--gold,#ffc94a);transform-origin:0;height:100%;transition:transform .1s linear;display:block}@media (max-width:640px){.vote-cards{grid-template-columns:1fr}}.duel-flow:has(.match-vote){place-items:safe center;padding:24px 0;overflow-y:auto}.hud-slides{align-items:center;gap:5px;display:flex;position:absolute;bottom:106px;right:26px}.hud-slides:before{content:"SLIDE";color:#f6f7f9;letter-spacing:.16em;opacity:.7;text-shadow:0 1px 3px #000000b3;margin-right:4px;font:700 10px/1 ui-monospace,Consolas,monospace}.aim-training .hud-slides{display:none}.slide-pip{background:#1e242c8c;border-radius:2px;width:22px;height:4px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000059}.slide-pip i{transform-origin:0;background:#ffffff73;position:absolute;inset:0}.slide-pip.full i{background:var(--accent,#4de8ff);box-shadow:0 0 6px var(--accent,#4de8ff)}.hud-slides.ready{animation:.35s ease-out slide-ready}@keyframes slide-ready{40%{transform:scale(1.12)}}.death-screen{pointer-events:none;z-index:3;position:absolute;inset:0}#app:has(>.pause-overlay:not([hidden]))>:is(.death-screen,.hud,.brawl-hud,.tdm-hud,.duel-hud){visibility:hidden}.duel-mode>:is(.settings-menu,.guide-menu){z-index:11}.duel-mode{--combat-streak-top:94px;--combat-banner-top:132px}.death-screen:before{content:"";opacity:0;-webkit-backdrop-filter:grayscale(0)brightness();backdrop-filter:grayscale(0)brightness();background:radial-gradient(#0000 45%,#04060a8c 100%);transition:opacity .45s ease-out,-webkit-backdrop-filter .55s ease-out,backdrop-filter .55s ease-out;position:absolute;inset:0}.death-screen.dead:before{opacity:1;-webkit-backdrop-filter:grayscale(.9)brightness(.72);backdrop-filter:grayscale(.9)brightness(.72)}.death-card{color:#eef1f4;text-shadow:0 1px 10px #000000b3;z-index:1;opacity:0;justify-items:center;gap:2px;min-width:260px;padding:0 28px 12px;transition:opacity .28s ease-out .22s,transform .28s cubic-bezier(.2,.7,.2,1) .22s;display:grid;position:absolute;bottom:21%;left:50%;transform:translate(-50%,8px)}.death-screen.dead .death-card{opacity:1;transform:translate(-50%)}.death-card small{letter-spacing:.26em;text-transform:uppercase;opacity:.6;font-size:10px}.death-card b{letter-spacing:.03em;font-size:26px;font-weight:700}.death-card span{letter-spacing:.12em;text-transform:uppercase;opacity:.8;gap:10px;font-size:11px;display:flex}.death-card em{opacity:.7;font-style:normal}.death-bar{background:#ffffff24;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.death-bar:after{content:"";transform-origin:0;background:#ffffffd9;position:absolute;inset:0;transform:scaleX(0)}.death-screen.dead .death-bar:after{animation:death-bar var(--respawn,2s) linear forwards}@keyframes death-bar{to{transform:scaleX(1)}}.death-void{opacity:0;background:#05070a;transition:opacity .35s ease-in;position:absolute;inset:0}.death-screen.void .death-void{opacity:.92}.death-screen.spawn:after{content:"";background:#05070a;animation:.5s ease-out forwards spawn-fade;position:absolute;inset:0}@keyframes spawn-fade{0%{opacity:.8}to{opacity:0}}.player-dead .crosshair,.player-dead .spread,.player-dead .hit-marker,.player-dead .duel-respawn{visibility:hidden}@media (min-width:1800px) and (min-height:950px){.menu-screen{zoom:1.25}}@media (min-width:2400px) and (min-height:1300px){.menu-screen{zoom:1.5}}.objective{color:#6ff5dc;letter-spacing:.04em;text-shadow:0 0 6px #000c,0 1px 2px #000000e6;pointer-events:none;will-change:transform;justify-items:center;gap:3px;width:90px;margin:-10px 0 0 -45px;font:700 13px/1 ui-monospace,Cascadia Mono,Consolas,monospace;transition:opacity .2s;display:grid;position:absolute;top:0;left:0}.objective.finish{color:#ffc94a}.objective-pin{background:color-mix(in srgb, currentColor 25%, transparent);border:2px solid;width:13px;height:13px;animation:1.2s ease-in-out infinite objective-pulse;transform:rotate(45deg);box-shadow:0 0 10px}.objective.edge .objective-pin{width:0;height:0;box-shadow:none;filter:drop-shadow(0 0 6px);transform:rotate(var(--turn,0deg));background:0 0;border:11px solid #0000;border-left:18px solid;border-right-width:0;animation:none}.objective-climb:not(.up,.down){display:none}.objective-climb.up:before{content:"▲ CLIMB"}.objective-climb.down:before{content:"▼ DROP"}.objective-climb{letter-spacing:.12em;font-size:10px}@keyframes objective-pulse{50%{box-shadow:0 0 18px}}.mm.mm-in .mm-top{animation:.5s cubic-bezier(.2,.8,.2,1) both mm-drop}.mm.mm-in .mode-pick,.mm.mm-in .lobby-fight>*,.mm.mm-in .lobby-practice>*{animation:.5s cubic-bezier(.2,.8,.2,1) both mm-rise;animation-delay:calc(80ms + var(--i,0) * 55ms)}.mm.mm-in .lobby-fight>.play-button{animation:mm-rise .5s cubic-bezier(.2, .8, .2, 1) calc(80ms + var(--i,0) * 55ms) both, play-pulse 2.4s ease-in-out 1s infinite}@keyframes mm-drop{0%{opacity:0;transform:translateY(-14px)}}@keyframes mm-rise{0%{opacity:0;transform:translate(-18px)}}.mm .mm-picker{transition:opacity .2s,visibility .2s;animation:none}.mm .mm-picker[hidden]{opacity:0;visibility:hidden;pointer-events:none;display:grid}.mm .mm-picker .picker-panel{transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s}.mm .mm-picker[hidden] .picker-panel{opacity:0;transform:translateY(10px)scale(.96)}.mm .swap{animation:.32s ease-out both mm-swap}@keyframes mm-swap{0%{opacity:0;transform:translateY(5px)}}.lobby-card,.mm .arena-card,.mm .mode-card,.mm .seg-button,.mm .play-button{transition:border-color .18s,background .18s,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}.lobby-card:hover{transform:translate(3px);box-shadow:0 8px 24px #00000059}.mm .arena-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0006}.mm .play-button:hover{transform:translateY(-1px)}.lobby-card:active,.mm .arena-card:active,.mm .mode-card:active,.mm .play-button:active{transform:scale(.985)}.page-leave{z-index:2000;opacity:0;pointer-events:none;background:#120e0b;transition:opacity .2s ease-in;position:fixed;inset:0}.page-leave.on{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.mm.mm-in *,.mm .swap{animation:none!important}}.clip-toast{z-index:30;color:#dffcf6;letter-spacing:.04em;opacity:0;pointer-events:none;background:#0a0e10c7;border:1px solid #6ff5dc80;border-radius:999px;padding:7px 14px 7px 30px;font:700 13px/1 system-ui,sans-serif;transition:opacity .2s,transform .2s;position:absolute;top:92px;left:50%;transform:translate(-50%,-8px)}.clip-toast:before{content:"";background:#ff4d5e;border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;left:12px;box-shadow:0 0 8px #ff4d5e}.clip-toast.show{opacity:1;transform:translate(-50%)}.clip-toast.bad{border-color:#ff8c7880}.clips-menu{background:#0e121899}.clips-panel h2 small{letter-spacing:.04em;opacity:.5;margin-left:8px;font-size:13px;font-weight:600}.clips-hint{opacity:.7;margin:0 0 14px;font-size:13px}.clips-hint kbd{color:var(--gold,#ffc94a);border:1px solid #ffffff4d;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font:700 12px ui-monospace,Consolas,monospace}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;max-height:min(62vh,640px);padding:2px 4px 4px 2px;display:grid;overflow-y:auto}.clips-empty{text-align:center;opacity:.55;grid-column:1/-1;padding:40px 0}.clip-card{background:#0e0c0a8c;border:1px solid #ffecc81f;border-radius:10px;gap:8px;padding:8px 8px 10px;transition:border-color .18s,transform .18s cubic-bezier(.2,.8,.2,1);animation:.3s ease-out both mm-swap;display:grid}.clip-card:hover{border-color:#ffecc852;transform:translateY(-2px)}.clip-card.pinned{border-color:#ffc94a73}.clip-thumb{aspect-ratio:16/9;cursor:pointer;background:#17140f;border:0;border-radius:7px;padding:0;display:block;position:relative;overflow:hidden}.clip-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.clip-thumb:hover img{transform:scale(1.05)}.clip-len{color:#fff;background:#000000a6;border-radius:4px;padding:2px 6px;font:700 11px ui-monospace,Consolas,monospace;position:absolute;bottom:6px;right:6px}.clip-play{filter:drop-shadow(0 2px 6px #0009);opacity:0;border:14px solid #0000;border-left:22px solid #ffffffe6;border-right-width:0;width:0;height:0;margin:-14px 0 0 -9px;transition:opacity .18s;position:absolute;top:50%;left:50%}.clip-thumb:hover .clip-play{opacity:1}.clip-info{gap:2px;padding:0 2px;display:grid}.clip-info b{letter-spacing:.04em;text-transform:uppercase;font-size:15px}.clip-info small{opacity:.65;font-size:12px}.clip-actions{gap:6px;display:flex}.clip-actions .chip{flex:1}.clip-actions .chip.icon{flex:none;min-width:34px}.clip-actions .chip.on{color:var(--gold,#ffc94a);border-color:var(--gold,#ffc94a)}.clip-actions .chip.danger:hover{color:#ff9b8a;border-color:#e0604e}.clip-view>:not(.game-canvas,.clip-bar,.vignette,.hud),.clip-view>.hud>:not(.scope){display:none!important}.clip-view .game-canvas{pointer-events:none}.clip-bar{z-index:40;color:#f4e6cf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a08c7;border:1px solid #ffecc824;border-radius:12px;gap:8px;width:min(940px,100% - 32px);padding:12px 14px;font-family:system-ui,sans-serif;animation:.35s ease-out both mm-swap;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.clip-title{align-items:baseline;gap:10px;display:flex}.clip-title b{letter-spacing:.14em;text-transform:uppercase;font-size:14px}.clip-title small{opacity:.6;font-size:12px}.clip-controls{align-items:center;gap:8px;display:flex}.clip-btn{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;padding:7px 11px;font:600 13px system-ui,sans-serif;transition:background .15s,border-color .15s}.clip-btn:hover{background:#ffffff24;border-color:#ffffff4d}.clip-btn.primary{color:#1b1712;background:linear-gradient(#ffd56e,#e6a83c);border-color:#0000}.clip-btn.pulse{animation:1.6s ease-in-out infinite play-pulse}.clip-toggle{width:36px;height:32px;position:relative}.clip-toggle:before{content:"";border:7px solid #0000;border-left:11px solid;border-right-width:0;position:absolute;top:9px;left:13px}.clip-toggle.playing:before{border:0;border-left:4px solid;border-right:4px solid;width:3px;height:14px;left:12px}.clip-time,.clip-total{opacity:.8;min-width:34px;font:600 12px ui-monospace,Consolas,monospace}.clip-seek{accent-color:var(--gold,#ffc94a);cursor:pointer;flex:1}.clip-bar.exporting .clip-controls{opacity:.4;pointer-events:none}.clip-bar.exporting .clip-controls [data-click=back]{pointer-events:auto}.clip-export{align-items:center;gap:8px;font-size:13px;display:flex}.clip-export[hidden]{display:none}.clip-export i{background:#ff4d5e;border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite objective-pulse;box-shadow:0 0 8px #ff4d5e}@media (max-width:760px){.clip-controls{flex-wrap:wrap}.clip-seek{flex-basis:100%;order:9}}.player-card{color:#fff;text-shadow:0 1px 3px #0009;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000040}.player-card.large{width:340px;height:86px;padding:0 18px}.player-card.small{gap:10px;width:240px;height:58px;padding:0 12px}.player-card:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 40%,#ffffff29 50%,#0000 60%) 0 0/250% 100%;animation:5s ease-in-out infinite card-shine;position:absolute;inset:0}@keyframes card-shine{0%,60%{background-position:120% 0}to{background-position:-120% 0}}.card-emblem{fill:#fff;filter:drop-shadow(0 2px 4px #00000080);flex:none;width:46px;height:46px}.player-card.small .card-emblem{width:32px;height:32px}.card-text{gap:2px;min-width:0;display:grid}.card-text b{letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:20px;font-weight:850;overflow:hidden}.player-card.small .card-text b{font-size:15px}.card-text small{letter-spacing:.14em;opacity:.85;text-transform:uppercase;font-size:12px}.card-level{background:#00000059;border-radius:6px;margin-left:auto;padding:4px 9px;font:800 14px ui-monospace,Consolas,monospace}.mm-profile{color:inherit;font:inherit;cursor:pointer;background:#0e0c0a80;border:1px solid #ffecc824;border-radius:8px;align-items:center;gap:10px;padding:5px 10px 5px 5px;transition:border-color .18s,background .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:flex}.mm-profile:hover{background:#14110ebf;border-color:#ffecc866;transform:translateY(-1px)}.mm-emblem{border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.mm-emblem svg{fill:#fff;width:20px;height:20px}.mm-name{letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:140px;font-size:13px;overflow:hidden}.profile-menu{background:#0e121899}.profile-panel{width:min(940px,100%);position:relative}.profile-head{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;display:flex}.profile-who{flex:1;gap:10px;min-width:220px;display:grid}.profile-who label{letter-spacing:.14em;text-transform:uppercase;opacity:.85;align-items:center;gap:10px;font-size:12px;display:flex}.profile-name{max-width:240px;color:inherit;letter-spacing:.04em;-webkit-user-select:text;user-select:text;background:#0000004d;border:1px solid #fff3;border-radius:6px;flex:1;padding:7px 10px;font:700 15px system-ui,sans-serif}.profile-xp{align-items:center;gap:10px;font-size:13px;display:flex}.profile-xp .xp-bar{flex:1;max-width:220px}.profile-xp small{opacity:.6}.profile-tabs{gap:6px;margin-bottom:14px;display:flex}.profile-tabs .chip.active{border-color:var(--gold,#ffc94a);color:var(--gold,#ffc94a)}.profile-body{scrollbar-width:thin;height:min(52vh,440px);margin:0 -6px;padding:6px;overflow:hidden auto}.profile-panel>.robot-canvas{display:none}.robot-layout{grid-template-columns:1fr 300px;gap:16px;height:100%;display:grid}.robot-grid{grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;display:grid}.robot-stage{background:radial-gradient(at 50% 75%,#ffdca029,#0000 70%);border:1px solid #ffecc814;border-radius:12px;min-height:0;position:relative;overflow:hidden}.robot-stage .robot-canvas{width:100%;height:100%;display:block}.stage-info{text-align:center;pointer-events:none;gap:2px;display:grid;position:absolute;bottom:12px;left:14px;right:14px}.stage-info b{letter-spacing:.08em;text-transform:uppercase;font-size:15px}.stage-info small{opacity:.65;font-size:12px}.robot-card,.part{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0e0c0a8c;border:1px solid #ffecc81f;border-radius:8px;gap:4px;padding:12px;transition:border-color .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.robot-card:hover,.part:hover{border-color:#ffecc859;transform:translateY(-2px)}.robot-card.active,.part.active{border-color:var(--gold,#ffc94a);box-shadow:0 0 0 1px var(--gold,#ffc94a)}.robot-card.locked,.part.locked{cursor:default;opacity:.45}.robot-card.locked:hover,.part.locked:hover{transform:none}.robot-card{grid-template-columns:6px 1fr auto;align-items:center;gap:12px;padding:14px 14px 14px 12px}.robot-card i{border-radius:3px;width:6px;height:26px}.robot-card.active small{color:var(--gold,#ffc94a);opacity:1}.lock{vertical-align:-1px;fill:currentColor;width:11px;height:11px;margin-right:2px}.robot-card small,.part small{opacity:.7;white-space:nowrap;font-size:12px}.robot-card small{letter-spacing:.1em;text-transform:uppercase;font-size:11px}.profile-body h3{letter-spacing:.18em;opacity:.6;text-transform:uppercase;margin:14px 0 8px;font-size:12px}.part-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.part{text-align:center;justify-items:center;padding:10px 6px}.part .swatch{border-radius:5px;width:100%;height:34px}.part>svg{fill:currentColor;width:30px;height:30px}.part small{text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.title-face{letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:800}.profile-table{border-collapse:collapse;width:100%;font-size:13.5px}.profile-table th{letter-spacing:.12em;opacity:.6;text-align:left;text-transform:uppercase;border-bottom:1px solid #ffffff24;padding:6px 8px;font-size:11px;font-weight:700}.profile-table td{border-bottom:1px solid #ffffff0f;padding:8px}.profile-body .dim{opacity:.55;font-size:12.5px}.medal{letter-spacing:.08em;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.medal.gold{color:#2a1d0e;background:#ffc94a}.medal.silver{color:#222;background:#d4dbe3}.medal.bronze{color:#2a1d0e;background:#c98a55}.history{gap:4px;margin:0;padding:0;list-style:none;display:grid}.history li{background:#ffffff08;border-left:3px solid #fff3;border-radius:4px;grid-template-columns:54px 1fr 90px 60px 80px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:grid}.history li.dim{display:block}.history li.win{border-left-color:#6fdc8c}.history li.loss{border-left-color:#e0604e}.history li small{opacity:.55;text-align:right}.backup-actions{gap:10px;margin:14px 0;display:flex}.backup-actions .menu-button{width:auto}@media (max-width:860px){.profile-body{height:auto;max-height:60vh}.robot-layout{grid-template-columns:1fr}.robot-stage{height:260px}.part-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1200px) and (min-height:760px){.main-menu.mm{grid-template-columns:clamp(340px,25vw,460px) 1fr}.lobby-card{padding:clamp(13px,.95vw,18px) 18px clamp(13px,.95vw,18px) 20px}.lobby-card small{font-size:clamp(10.5px,.75vw,12.5px)}.lobby-card b{font-size:clamp(19px,1.5vw,26px)}.lobby-card span{font-size:clamp(12.5px,.95vw,15px)}.lobby-card i{padding:6px 12px;font-size:clamp(10.5px,.75vw,12px)}.map-pick{padding-top:0;padding-left:0;padding-right:0}.map-pick img{height:clamp(112px,7.5vw,150px);margin-bottom:12px}.map-pick i{margin-right:18px}.map-pick small,.map-pick b,.map-pick span{padding-left:20px}.mm-lobby h3{font-size:clamp(11px,.8vw,13px)}.mm-lobby .seg-button{padding-top:clamp(8px,.7vw,12px);padding-bottom:clamp(8px,.7vw,12px);font-size:clamp(13px,.95vw,15.5px)}.mm .play-button{padding:clamp(16px,1.3vw,24px) 18px clamp(13px,1.05vw,20px)}.mm .play-button .play-main{font-size:clamp(22px,1.75vw,30px)}.mm .play-button .play-sub{font-size:clamp(12px,.85vw,14px)}}.hit-marker.kill.head{--tick:#ffc933}.brawl-banner{color:#f4f6f8;letter-spacing:.2em;text-shadow:0 1px 10px #000000a6;white-space:nowrap;padding-bottom:8px;font-size:22px;font-weight:700}.brawl-banner:after{content:"";background:linear-gradient(90deg, transparent, var(--streak,#fff) 50%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.brawl-banner.pop:after{animation:.55s cubic-bezier(.2,.7,.2,1) 50ms forwards banner-line}@keyframes banner-line{to{transform:scaleX(1)}}.brawl-banner[data-tier="3"]{--streak:#ffd27a;font-size:25px}.brawl-banner[data-tier="4"]{--streak:#ffb347;color:#fff4e0;font-size:28px}.brawl-banner[data-tier="5"]{--streak:#ff9440;color:#fff0d6;font-size:28px}.streak-bar{top:var(--combat-streak-top,94px);color:#f4f6f8;opacity:0;pointer-events:none;justify-items:center;gap:3px;width:150px;margin-left:-75px;transition:opacity .16s ease-out,transform .16s ease-out;display:grid;position:absolute;left:50%;transform:translateY(-4px)}.streak-bar.on{opacity:1;transform:none}.streak-bar b{letter-spacing:.26em;text-transform:uppercase;opacity:.75;text-shadow:0 1px 4px #000000b3;font-size:9px;font-weight:700}.streak-bar>i{background:#ffffff29;border-radius:2px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.streak-bar>i>i{transform-origin:50%;background:#f4f6f8;position:absolute;inset:0}.streak-bar[data-tier="3"]>i>i{background:#ffd27a}.streak-bar[data-tier="4"]>i>i,.streak-bar[data-tier="5"]>i>i,.streak-bar[data-tier="6"]>i>i{background:#ffb347}.streak-bar.flare>i{animation:.5s ease-out streak-flare}@keyframes streak-flare{0%{box-shadow:0 0 14px 3px #ffd27ae6}to{box-shadow:0 0 #ffd27a00}}.clip-start{color:#fff;font:inherit;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e12d1;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:12px;padding:14px 22px;font-size:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-start[hidden]{display:none}.clip-start i{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fff;width:0;height:0}.clip-start:hover{background:#1e262eeb}.sound-test{color:#eef1f4;background:#0d1014;padding:40px;position:absolute;inset:0;overflow:auto}.sound-test h3{opacity:.7;margin:24px 0 8px}.sound-test div{flex-wrap:wrap;gap:8px;display:flex}.hud-hp.heal .hud-hp-fill{animation:.7s ease-out heal-pulse}.hud-hp.heal .hud-hp-value{animation:.7s ease-out heal-value}@keyframes heal-pulse{0%{filter:brightness(1.5);box-shadow:0 0 14px 3px #78ffaad9}to{filter:brightness();box-shadow:0 0 #78ffaa00}}@keyframes heal-value{0%{color:#9dffc0}}:root[data-look] .main-menu.mm{color:#f4e6cf;background:0 0;grid-template-columns:minmax(300px,390px) 1fr}.mm .mm-shade{background:linear-gradient(90deg,#120e0be0,#120e0b57 38%,#0000 68%),linear-gradient(#0000 66%,#120e0bdb)}.mm .mm-top{border-color:var(--panel-line);background:#19130fde;gap:28px;padding:14px 30px}.mm .mm-brand b{color:var(--text);letter-spacing:.18em;background:0 0;font-size:25px}.mm .mm-brand small{color:var(--ui-muted);opacity:1;font-size:11px}.mm .mm-nav{gap:4px}.mm .mm-tab{letter-spacing:.04em;text-transform:none;opacity:1;color:var(--ui-muted);border-radius:7px;padding:10px 12px;font-size:12px;font-weight:600}.mm .mm-tab:hover{color:var(--text);background:#f5e2c70f}.mm .mm-tab.active{color:var(--gold);background:#e6bc781a}.mm .mm-tab.active:after{display:none}.mm .mm-profile{border:1px solid var(--panel-line);background:#2b221b;border-radius:10px;padding:7px 10px}.mm .mm-name{letter-spacing:0;font-family:inherit;font-size:12px;font-weight:600}.mm .mm-lobby{box-sizing:border-box;gap:14px;min-width:0;padding:28px 14px 24px 30px}.mm .lobby-fight{gap:14px}.mm .lobby-card{border-color:var(--panel-line);background:#211a15f2;border-radius:12px;padding:16px 18px}.mm .lobby-card:hover{box-shadow:none;background:#34291f;border-color:#ecd6b64d;transform:translateY(-1px)}.mm .lobby-card small{color:var(--ui-muted);opacity:1;letter-spacing:.13em;font-size:10px}.mm .lobby-card b{letter-spacing:-.02em;text-transform:none;margin-block:3px;font-size:21px;font-weight:650}.mm .lobby-card span{color:#c9b9a4;opacity:1;font-size:12px}.mm .lobby-card i{border-color:var(--panel-line);color:var(--ui-muted);letter-spacing:.06em;border-radius:6px;padding:6px 8px;font-size:9px}.mm .mode-pick:before{background:var(--mode,var(--gold));border-radius:3px;width:3px;top:16px;bottom:16px}.mm .map-pick{padding:0 0 16px}.mm .map-pick img{object-fit:cover;border-radius:11px 11px 0 0;height:132px;margin-bottom:13px}.mm .mm-lobby h3{letter-spacing:.13em;opacity:1;color:var(--ui-muted);font-size:10px}.mm .bot-levels{gap:6px}.mm .seg-button{padding:10px 8px;font-size:12px}.mm .play-button{border-radius:10px;min-height:78px;padding:17px 18px}.mm .play-main{letter-spacing:.04em;font-size:22px;font-weight:700}.mm .play-sub{letter-spacing:0;font-family:inherit;font-size:11px}.mm .online-row{border-color:var(--panel-line);background:#211a15e6;border-radius:10px;padding:14px}.mm .online-row b{font-size:13px;font-weight:600}.mm .online-row small{color:var(--ui-muted)}.mm .arena-info{max-width:430px;margin-bottom:0;bottom:34px;right:34px}.mm .arena-name{letter-spacing:-.045em;text-transform:none;font-family:inherit;font-size:clamp(36px,4.5vw,64px);font-weight:650}.mm .arena-info p{color:#cfbea7;font-size:13px}.mm .mm-picker{background:#120e0bdb;padding:92px 30px 30px}.mm .picker-panel{border-radius:14px;padding:24px}.mm .picker-grid{gap:12px}.mm .arena-card{border:1px solid var(--panel-line);background:#2a211b;border-radius:10px;padding-bottom:13px}.mm .arena-card img{border-radius:9px 9px 0 0}.mm .arena-card b{font-family:inherit;font-size:14px;font-weight:600}.mm .arena-card small{letter-spacing:.035em;text-transform:none;color:var(--ui-muted);opacity:1;font-family:inherit;font-size:10px}.mm .arena-card:hover{box-shadow:none;transform:translateY(-2px)}.mm .arena-card.active{border-color:var(--gold);box-shadow:none;background:#3a2c1c}.mm .mode-card{border-color:var(--panel-line);box-shadow:none;background:#2a211b;border-radius:10px}.mm .mode-card b{letter-spacing:0;text-transform:none;font-family:inherit;font-weight:600}.mm .mode-card small{color:var(--ui-muted)}.mm .lobby-practice .menu-row{background:#211a15f2;border-radius:10px;padding:14px}.mm .new-badge{color:var(--gold);box-shadow:none;background:#e6bc7829}.mm .mode-pick,.mm .lobby-fight>*,.mm .lobby-practice>*{animation-duration:.22s;animation-delay:0s}@media (max-width:1100px){.mm .mm-top{gap:14px;padding-inline:20px}.mm .mm-brand small{display:none}.mm .mm-tab{padding-inline:9px}.mm .mm-lobby{padding:20px 14px 20px 20px}}@media (max-width:760px){.mm .mm-top{flex-wrap:wrap;gap:10px}.mm .mm-nav{flex-wrap:wrap;flex-basis:100%;order:3}.mm .mm-player{margin-left:auto}:root[data-look] .main-menu.mm{grid-template-columns:minmax(0,390px) 1fr}.mm .mm-lobby{padding-right:16px}}:root[data-look] .settings-panel{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:144px minmax(0,1fr);gap:20px 26px;width:min(940px,100%);height:min(760px,100dvh - 48px);padding:26px;display:grid;overflow:hidden}.settings-panel .set-header{grid-column:1/-1}.settings-panel .set-tabs{border:0;flex-direction:column;align-self:start;gap:6px;margin:0;display:flex}.settings-panel .set-tab{color:var(--ui-muted);opacity:1;text-align:left;border:1px solid #0000;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:500}.settings-panel .set-tab:hover{background:var(--ui-raised);color:var(--text)}.settings-panel .set-tab.active{color:var(--gold);background:#e6bc7817;border-color:#e6bc7838}.settings-panel .set-body{min-height:0;max-height:none;padding:0 12px 0 0;overflow-y:auto}.settings-panel .set-row{box-sizing:border-box;border-color:var(--panel-line);gap:12px;min-height:52px;padding:12px 2px}.settings-panel .set-label{color:var(--text);font-size:13px;line-height:1.4}.settings-panel .set-label small{color:var(--ui-muted);opacity:1;font-size:11px}.settings-panel .set-value{color:var(--gold);font-size:12px}.settings-panel .set-heading{color:var(--ui-muted);letter-spacing:.12em;margin-block:24px 6px;font-size:10px}.settings-panel .set-footer{border-top:1px solid var(--panel-line);grid-column:1/-1;margin:0;padding-top:16px}.settings-panel .set-note{color:var(--ui-muted);line-height:1.6}.settings-panel .set-switch{background:#54483c}.settings-panel .set-switch:checked{background:var(--gold)}.settings-panel .set-range{accent-color:var(--gold)}.settings-panel .set-credits{color:var(--ui-muted);font-size:10px}.settings-panel .ch-preview{border:1px solid var(--panel-line);background:radial-gradient(#514133,#261d16);border-radius:10px}.settings-panel .key-button{font-family:inherit;font-size:12px}.settings-panel .set-body .set-section-title{text-transform:none;color:var(--text);opacity:1;letter-spacing:-.02em;margin:2px 0 8px;font-size:18px;font-weight:600}.settings-panel .set-section-hint{color:var(--ui-muted);margin:0 0 12px;font-size:12px;line-height:1.5}@media (max-width:760px){:root[data-look] .settings-panel{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}.settings-panel .set-tabs{flex-flow:wrap}.settings-panel .set-tab{padding:9px 12px}.settings-panel .set-body{padding-right:6px}}:root[data-look] .online-panel.online-screen{z-index:25;min-width:0;box-shadow:none;text-align:left;background:#120e0bc7;border:0;border-radius:0;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow-y:auto;transform:none}:root[data-look] .online-panel.online-screen[hidden]{display:none}#app.online-blocked>:not(canvas):not(.online-panel):not(.vignette){visibility:hidden;pointer-events:none}body:has(>#boot) .online-screen{visibility:hidden}.online-screen *,.online-lobby-menu *{box-sizing:border-box}.online-screen .online-card{width:min(520px,100%);margin-block:auto;padding:30px}.online-screen .online-eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:22px;font-size:11px;font-weight:600;display:flex}.online-eyebrow i{background:var(--gold);border-radius:50%;width:7px;height:7px}.online-eyebrow span{color:var(--ui-muted);letter-spacing:.04em;margin-left:auto}.online-screen[data-state=disconnected] .online-eyebrow i,.online-screen[data-state=error] .online-eyebrow i,.online-screen[data-state=unreachable] .online-eyebrow i{background:#ef9982}.online-screen .online-title{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(24px,3vw,32px);line-height:1.2}.online-screen .online-status{color:var(--ui-muted);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.online-screen .online-room{border:1px solid var(--panel-line);text-align:center;background:#120e0b75;border-radius:10px;margin-top:24px;padding:20px}.online-screen .online-code-label{color:var(--ui-muted);font-size:10px;display:block}.online-screen .online-code{color:var(--gold);-webkit-user-select:text;user-select:text;letter-spacing:.12em;margin:10px 0 18px;font-size:clamp(30px,6vw,44px)}.online-copy-actions,.online-actions{gap:10px;display:flex}.online-copy-actions .menu-button{flex:1;padding:10px;font-size:12px}.online-screen .menu-button{text-align:center;border-radius:8px;justify-content:center;width:100%;min-width:0;font-family:inherit;text-decoration:none}.online-screen .online-back{margin:0}.online-screen .online-copy-note{color:var(--ui-muted);min-height:1.5em;margin-top:12px;font-size:11px;display:block}.online-screen .online-loadout{color:var(--ui-muted);margin-top:16px;font-size:12px;line-height:1.5}.online-screen .online-actions{margin-top:26px}.online-screen .online-actions .menu-button{flex:1;padding:12px;font-size:14px}.online-screen .menu-button.primary{background:var(--gold);color:var(--ink);border-color:#0000}.online-lobby-menu .online-lobby-panel{width:min(840px,100%);padding:28px}.online-lobby-intro{color:var(--ui-muted);margin:20px 0;font-size:14px;line-height:1.6}.online-lobby-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.online-choice{border:1px solid var(--panel-line);background:#120e0b6b;border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:22px;display:flex}.online-lobby-menu .online-choice h3{letter-spacing:-.025em;color:var(--text);opacity:1;text-transform:none;margin:0;font-size:23px}.online-choice p{color:var(--ui-muted);margin:0 0 6px;font-size:13px;line-height:1.6}.online-choice .menu-button{justify-content:center;margin-top:auto;font-size:14px}.online-selected-map{color:var(--gold);padding:12px 0;font-size:15px;font-weight:600}.online-choice .online-code-input{letter-spacing:.2em;-webkit-user-select:text;user-select:text;width:100%;padding:12px;font-size:24px}.online-choice .online-code-label,.online-choice small{color:var(--ui-muted);font-size:11px}.mm .online-entry{width:100%;color:inherit;text-align:left;cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.mm .online-entry .menu-row-text{gap:5px;display:grid}@media (max-width:700px){.online-lobby-grid{grid-template-columns:1fr}.online-lobby-menu .online-lobby-panel{padding:20px}.online-screen .online-card{padding:22px}}.menu-screen,.pause-overlay,.duel-flow,.online-panel{--gold:#e6bc78;--gold-deep:#cfa064;--ink:#1b1510;--text:#f4e6cf;--panel:#211a15;--panel-line:#ecd6b621;--ui-muted:#b4a491;--ui-raised:#2c241d;color:var(--text);font-variant-numeric:tabular-nums;font-family:Segoe UI,system-ui,sans-serif}:root[data-look] .menu-screen:not(.main-menu):not(.pause-overlay),:root[data-look] .pause-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#120e0bcc}.duel-flow:has(.flow-panel){-webkit-backdrop-filter:none;backdrop-filter:none;background:#120e0bcc}.duel-flow:has(.match-vote){-webkit-backdrop-filter:none;backdrop-filter:none;background:#120e0bcc}:root[data-look] .menu-panel,.mm .picker-panel,.duel-flow .flow-panel,.duel-flow .match-vote,.online-panel{box-sizing:border-box;border:1px solid var(--panel-line);color:var(--text);background:linear-gradient(145deg,#2b221b,#19130f);border-radius:16px;box-shadow:0 18px 56px #00000047}.menu-panel h2,.mm .picker-panel h2{letter-spacing:-.025em;text-transform:none;font-size:24px;font-weight:650}.menu-heading{gap:3px;display:grid}.menu-eyebrow{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:650}:root[data-look] .menu-panel h1{color:var(--text);filter:none;background:0 0}:root[data-look] .menu-button,.menu-screen :is(.chip,.seg-button,.key-button,.picker-close,.locker-gun-tabs button){border:1px solid var(--panel-line);color:var(--text);box-shadow:none;background:#f5e2c70a;border-radius:8px;font-family:inherit;transition:background-color .14s,border-color .14s,transform .14s}:root[data-look] .menu-button:hover,.menu-screen :is(.chip,.seg-button,.key-button,.picker-close,.locker-gun-tabs button):hover{background:#382c22;border-color:#ecd6b64d}:root[data-look] .menu-button.primary,.mm .play-button{background:var(--gold);color:var(--ink);box-shadow:none;border-color:#0000;animation:none}:root[data-look] .menu-button.primary:hover,.mm .play-button:hover{background:#f0ca91}.menu-screen :is(.chip.active,.seg-button.active,.locker-gun-tabs button.active){color:#f1d7ae;box-shadow:none;background:#e6bc781f;border-color:#e6bc788c}.menu-screen button:focus-visible,.duel-flow button:focus-visible,.menu-screen input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.menu-screen button:disabled{opacity:.45}.menu-screen :is(.set-back,.picker-close){min-height:36px}.menu-screen .set-header{border-bottom:1px solid var(--panel-line);padding-bottom:20px}.menu-screen .set-back{font-size:13px;font-weight:600}.menu-screen :is(.skin-card,.robot-card,.part,.clip-card){border-color:var(--panel-line);box-shadow:none;background-color:#f5e2c709;border-radius:10px}.menu-screen :is(.skin-card.previewed,.robot-card.active,.part.active){border-color:var(--gold);background-color:#e6bc7817;box-shadow:inset 0 0 0 1px #e6bc7826}.menu-screen .locker-panel{width:min(1080px,100%);padding:26px}.locker-menu .locker-body{gap:24px;margin-top:22px}.locker-menu .locker-preview{border:1px solid var(--panel-line);background:radial-gradient(at 50% 36%,#443425,#211a15 75%);border-radius:12px}.locker-menu .locker-gun-tabs{gap:6px;padding:12px}.locker-menu .locker-detail{border-top:1px solid var(--panel-line);padding:18px}.locker-menu .locker-grid{gap:10px}.locker-menu .locker-count{color:var(--ui-muted);font-size:13px;font-weight:400}.locker-menu .skin-card.animated{animation:none}.menu-screen .profile-panel{background:#211a15}.profile-menu .profile-tabs{gap:8px;padding-block:16px}.profile-menu :is(.robot-stage,.profile-name){border-color:var(--panel-line);background:#19130f}.menu-screen :is(.profile-table,.flow-table) th{color:var(--ui-muted)}.menu-screen :is(.profile-table,.flow-table) td{border-color:var(--panel-line)}.menu-screen .online-code-input{border-color:var(--panel-line);background:#19130f;border-radius:7px}.menu-screen .menu-row{border-color:var(--panel-line)}.duel-flow .flow-panel{max-height:calc(100dvh - 32px);padding:32px;overflow-y:auto}.duel-flow:has(.flow-panel:not(.result)){background:radial-gradient(at 50% 45%,#120e0b47,#120e0bd1)}.duel-flow .flow-panel:not(.result){width:min(760px,100% - 48px);box-shadow:none;text-shadow:0 2px 12px #120e0ba6;background:0 0;border:0;border-radius:0;padding:32px 24px}.duel-flow .flow-panel:not(.result) .flow-title{color:var(--gold)}body:has(>#boot) .duel-flow{visibility:hidden}.duel-flow .flow-title{color:var(--text);filter:none;letter-spacing:-.025em;text-transform:none;background:0 0;font-size:clamp(32px,4vw,48px)}.duel-flow .flow-title.flow-win{color:var(--gold)}.duel-flow .flow-title.flow-loss{color:#f28c85}.duel-flow .flow-kicker{color:var(--ui-muted);letter-spacing:.12em}.duel-flow .flow-score{letter-spacing:-.04em}.duel-flow .flow-stats{border-color:var(--panel-line)}.duel-flow .flow-actions{gap:10px}.duel-flow .menu-button{border-radius:9px;font-family:inherit}.duel-flow .menu-button.primary{background:var(--gold);color:var(--ink);box-shadow:none;border-color:#0000}.menu-screen .pause-level,.menu-screen .menu-link{color:var(--ui-muted)}.menu-screen .menu-link:hover{color:var(--text)}.duel-flow .vote-card{border-color:var(--panel-line);background:var(--ui-raised);box-shadow:none;border-radius:10px;font-family:inherit}.duel-flow .vote-card.chosen{border-color:var(--gold);background:#e6bc781a}.menu-screen .clips-hint{color:var(--ui-muted);opacity:1;margin-top:18px}.menu-screen .guide-nav{border-top:1px solid var(--panel-line);padding-top:18px}@media (prefers-reduced-motion:reduce){.menu-screen *,.duel-flow .flow-panel{transition:none!important;animation:none!important}}
