:root{--bg:#0b0d10;--plate:#171b21;--plate-2:#1f252d;--line:#2e3640;--fg:#e8ecf0;--dim:#8b95a2;--hazard:#f5b700;--hazard-ink:#1a1400;--danger:#e84a2f;--volt:#5fb8ff;--ok:#6ad15a;--display:"Impact", "Haettenschweiler", "Arial Narrow Bold", "Oswald", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.45 var(--body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--hazard);outline-offset:2px}h1,h2,h3{text-wrap:balance;margin:0}.screen{min-height:100%;padding-block:16px 32px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:radial-gradient(ellipse at 50% -20%, #1e2630 0%, transparent 60%), repeating-linear-gradient(45deg, transparent 0 22px, #0e1115 22px 23px), var(--bg)}.center-screen{place-items:center;display:grid}.btn{border:2px solid var(--line);background:var(--plate-2);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;border-radius:4px;padding:10px 16px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--dim)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--hazard);border-color:var(--hazard);color:var(--hazard-ink)}.btn.primary:hover:not(:disabled){background:#ffc81f;border-color:#ffc81f}.btn.ghost{color:var(--dim);background:0 0;border-color:#0000}.btn.on{border-color:var(--hazard);color:var(--hazard);background:0 0}.btn.small{padding:6px 10px;font-size:13px}.btn.big{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:baseline;padding:12px 20px;font-size:26px;font-weight:400;display:flex}.btn.big small{font-family:var(--mono);letter-spacing:0;opacity:.7;font-size:13px}.link.danger{color:var(--danger)}.link{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.panel{background:linear-gradient(180deg, var(--plate-2), var(--plate));border:1px solid var(--line);border-radius:6px;padding:16px;position:relative;box-shadow:inset 0 1px #ffffff0d}.panel.center{text-align:center;gap:10px;min-width:240px;display:grid}.topbar{align-items:center;gap:12px;max-width:1100px;margin:0 auto 16px;display:flex}.topbar .btn{white-space:nowrap}.topbar h1{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;flex:1;font-size:32px;font-weight:400}.coins{font-family:var(--mono);color:var(--hazard);font-variant-numeric:tabular-nums;background:#f5b7001a;border:1px solid #f5b70055;border-radius:4px;padding:4px 10px;font-weight:700}.warn{color:#ffb4a6;background:#e84a2f22;border:1px solid #e84a2f66;border-radius:4px;padding:8px 10px;font-size:13px}.warn.wide{max-width:1100px;margin:0 auto 12px}.menu{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.logo{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;font-size:clamp(64px,16vw,140px);line-height:.85;display:flex}.logo .accent{color:#0000;background:repeating-linear-gradient(-45deg, var(--hazard) 0 18px, #c48f00 18px 36px);-webkit-background-clip:text;background-clip:text}.logo-img{object-fit:contain;mix-blend-mode:screen;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(100%,700px);max-width:100%;height:auto;max-height:32vh;display:block}.tag{color:var(--dim);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:13px}.menu-buttons{gap:10px;width:min(340px,100%);display:grid}.menu-foot{color:var(--dim);font-family:var(--mono);flex-wrap:wrap;justify-content:center;gap:16px;font-size:13px;display:flex}.garage-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:16px;max-width:1100px;margin:0 auto;display:grid}.bay{top:env(safe-area-inset-top,0px);gap:12px;display:grid;position:sticky}.name-input{background:var(--bg);border:1px solid var(--line);color:var(--fg);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;width:100%;padding:6px 10px;font-size:24px}.preview{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(#ffffff08 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle,#232a33,#12161b);border-radius:4px;max-width:100%;overflow:hidden}.preview canvas{display:block}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0006;border-radius:50%;width:28px;height:28px}.swatch.on{outline:2px solid var(--fg);outline-offset:2px}.stats{gap:6px;display:grid}.stat{grid-template-columns:84px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.stat span{color:var(--dim)}.stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;min-width:64px}.stat .bar{background:var(--bg);border-radius:2px;height:8px;overflow:hidden}.stat .bar div{background:var(--hazard);transform-origin:0;height:100%;transition:transform .25s}.stat.danger .bar div{background:var(--danger)}.stat.danger b{color:var(--danger)}.parts{gap:12px;min-width:0;display:grid}.tabs{border-bottom:2px solid var(--line);gap:4px;display:flex;overflow-x:auto}.tabs button{color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:8px 14px;font-weight:700}.tabs button.on{color:var(--hazard);border-color:var(--hazard)}.slots{flex-wrap:wrap;gap:8px;display:flex}.slot{text-align:left;background:var(--bg);border:2px dashed var(--line);cursor:pointer;border-radius:4px;flex:120px;padding:8px 10px;font-weight:700;display:grid}.slot small{color:var(--dim);font-weight:400;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.slot em{color:var(--dim);font-weight:400}.slot.on{border-style:solid;border-color:var(--hazard)}.part-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;display:grid}.part{background:var(--bg);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:4px;padding:12px;display:flex}.part.eq{border-color:var(--hazard);box-shadow:inset 3px 0 0 var(--hazard)}.part.locked h3{color:var(--dim)}.part h3{font-size:16px}.part p{margin:0;font-size:13px}.part .meta{font-family:var(--mono);color:var(--dim);font-size:11.5px}.part .meta.dim{color:#6a7480}.part-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pips{gap:3px;display:flex}.pips i{background:var(--line);width:10px;height:6px;transform:skew(-20deg)}.pips i.on{background:var(--hazard)}.part-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.maxed{font-family:var(--mono);color:var(--hazard);letter-spacing:.08em;font-size:11px}.ladder{gap:10px;max-width:760px;margin:0 auto;display:grid}.foe{border-left:4px solid var(--foe);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.foe.locked{border-left-color:var(--line);opacity:.55}.foe.beaten .foe-num:after{content:"✓";color:var(--ok);margin-left:4px;font-size:18px}.foe-num{font-family:var(--display);color:var(--dim);font-size:40px;line-height:1}.foe h3{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:24px;font-weight:400}.foe .quote{color:var(--dim);margin:0;font-size:13px;font-style:italic}.foe .meta{font-family:var(--mono);color:var(--dim);margin:2px 0 0;font-size:11.5px}.result{text-align:center;gap:12px;width:min(420px,100%);display:grid}.result h1{font-family:var(--display);letter-spacing:.04em;font-size:64px;font-weight:400;line-height:1}.result.win h1{color:var(--hazard)}.result.lose h1{color:var(--danger)}.result p{margin:0}.result-list{text-align:left;gap:4px;margin:0;padding:0;list-style:none;display:grid}.result-list li{border-bottom:1px dashed var(--line);justify-content:space-between;padding:4px 0;display:flex}.result-list b{font-family:var(--mono);font-variant-numeric:tabular-nums}.gold{color:var(--hazard);font-weight:700}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.arena{background:var(--bg);-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{display:block}.hud{z-index:2;padding:calc(8px + env(safe-area-inset-top,0px)) max(64px, calc(env(safe-area-inset-right,0px) + 56px)) 0 max(12px, env(safe-area-inset-left,0px));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid;position:absolute;top:0;left:0;right:0}.hud-side{grid-column:1;gap:3px;display:grid}.hud-side.right{text-align:right;grid-column:3}.hud-side.right .bar div{transform-origin:100%}.hud-time{font-family:var(--display);text-align:center;border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#000a;border-radius:4px;grid-area:1/2;min-width:56px;padding:4px 8px;font-size:34px;line-height:1}.hud-name{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px #000;font-size:20px}.hud .bar{background:#000b;border:1px solid #fff2;border-radius:2px;max-width:340px;height:12px;overflow:hidden}.hud-side.right .bar{margin-left:auto}.hud .bar div{transform-origin:0;height:100%;transition:transform .12s}.hud .bar.hp div{background:linear-gradient(90deg, var(--danger), var(--hazard) 60%, var(--ok));background-size:340px 100%}.hud .bar.en{height:5px}.hud .bar.en div{background:var(--volt)}.pause-btn{z-index:3;top:calc(8px + env(safe-area-inset-top,0px));right:max(10px, calc(env(safe-area-inset-right,0px) + 10px));border:1px solid var(--line);cursor:pointer;background:#000a;border-radius:4px;width:40px;height:40px;font-weight:900;position:absolute}.banner{z-index:2;pointer-events:none;font-family:var(--display);letter-spacing:.06em;color:var(--hazard);text-shadow:0 6px #000,0 0 40px #f5b70066;place-items:center;font-size:clamp(56px,14vw,140px);display:grid;position:absolute;inset:0}.banner:empty{display:none}.overlay{z-index:5;background:#000b;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay h2{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:40px;font-weight:400}.weapon-strip{z-index:2;padding:0 max(12px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));pointer-events:none;flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.help{color:var(--dim);font-family:var(--mono);text-shadow:0 1px #000;margin-left:auto;font-size:12px}.wbtn{border:2px solid var(--line);background:#000b;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:700;display:grid;position:relative;overflow:hidden}.wbtn .key{font-family:var(--mono);color:var(--hazard);font-size:11px;font-weight:400}.wbtn .cd{transform-origin:bottom;pointer-events:none;background:#e84a2f55;position:absolute;inset:0;transform:scaleY(0)}.wbtn>span{position:relative}.wbtn.active{border-color:var(--hazard);box-shadow:0 0 16px #f5b70066}.touch{z-index:3;padding:0 max(20px, calc(env(safe-area-inset-right,0px) + 12px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px, calc(env(safe-area-inset-left,0px) + 12px));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.joy{pointer-events:auto;touch-action:none;background:#ffffff0f;border:2px solid #ffffff2a;border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.knob{pointer-events:none;background:#f5b700cc;border:3px solid #000;border-radius:50%;width:56px;height:56px}.tbtns{flex-wrap:wrap-reverse;justify-content:flex-end;align-items:flex-end;gap:12px;max-width:60%;display:flex}.wbtn.round{pointer-events:auto;touch-action:none;border-color:#f5b70088;border-radius:50%;place-items:center;width:76px;height:76px;font-size:12px}.wbtn.round:nth-child(2){width:92px;height:92px}.wbtn.boost{border-color:#5fb8ff88}.wbtn.boost .key{color:var(--volt)}.wbtn.boost.active{border-color:var(--volt);box-shadow:0 0 16px #5fb8ff88}.wbtn.boost.low{opacity:.5}.wbtn.round.boost{align-self:center;width:64px;height:64px}@media (max-width:760px){.garage-grid{grid-template-columns:minmax(0,1fr)}.bay{position:static}.preview{justify-self:center;width:auto;height:260px;max-height:260px}.foe{grid-template-columns:minmax(0,1fr)}.foe-num{display:none}.topbar h1{font-size:24px}.hud-name{font-size:15px}.hud-time{min-width:44px;font-size:24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.arena-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;max-width:1100px;margin:0 auto;display:grid}.arena-card{text-align:left;cursor:pointer;color:var(--fg);gap:10px;transition:border-color .15s,transform 80ms;display:grid}.arena-card:hover{border-color:var(--hazard)}.arena-card:active{transform:translateY(1px)}.arena-map{aspect-ratio:4/3;background:var(--bg);border-radius:4px;width:100%;max-width:100%;display:block}.arena-info{gap:2px;display:grid}.arena-info b{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:22px;font-weight:400}.arena-info small{color:var(--dim);font-size:13px}.arena-info small.dim{font-family:var(--mono);color:#6a7480;font-size:11.5px}.arena-card.random{align-content:start}.dice{aspect-ratio:4/3;background:repeating-linear-gradient(45deg, var(--bg) 0 14px, #12161b 14px 28px);font-family:var(--display);color:var(--hazard);border-radius:4px;place-items:center;font-size:72px;display:grid}.foe .arena-tag{color:var(--hazard);opacity:.8}.backup{gap:12px;max-width:640px;margin:0 auto;display:grid}.backup .panel{gap:10px;display:grid}.backup h2{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:24px;font-weight:400}.backup p{margin:0;font-size:14px}.backup .dim{color:var(--dim)}.backup textarea{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--line);font:12px/1.4 var(--mono);resize:vertical;word-break:break-all;border-radius:4px;padding:10px}.backup .ok{color:var(--ok);font-size:14px}.backup .err{color:#ffb4a6}.controls{gap:12px;max-width:640px;margin:0 auto;display:grid}.controls .intro{color:var(--dim);margin:0;font-size:14px}.ctl-group{gap:4px;display:grid}.ctl-group h2{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:22px;font-weight:400}.ctl-row{border-bottom:1px dashed var(--line);grid-template-columns:minmax(0,1fr) 96px 96px;align-items:center;gap:8px;padding:4px 0;display:grid}.ctl-row:last-child{border-bottom:0}.ctl-label{min-width:0;font-size:14px}.keycap{font:700 13px/1 var(--mono);cursor:pointer;text-align:center;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#2a313b,#1c2128);border:1px solid #3c4552;border-bottom-width:3px;border-radius:5px;padding:9px 6px;overflow:hidden}.keycap:hover{border-color:var(--dim)}.keycap.empty{color:var(--dim);font-weight:400}.keycap.listening{border-color:var(--hazard);color:var(--hazard);animation:.9s steps(2,start) infinite blink}@keyframes blink{50%{background:#f5b70022}}.notice{color:var(--ok);font-size:14px}@media (max-width:480px){.ctl-row{grid-template-columns:minmax(0,1fr) 76px 76px}}@media (prefers-reduced-motion:reduce){.keycap.listening{animation:none}}.menu-brand,.menu-actions{flex-direction:column;align-items:center;gap:18px;display:flex}.menu-actions{width:min(340px,100%)}.menu-actions .menu-buttons{width:100%}@media (orientation:landscape) and (max-height:600px){.menu{flex-direction:row;justify-content:center;align-items:center;gap:clamp(24px,6vw,64px);min-height:100%;padding-block:12px}.menu-brand{text-align:left;flex:1 1 0;align-items:flex-start;gap:10px;min-width:0;max-width:560px;container-type:inline-size}.menu-brand .logo-img{width:100%;max-height:82vh}.menu-actions{flex:none;gap:10px;width:min(300px,44vw)}.menu-buttons{gap:8px}.btn.big{padding:9px 16px;font-size:20px}.menu-foot{gap:6px 12px;font-size:12px}}@media (orientation:landscape) and (max-height:340px){.menu{padding-block:8px}.menu-actions,.menu-buttons{gap:6px}.btn.big{padding:7px 14px;font-size:17px}.menu-brand .tag{font-size:11px}}.section-title{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin-top:8px;font-size:26px;font-weight:400}.opt-row{border-bottom:1px dashed var(--line);grid-template-columns:84px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:grid}.opt-row input[type=range]{width:100%;accent-color:var(--hazard)}.opt-value{font-family:var(--mono);text-align:right;color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px}.toggle-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.toggle-row:last-child{border-bottom:0}.toggle-label{cursor:pointer;gap:2px;min-width:0;font-size:14px;display:grid}.toggle-label small{color:var(--dim);font-size:12.5px;line-height:1.4}.switch{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:14px;flex:none;width:50px;height:28px;transition:background .15s,border-color .15s;position:relative}.switch i{background:var(--dim);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch.on{border-color:var(--hazard);background:#f5b70033}.switch.on i{background:var(--hazard);transform:translate(22px)}.btn.big small.beta-tag{color:var(--volt);text-transform:uppercase;letter-spacing:.08em;opacity:1;font-size:11px}.beta{font-family:var(--mono);color:var(--volt);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border:1px solid var(--volt);border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px}.brain,.setup{gap:14px;max-width:980px;margin:0 auto;display:grid}.brain .intro{max-width:72ch;margin:0}.brain-top{gap:10px;display:grid}.brain-pick{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brain-name{flex:200px;width:auto;min-width:0}.sel{background:var(--bg);color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:4px;max-width:100%;padding:6px 8px;font-size:13px}.sel.mini{padding:4px 6px;font-size:12.5px}.row.left{justify-content:flex-start;align-items:center}.mono{font-family:var(--mono);font-size:12px}.rules{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rb{background:var(--plate);border:1px solid var(--line);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:8px;display:grid}.rb.off{opacity:.5}.rb-side,.rb-end{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.rb-n{font-family:var(--display);color:var(--dim);font-size:22px;line-height:1}.ico{background:var(--plate-2);border:1px solid var(--line);color:var(--fg);cursor:pointer;border-radius:4px;width:28px;height:28px;line-height:1}.ico:disabled{opacity:.3;cursor:default}.ico.danger:hover{border-color:var(--danger)}.rb-body{gap:6px;min-width:0;display:grid}.blk{border-radius:4px;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:8px;padding:6px 8px;display:grid}.blk.cond{border-left:4px solid var(--volt);background:#5fb8ff14}.blk.then{border-left:4px solid var(--hazard);background:#f5b70012}.kw{font-family:var(--display);letter-spacing:.06em;padding-top:4px;font-size:15px}.blk.cond .kw{color:var(--volt)}.blk.then .kw{color:var(--hazard)}.chips{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.always{color:var(--dim);padding:4px 2px;font-size:13px}.chip{border-radius:16px;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;padding:3px 4px 3px 8px;display:inline-flex}.chip.c{background:#5fb8ff22;border:1px solid #5fb8ff66}.chip.a.move{background:#f5b70022;border:1px solid #f5b70077}.chip.a.attack{background:#e84a2f22;border:1px solid #e84a2f77}.chip.a.turbo{background:#6ad15a22;border:1px solid #6ad15a77}.chip .and{font-family:var(--mono);color:var(--volt);text-transform:uppercase;font-size:11px}.chip .x{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:18px;line-height:1}.chip .x:hover{color:var(--danger)}.add{border:1px dashed var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:16px;padding:4px 10px;font-size:12.5px}.add:hover:not(:disabled){color:var(--fg);border-color:var(--dim)}.add:disabled{opacity:.35;cursor:default}.num{align-items:center;gap:3px;display:inline-flex}.num input{background:var(--bg);width:64px;color:var(--fg);border:1px solid var(--line);font:inherit;font-size:12.5px;font-family:var(--mono);border-radius:4px;padding:4px 6px}.num small{color:var(--dim);font-size:11px}.brain-share textarea.code,.code{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--line);font-family:var(--mono);border-radius:4px;margin-top:8px;padding:8px;font-size:12px}.setup{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.setup .panel{gap:8px;display:grid}.setup .grp{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 0;font-size:13px}.setup .grp small{text-transform:none;letter-spacing:0}.opts{gap:6px;display:grid}.opt{text-align:left;background:var(--plate-2);border:2px solid var(--line);color:var(--fg);cursor:pointer;font:inherit;border-radius:4px;gap:1px;padding:8px 10px;display:grid}.opt small{color:var(--dim);font-size:12px}.opt.on{border-color:var(--hazard)}.small{font-size:12.5px}.duel-bar{z-index:4;padding:8px max(8px, env(safe-area-inset-right,0px)) max(8px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));background:linear-gradient(#0000,#000c);flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.duel-bar .btn{background:#000a}.trace{z-index:3;left:max(8px, env(safe-area-inset-left,0px));border:1px solid var(--line);background:#0a0c10dd;border-radius:6px;align-content:start;gap:6px;width:min(280px,46vw);padding:8px;display:grid;position:absolute;top:96px;bottom:64px;overflow:auto}.trace h3{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;font-size:18px;font-weight:400}.trace-move{color:var(--dim);margin:0;font-size:12.5px}.trace-move b{color:var(--hazard)}.trace ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.trace li{border-left:3px solid var(--line);border-radius:4px;grid-template-columns:20px minmax(0,1fr);gap:6px;padding:4px 6px;font-size:12px;display:grid}.trace li.hit{border-left-color:var(--hazard);background:#f5b7001f}.trace li.off{opacity:.4}.t-n{font-family:var(--mono);color:var(--dim)}.t-txt{min-width:0;display:grid}.t-txt small{color:var(--dim);font-size:11px}@media (max-width:700px),(max-height:520px){.trace{width:min(220px,52vw);font-size:11px;top:80px}.blk,.rb{grid-template-columns:minmax(0,1fr)}.rb-side,.rb-end{flex-direction:row;justify-content:flex-start}}.duel .hud-name{text-overflow:ellipsis;white-space:nowrap;max-width:36vw;overflow:hidden}@media (min-height:601px) and (max-height:780px) and (min-aspect-ratio:1){.menu,.menu-brand,.menu-actions{gap:12px}.menu-buttons{gap:8px}.btn.big{padding:9px 18px;font-size:22px}}