@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(./russo-one-latin-400-normal-BfOuQF9V.woff2)format("woff2"),url(./russo-one-latin-400-normal-CosRecV9.woff)format("woff")}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./saira-condensed-latin-500-normal-DIdKjHXc.woff2)format("woff2"),url(./saira-condensed-latin-500-normal-BGC7F_dX.woff)format("woff")}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./saira-condensed-latin-700-normal-BpDqMSKw.woff2)format("woff2"),url(./saira-condensed-latin-700-normal-Br1WwvhS.woff)format("woff")}:root{--bg:#08080f;--panel:#14152a;--panel-2:#1c1e3a;--panel-3:#272a4f;--line:#34386a;--ink:#11101c;--text:#eef1ff;--muted:#9ba3cf;--cyan:#4de3ff;--orange:#ff9d2e;--magenta:#ff4fb8;--violet:#9d6bff;--gold:#ffd24d;--red:#ff4d5e;--green:#7dffb0;--display:"Russo One", "Arial Black", Impact, sans-serif;--body:"Saira Condensed", "Arial Narrow", "Segoe UI", sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--touch:1;--gx:0px;--gy:0px;--gw:100vw;--gh:100vh;--u:1px;--flash:.5}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-tap-highlight-color:transparent;margin:0;font-size:clamp(14px,1.7vmin + 7px,19px);font-weight:500}body{overscroll-behavior:none;overflow:hidden}#app{background:radial-gradient(120% 90% at 50% 0%, #17172c, var(--bg) 70%);-webkit-user-select:none;user-select:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#game{left:var(--gx);top:var(--gy);position:absolute}#game canvas{display:block}#app.playing{touch-action:none}#flash{z-index:3;pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}#flash.white{background:#fff;animation:.4s ease-out forwards flash-white}@keyframes flash-white{0%{opacity:var(--flash)}to{opacity:0}}#ui{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui button,#ui input,#ui a,#ui .overlay.on,#ui .tbtn,#ui .touch-area,#ui .update{pointer-events:auto}.icon{vertical-align:-.25em;flex:none;width:1.3em;height:1.3em}h2,h3,h4{font-family:var(--display);letter-spacing:.04em;margin:0;font-weight:400}h4{color:var(--cyan);text-transform:uppercase;margin:1.1em 0 .5em;font-size:.9rem}p{margin:.5em 0;line-height:1.35}a{color:var(--cyan)}.muted{color:var(--muted)}.center{text-align:center}.cost{color:var(--gold);font-family:var(--display)}.btn{font:inherit;font-family:var(--display);letter-spacing:.05em;color:var(--text);background:linear-gradient(180deg, var(--panel-3), var(--panel-2));border:2px solid var(--line);cursor:pointer;text-transform:uppercase;border-radius:.35em;justify-content:center;align-items:center;gap:.5em;min-height:2.6em;padding:.55em 1.1em;transition:transform 80ms,border-color .12s,filter .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--cyan);filter:brightness(1.15);outline:none}.btn:focus-visible{border-color:var(--cyan);filter:brightness(1.15);outline:none}.btn:active:not(:disabled){transform:translateY(2px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#1c0f04;text-shadow:0 1px #ffffff59;background:linear-gradient(#ffb84a,#ff7a1a);border-color:#ffd9a0;box-shadow:0 .25em #9c3d00,0 0 1.2em #ff8c2859}.btn.primary:active:not(:disabled){box-shadow:0 .1em #9c3d00}.btn.gold{color:#2a1c00;background:linear-gradient(#ffe48a,#e0a521);border-color:#fff3c4}.btn.danger{background:linear-gradient(#ff6b78,#c4283a);border-color:#ffb3ba}.btn.ghost{background:0 0}.btn.big{padding:.6em 1.8em;font-size:1.25rem}.btn.small{min-height:2.2em;padding:.35em .8em;font-size:.8rem}.btn.toggle.on{border-color:var(--green);color:var(--green)}.seg{border:2px solid var(--line);border-radius:.35em;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--muted);background:var(--panel-2);cursor:pointer;border:0;min-height:2.2em;padding:.4em .9em;font-weight:700}.seg button.on{background:var(--cyan);color:#04202a}input[type=range]{width:min(14em,46vw);accent-color:var(--orange);height:1.6em}.overlay{padding:calc(.6em + var(--sat)) calc(.6em + var(--sar)) calc(.6em + var(--sab)) calc(.6em + var(--sal));z-index:10;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.on{display:flex}.overlay.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06060ed1}.overlay.solid{background:radial-gradient(90% 80% at 50% 30%, #23234a, var(--bg) 75%)}.overlay.menu{background:linear-gradient(90deg,#080812f0 0%,#080812cc 34%,#08081226 62%,#08081259 100%);justify-content:stretch;align-items:stretch}.panel{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:2px solid var(--line);border-radius:.6em;flex-direction:column;width:min(100%,34em);max-height:100%;display:flex;overflow:hidden;box-shadow:0 1em 3em #0009,inset 0 1px #ffffff0f}.panel.narrow{width:min(100%,24em)}.panel.mid{width:min(100%,42em)}.panel.wide{width:min(100%,62em)}.panel>header{border-bottom:2px solid var(--line);background:linear-gradient(90deg,#4de3ff29,#0000 70%);align-items:center;gap:.8em;padding:.7em 1em;display:flex}.panel>header h2{text-transform:uppercase;flex:1;font-size:1.25rem}.panel>.body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.8em 1em;overflow-y:auto}.panel>footer{border-top:2px solid var(--line);background:#0003;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6em;padding:.7em 1em;display:flex}.credits{font-family:var(--display);color:var(--gold);white-space:nowrap;background:#00000059;border:1px solid #ffd24d66;border-radius:2em;align-items:center;gap:.35em;padding:.15em .7em;display:inline-flex}.credits .icon{width:1em;height:1em}.logo{font-family:var(--display);filter:drop-shadow(0 .25em #00000080);line-height:.92;animation:.6s cubic-bezier(.2,1.4,.4,1) both logo-in;transform:skew(-8deg)rotate(-2deg)}.logo .l1{-webkit-text-stroke:.045em var(--ink);paint-order:stroke fill;gap:.18em;font-size:clamp(2.4rem,9vmin,4.6rem);display:flex}.logo .l1 span:first-child{color:var(--cyan);text-shadow:0 .06em #1570a0}.logo .l1 span:last-child{color:var(--orange);text-shadow:0 .06em #b3400a;animation:3.2s ease-in-out infinite logo-punch}.logo .l2{letter-spacing:.42em;color:var(--ink);background:var(--gold);margin-top:.3em;padding:.15em .6em .1em .9em;font-size:clamp(.8rem,2.6vmin,1.3rem);display:inline-block}@keyframes logo-in{0%{opacity:0;transform:skew(-8deg)rotate(-2deg)scale(.6)}}@keyframes logo-punch{0%,86%,to{transform:translate(0)}90%{transform:translate(-.12em)}93%{transform:translate(.16em)scale(1.06)}}.loading{text-align:center;flex-direction:column;align-items:center;gap:1.2em;display:flex}.loading .bar{border:2px solid var(--line);background:#0b0b18;border-radius:1em;width:min(22em,70vw);height:.9em;overflow:hidden}.loading .bar i{background:repeating-linear-gradient(-45deg, var(--orange) 0 .6em, #ffbf5e .6em 1.2em);width:0;height:100%;transition:width .15s;display:block}.loading .foot{min-height:3.4em}.main-menu{justify-content:space-between;align-items:stretch;gap:1em;width:100%;min-height:0;display:flex}.main-menu .col{flex-direction:column;gap:.7em;width:min(100%,23em);min-height:0;padding:.6em .4em .2em 1em;display:flex}.wallet{align-items:center;gap:.8em;display:flex}.menu-list{overscroll-behavior:contain;flex-direction:column;gap:.28em;min-height:0;padding:.2em .6em .6em 0;display:flex;overflow-y:auto}.menu-item{text-align:left;white-space:nowrap;border-left-width:6px;justify-content:space-between;min-height:2.05em;padding:.2em 1em;font-size:.92rem;transform:skew(-6deg)}.menu-item b{font-weight:400}.menu-item small{font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--muted);text-align:right;font-size:.8em;font-weight:500}.menu-item.primary{min-height:2.6em;font-size:1.3rem}.menu-item.primary small{color:#4a2400}.menu-item.gold small{color:#4a3600}.menu-list.pause .menu-item{justify-content:center}.showcase{flex-direction:column;align-self:flex-end;align-items:center;gap:.4em;padding:0 1.2em .6em 0;display:flex}.showcase .who{font-family:var(--display);text-shadow:0 2px 0 var(--ink);flex-direction:column;align-items:center;font-size:1.5rem;display:flex}.showcase .who small{font-family:var(--body);color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem}.robot-preview{filter:drop-shadow(0 .4em .6em #00000080);display:block}.robot-preview.locked{filter:brightness(.25)saturate(.2)}.strip h4{margin-top:.6em}.cards{scrollbar-width:thin;gap:.5em;padding:.2em .1em .5em;display:flex;overflow-x:auto}.card{font:inherit;color:var(--text);background:linear-gradient(180deg, var(--panel-3), var(--panel));border:2px solid var(--line);cursor:pointer;border-radius:.45em;flex-direction:column;flex:none;align-items:center;gap:.15em;min-width:5.4em;padding:.3em .4em .35em;display:flex;position:relative}.card:hover{border-color:var(--cyan);outline:none}.card:focus-visible{border-color:var(--cyan);outline:none}.card.sel{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange), 0 0 1em #ff9d2e80;background:linear-gradient(180deg, #4a3a2a, var(--panel))}.card .nm{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;font-size:.72rem}.card .lock,.card .tag{color:var(--gold);align-items:center;gap:.2em;font-size:.72rem;font-weight:700;display:inline-flex}.card .lock .icon{width:1em;height:1em}.card.locked .robot-preview{filter:brightness(.25)saturate(.2)}.card.random .q{font-family:var(--display);height:84px;color:var(--cyan);font-size:2.6rem;line-height:84px}.card.arena{padding:.25em}.card.arena canvas{border-radius:.3em;display:block}.card.arena.random .q{text-align:center;width:168px;height:76px;line-height:76px}.card.arena.locked canvas{filter:brightness(.4)saturate(.4)}.card.cup{text-align:left;align-items:flex-start;gap:.3em;min-width:12em;padding:.6em .8em}.card.cup b{font-family:var(--display);font-size:1.1rem;font-weight:400}.card.cup.bronze b{color:#e09a5c}.card.cup.silver b{color:#d5dcec}.card.cup.gold b{color:var(--gold)}.card.cup.locked{opacity:.5;cursor:not-allowed}.blurb{margin-top:0}.detail{border:1px solid var(--line);background:#00000040;border-radius:.5em;align-items:center;gap:1em;margin:.3em 0 .6em;padding:.5em .9em;display:flex}.detail .pv{background:radial-gradient(60% 50% at 50% 70%,#4de3ff38,#0000 70%);flex:none}.detail .info{flex:1;min-width:0}.detail h3{flex-wrap:wrap;align-items:baseline;gap:.5em;font-size:1.5rem;display:flex}.detail h3 small{font-family:var(--body);color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700}.stats{grid-template-columns:repeat(auto-fit,minmax(13em,1fr));gap:.15em 1.2em;margin:.4em 0;display:grid}.stat{align-items:center;gap:.5em;display:flex}.stat span{width:4.4em;color:var(--muted);text-transform:uppercase;font-size:.85rem;font-weight:700}.stat b{text-align:right;width:1.4em;font-family:var(--display);font-size:.85rem;font-weight:400}.stat.up b{color:var(--green)}.stat.down b{color:var(--red)}.pips10{flex:1;gap:2px;display:flex}.pips10 i{border:1px solid var(--line);background:#0c0c1a;flex:1;height:.6em;transform:skew(-18deg)}.pips10 i.on{background:linear-gradient(180deg, #8ff0ff, var(--cyan));border-color:#c9f8ff}.kv{gap:.6em;font-size:.9rem;display:flex}.kv span{color:var(--muted);min-width:5.5em}.kv b{font-weight:700}.row-btns{flex-wrap:wrap;gap:.5em;margin-top:.5em;display:flex}.opts{flex-wrap:wrap;gap:.6em 1.6em;margin-top:.4em;display:flex}.opts label,.set{align-items:center;gap:.7em;display:flex}.opts label>span{color:var(--muted);text-transform:uppercase;font-size:.85rem;font-weight:700}.set{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:.3em 0}.set>span{flex-direction:column;font-weight:700;display:flex}.set small{color:var(--muted);font-size:.8em;font-weight:500}.keys{gap:.25em;display:grid}.key-row{grid-template-columns:1fr 6.5em 6.5em;align-items:center;gap:.4em;display:grid}.key-row .btn.key{font-family:var(--body);text-transform:none;font-weight:700}.tabs{flex-wrap:wrap;gap:.4em;margin:.2em 0 .6em;display:flex}.tab.on{border-color:var(--orange);color:var(--orange)}.equip-list{grid-template-columns:repeat(auto-fill,minmax(13.5em,1fr));gap:.5em;display:grid}.equip{font:inherit;color:var(--text);text-align:left;background:var(--panel);border:2px solid var(--line);cursor:pointer;border-radius:.4em;flex-direction:column;gap:.1em;padding:.45em .7em;display:flex}.equip:hover:not(:disabled){border-color:var(--cyan)}.equip:disabled{opacity:.5;cursor:not-allowed}.equip.on{border-color:var(--green);background:linear-gradient(180deg, #7dffb024, var(--panel))}.equip b{font-family:var(--display);font-size:.9rem;font-weight:400}.equip .pro{color:var(--green);font-size:.85rem}.equip .con{color:#ff9aa4;font-size:.85rem}.equip .state{color:var(--gold);align-self:flex-end;font-size:.8rem;font-weight:700}.equip.on .state{color:var(--green)}.card.skin{min-width:8.5em}.arena-shop{gap:.6em;display:grid}.arena-row{border:1px solid var(--line);background:#00000040;border-radius:.5em;align-items:center;gap:.9em;padding:.4em;display:flex}.arena-row>div{flex:1;min-width:0}.arena-row b{font-family:var(--display);font-weight:400}.arena-row canvas{border-radius:.3em;flex:none}.arena-row.locked canvas{filter:brightness(.5)saturate(.5)}.tag{color:var(--green);font-size:.8rem;font-weight:700}.controls-list{gap:.25em;display:grid}.controls-list>div{border-bottom:1px solid #ffffff0f;grid-template-columns:9.5em 1fr;gap:.8em;padding:.25em 0;display:grid}.controls-list b{color:var(--cyan);font-weight:700}.ach-list{grid-template-columns:repeat(auto-fill,minmax(17em,1fr));gap:.4em;display:grid}.ach{border:1px solid var(--line);opacity:.65;background:#00000040;border-radius:.4em;align-items:center;gap:.6em;padding:.4em .6em;display:flex}.ach.done{opacity:1;border-color:var(--gold);background:linear-gradient(90deg,#ffd24d29,#0000)}.ach i{color:var(--muted)}.ach.done i{color:var(--gold)}.ach>div{flex-direction:column;flex:1;display:flex}.ach small{color:var(--muted)}.record{grid-template-columns:repeat(auto-fill,minmax(11em,1fr));gap:.2em 1.2em;display:grid}.record.wide{grid-template-columns:1fr}.record>div{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:.8em;padding:.15em 0;display:flex}.record span{color:var(--muted)}table.moves{border-collapse:collapse;width:100%;font-size:.92rem}.moves th{text-align:left;color:var(--muted);text-transform:uppercase;border-bottom:2px solid var(--line);padding:.3em .4em;font-size:.78rem}.moves td{vertical-align:top;border-bottom:1px solid #ffffff0f;padding:.3em .4em}.moves td b{display:block}.moves td small{color:var(--muted)}.moves .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.moves tr.special td b{color:var(--cyan)}.moves tr.ult td b{color:var(--gold)}.panel.results{width:min(100%,46em)}.panel.results>header{text-align:center;flex-direction:column;gap:0;padding:.6em 1em}.panel.results h2{-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;font-size:clamp(1.8rem,6vmin,3rem);animation:.45s cubic-bezier(.2,1.5,.4,1) both logo-in;transform:skew(-8deg)}.panel.results.won h2{color:var(--gold);text-shadow:0 .07em #a86a00}.panel.results.lost h2{color:#ff7a86;text-shadow:0 .07em #7a1420}.panel.results header p{color:var(--muted);margin:0}.results-main{align-items:center;gap:1em;display:flex}.results-main .pv{background:radial-gradient(60% 50% at 50% 70%,#ffd24d40,#0000 70%);flex:none}.results-main .col{flex-direction:column;flex:1;gap:.35em;min-width:0;display:flex}.earned{align-items:baseline;gap:.6em;margin-top:.4em;font-weight:700;display:flex}.earned b{font-size:1.5rem;font-weight:400}.earned small{color:var(--muted)}.note{color:var(--green);font-weight:700}.note.ach,.note.best{color:var(--gold)}.ladder{gap:.3em;margin:.8em 0 0;padding:0;list-style:none;display:flex;overflow-x:auto}.ladder li{border:1px solid var(--line);opacity:.7;background:#00000040;border-radius:.3em;flex-direction:column;flex:1;min-width:5.5em;padding:.3em .5em;display:flex}.ladder li small{color:var(--muted);text-transform:uppercase;font-size:.72rem}.ladder li b{font-family:var(--display);font-size:.8rem;font-weight:400}.ladder li.done{border-color:var(--green);opacity:1}.ladder li.done b:after{content:" ✓";color:var(--green)}.ladder li.next{border-color:var(--orange);opacity:1;box-shadow:0 0 .8em #ff9d2e66}.ladder li.lost{border-color:var(--red);opacity:1}.stage{left:var(--gx);top:var(--gy);width:var(--gw);height:var(--gh);font-size:calc(var(--u) * 16);position:absolute;overflow:hidden}.hud{position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{left:calc(.8em + var(--sal));right:calc(.8em + var(--sar));top:calc(.5em + var(--sat) * .5);align-items:flex-start;gap:.8em;display:flex;position:absolute}.bar{flex-direction:column;flex:1;gap:.2em;min-width:0;display:flex}.bar .row{justify-content:space-between;align-items:center;gap:.6em;display:flex}.bar.p2 .row,.bar.p1 .hp{flex-direction:row-reverse}.bar .name{font-family:var(--display);letter-spacing:.05em;text-shadow:0 .12em 0 var(--ink), 0 0 .4em #000c;white-space:nowrap;font-size:1.15em}.bar.p1 .name{color:var(--cyan)}.bar.p2 .name{color:var(--orange)}.hp{border:.16em solid var(--ink);background:#15101a;outline:.1em solid #ffffff80;height:1.5em;display:flex;position:relative;overflow:hidden;transform:skew(-14deg)}.bar.p2 .hp{transform:skew(14deg)}.hp i{transform-origin:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bar.p2 .hp i{transform-origin:0}.hp .ghost{background:#ff5a4a}.hp .fill{background:linear-gradient(#fff58a 0%,#ffd21f 45%,#f09a00 100%)}.bar.low .hp .fill{background:linear-gradient(#ff9a8a,#ff3b3b);animation:.5s steps(2,end) infinite low-blink}@keyframes low-blink{50%{filter:brightness(1.5)}}.hp b{font-family:var(--display);color:#1c1203;text-shadow:0 0 .2em #ffffffb3;margin:auto .5em;font-size:.8em;font-weight:400;position:relative;transform:skew(14deg)}.bar.p2 .hp b{transform:skew(-14deg)}.meters{align-items:center;justify-content:flex-start!important}.guard,.energy{border:.1em solid var(--ink);background:#15101a;height:.5em;position:relative;overflow:hidden}.guard{width:22%}.guard i,.energy i{transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0}.bar.p2 .guard i,.bar.p2 .energy i{transform-origin:100%}.guard i{background:#9fd8ff}.guard.broken{outline:.12em solid var(--red);animation:.2s steps(2,end) infinite low-blink}.bar.no-guard .guard{visibility:hidden}.energy{width:46%;height:.8em;overflow:visible}.energy i{background:linear-gradient(90deg, #2a8bff, var(--cyan))}.energy.full i{background:linear-gradient(90deg, var(--magenta), var(--gold));animation:.4s steps(2,end) infinite low-blink}.energy .tag{font-family:var(--display);color:var(--gold);white-space:nowrap;text-shadow:0 .1em 0 var(--ink);font-size:.7em;font-weight:400;position:absolute;top:110%;left:.3em}.bar.p2 .energy .tag{left:auto;right:.3em}.energy.denied,.extra.denied{animation:.35s denied}@keyframes denied{0%,to{transform:none}25%{outline:.15em solid var(--red);transform:translate(-.3em)}75%{outline:.15em solid var(--red);transform:translate(.3em)}}.pips{align-items:center;gap:.3em;display:flex}.pips i{border:.14em solid var(--ink);background:#2b2b3c;border-radius:50%;outline:.08em solid #fff9;width:.9em;height:.9em}.pips i.on{background:var(--gold);box-shadow:0 0 .5em var(--gold)}.phase-name{font-family:var(--display);color:var(--magenta);text-shadow:0 .1em 0 var(--ink);text-transform:uppercase;font-size:.75em}.bar.boss .pips i{border-radius:.1em;transform:rotate(45deg)}.bar.boss .pips i.on{background:var(--magenta);box-shadow:0 0 .5em var(--magenta)}.bar.boss .hp{height:1.8em}.bar.boss .hp .fill{background:linear-gradient(#ff9ad9,#e0318f 55%,#8a1560)}.bar.boss .hp b{color:#fff;text-shadow:0 .1em 0 var(--ink)}.extra{align-items:center;gap:.4em;display:flex}.ammo{gap:.15em;display:flex}.ammo i{border:.08em solid var(--ink);background:#2b2b3c;width:.35em;height:.9em}.ammo i.on{background:#b6ff4d}.chip{font-family:var(--display);background:var(--ink);color:var(--cyan);white-space:nowrap;border-radius:1em;padding:.1em .5em;font-size:.65em}.chip.armor{color:var(--gold)}.chip.armor.off{color:var(--red)}.hud-mid{flex-direction:column;flex:none;align-items:center;width:4.6em;display:flex}.timer{font-family:var(--display);color:#fff;-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums;font-size:2.3em;line-height:1}.timer.low{color:var(--red);animation:.5s steps(2,end) infinite low-blink}.bout-label{text-transform:uppercase;white-space:nowrap;text-shadow:0 .1em 0 var(--ink);color:var(--muted);font-size:.75em;font-weight:700}.pause-btn{left:50%;top:calc(4.6em + var(--sat) * .5);opacity:.75;min-height:2.2em;padding:.2em .6em;font-size:.8em;position:absolute;transform:translate(-50%)}.combo{opacity:0;font-family:var(--display);-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;flex-direction:column;align-items:flex-start;transition:opacity .25s;display:flex;position:absolute;top:26%;transform:skew(-8deg)}.combo.c1{left:calc(1em + var(--sal));color:var(--cyan)}.combo.c2{right:calc(1em + var(--sar));color:var(--orange);align-items:flex-end}.combo.on{opacity:1}.combo b{font-size:3.4em;font-weight:400;line-height:.9}.combo span{letter-spacing:.1em;font-size:1.1em}.combo small{font-family:var(--body);color:#fff;-webkit-text-stroke:0;text-shadow:0 .1em 0 var(--ink);font-size:.85em;font-weight:700}.combo.big b{color:var(--gold);font-size:4.2em}.combo.huge b{color:var(--magenta);font-size:5em}.combo.pop b{animation:.22s cubic-bezier(.2,1.6,.4,1) combo-pop}@keyframes combo-pop{0%{transform:scale(1.7)rotate(-6deg)}}.training{border:1px solid var(--line);background:#080812c7;border-radius:.5em;flex-direction:column;align-items:center;gap:.3em;max-width:96%;padding:.4em .7em;font-size:.8em;display:flex;position:absolute;bottom:.5em;left:50%;transform:translate(-50%)}.tr-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;display:flex}.tr-row>span{color:var(--muted);text-transform:uppercase;font-weight:700}.training .btn.small,.training .seg button{min-height:1.9em;padding:.2em .6em;font-size:.85em}.frame-info{font-variant-numeric:tabular-nums;color:var(--green);text-align:center;min-height:1.2em}.banner{pointer-events:none;text-align:center;flex-direction:column;align-items:center;display:none;position:absolute;top:30%;left:0;right:0}.banner.on{animation:.3s cubic-bezier(.2,1.6,.4,1) both banner-in;display:flex}@keyframes banner-in{0%{opacity:0;transform:scale(2.2)skew(-10deg)}}.banner .t{font-family:var(--display);color:#fff;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);font-size:4.6em;line-height:1;transform:skew(-8deg)}.banner .s{background:var(--ink);margin-top:.3em;padding:.1em 1em;font-size:1.3em;font-weight:700;transform:skew(-8deg)}.banner.go .t{color:var(--gold);font-size:6em}.banner.ko .t{color:var(--red);font-size:7em}.banner.win .t{color:var(--gold)}.banner.lose .t{color:#ff8a94}.banner.warn .t{color:var(--orange);font-size:3.4em}.banner.boss .t{color:var(--magenta)}.banner.boss .s{background:var(--magenta);color:var(--ink);animation:.3s steps(2,end) 5 low-blink}.ult-banner{border-top:.2em solid var(--gold);border-bottom:.2em solid var(--gold);font-family:var(--display);background:linear-gradient(90deg,#11101cf2,#11101cbf);flex-direction:column;padding:.4em 2.4em;display:none;position:absolute;top:20%;transform:skew(-12deg)}.ult-banner.on{display:flex}.ult-banner.s1{animation:.25s ease-out both ult-l;left:-1em}.ult-banner.s2{align-items:flex-end;animation:.25s ease-out both ult-r;right:-1em}.ult-banner small{color:var(--cyan);letter-spacing:.15em;font-size:.85em}.ult-banner b{color:var(--gold);font-size:2.6em;font-weight:400;line-height:1}@keyframes ult-l{0%{transform:translate(-100%)skew(-12deg)}}@keyframes ult-r{0%{transform:translate(100%)skew(-12deg)}}.touch-layer{position:absolute;top:0;bottom:0;left:0;right:0}.touch{--b:calc(58px * var(--touch));position:absolute;top:0;bottom:0;left:0;right:0}#app.tall .touch{top:calc(var(--gy) + var(--gh))}.touch-area{touch-action:none;width:46%;position:absolute;top:30%;bottom:0;left:0}#app.tall .touch-area{top:0}.touch.left .touch-area{left:auto;right:0}.stick{width:calc(var(--b) * 2);height:calc(var(--b) * 2);margin:calc(var(--b) * -1) 0 0 calc(var(--b) * -1);pointer-events:none;background:radial-gradient(circle,#4de3ff1a,#08081259);border:3px solid #ffffff47;border-radius:50%;position:absolute;top:62%;left:28%}#app.tall .stick{top:45%}.stick i{width:var(--b);height:var(--b);margin:calc(var(--b) * -.5) 0 0 calc(var(--b) * -.5);border:3px solid var(--ink);opacity:.75;background:radial-gradient(circle at 35% 30%,#9ff0ff,#2a8bd0);border-radius:50%;position:absolute;top:50%;left:50%}.stick.on{border-color:var(--cyan)}.stick.on i{opacity:1}.touch-btns{right:calc(10px + var(--sar));bottom:calc(12px + var(--sab));width:calc(var(--b) * 3.5);height:calc(var(--b) * 3.3);position:absolute}#app.tall .touch-btns{top:50%;bottom:auto;transform:translateY(-50%)}.touch.left .touch-btns{right:auto;left:calc(10px + var(--sal))}.tbtn{width:var(--b);height:var(--b);color:#fff;touch-action:none;font-family:var(--display);font-size:calc(var(--b) * .17);background:#14152a9e;border:3px solid #ffffff8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.tbtn .icon{width:42%;height:42%}.tbtn.on{color:var(--ink);background:#ffffffd9;transform:scale(.94)}.tb-light{right:calc(var(--b) * 1.15);width:calc(var(--b) * 1.18);height:calc(var(--b) * 1.18);border-color:var(--cyan);bottom:0}.tb-heavy{right:0;bottom:calc(var(--b) * .75);width:calc(var(--b) * 1.18);height:calc(var(--b) * 1.18);border-color:var(--orange)}.tb-special{right:calc(var(--b) * .2);bottom:calc(var(--b) * 2.05);border-color:var(--magenta)}.tb-block{right:calc(var(--b) * 2.4);bottom:calc(var(--b) * .5);border-color:#9fd8ff}.tb-dash{right:calc(var(--b) * 1.35);bottom:calc(var(--b) * 1.35);border-color:var(--green)}.tb-grab{right:calc(var(--b) * 2.45);bottom:calc(var(--b) * 1.65);width:calc(var(--b) * .86);height:calc(var(--b) * .86)}.tb-ult{right:calc(var(--b) * 1.4);bottom:calc(var(--b) * 2.42);width:calc(var(--b) * .9);height:calc(var(--b) * .9);opacity:.4;border-color:var(--gold)}.tb-ult.ready{opacity:1;color:var(--ink);box-shadow:0 0 1em var(--gold);background:#ffd24dd9;animation:.5s steps(2,end) infinite low-blink}.toasts{left:50%;bottom:calc(1em + var(--sab));z-index:20;flex-direction:column;align-items:center;gap:.3em;width:max-content;max-width:94vw;display:flex;position:absolute;transform:translate(-50%)}.toast{background:var(--ink);border:2px solid var(--gold);color:var(--gold);text-align:center;border-radius:.4em;padding:.4em 1em;font-weight:700;animation:.25s ease-out both toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(1em)}}.update{right:calc(.6em + var(--sar));bottom:calc(.6em + var(--sab));z-index:30;align-items:center;gap:.5em;display:flex;position:absolute}.update:not(:empty){background:var(--panel);border:2px solid var(--cyan);border-radius:.5em;padding:.4em .7em}#app.tall .overlay.menu{background:linear-gradient(180deg, #08081240 0, #08081240 calc(var(--gh) * .82), #080812f7 var(--gh))}#app.tall .main-menu{flex-direction:column;justify-content:flex-start}#app.tall .main-menu .col{flex:1;width:100%;padding:.3em .5em}#app.tall .main-menu .logo{margin-top:calc(var(--gh) * .22)}#app.tall .showcase,#app.short .showcase{display:none}#app.short .main-menu .col{gap:.35em;padding-top:.2em}#app.short .logo .l1{font-size:2.1rem}#app.short .menu-list{grid-template-columns:1fr 1fr;width:min(92vw,46em);display:grid}#app.short .main-menu .col{width:100%}#app.short .menu-item small{display:none}#app.short .menu-item.primary small{display:inline}#app.narrow .detail,#app.narrow .results-main{flex-direction:column;align-items:stretch}#app.narrow .detail .pv,#app.narrow .results-main .pv{align-self:center}#app.narrow .results-main .pv canvas,#app.short .results-main .pv canvas{width:130px!important;height:136px!important}#app.short .detail .pv canvas{width:150px!important;height:150px!important}#app.narrow .controls-list>div{grid-template-columns:6.5em 1fr}#app.narrow .key-row{grid-template-columns:1fr 5em 5em}#app.narrow .set{flex-wrap:wrap}#app.tall .training{font-size:.7em}@media (prefers-reduced-motion:reduce){.logo,.logo .l1 span:last-child,.banner.on,.combo.pop b{animation:none}}.setup-grid{grid-template-columns:minmax(0,1fr) 19em;align-items:start;gap:1em;display:grid}.setup-grid .detail{flex-direction:column;align-items:stretch;margin:0;position:sticky;top:0}.setup-grid .detail .pv{align-self:center}.setup-grid .stats{grid-template-columns:1fr}.setup-grid .kv{flex-direction:column;gap:0;margin-top:.3em}.card.skin.locked .robot-preview{filter:none}#app.narrow .setup-grid,#app.tall .setup-grid{grid-template-columns:1fr}#app.narrow .setup-grid .detail .pv canvas{width:150px!important;height:150px!important}.setup-grid>*{min-width:0}#app.tall .stage{font-size:calc(var(--u) * 21)}#app.tall .combo b{font-size:2.6em}#app.tall .banner .t{font-size:3.6em}#app.tall .phase-name{display:none}#app.tall .stick{left:34%}.touch:not(.left) .stick{left:max(28%, calc(var(--b) + 14px + var(--sal)))}#app.touching .pause-btn,#app.tall .pause-btn{opacity:.85;min-width:46px;min-height:46px;font-size:18px}
