@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(./Oswald-var-9AWb_KF-.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(./BarlowSemiCondensed-500-G0uxJNrM.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./BarlowSemiCondensed-600-BkLiAYu4.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./BarlowSemiCondensed-700-BpqDG8I9.woff2) format("woff2")}@property --g{syntax: "<color>"; inherits: true; initial-value: #3a4a5e;}:root{--hud-cyan: #38e8ff;--hud-amber: #ffb43c;--hud-red: #ff4d5e;--hud-green: #62ff9a;--hud-magenta: #ff4dd8;--panel-bg: rgba(8, 14, 24, .82);--panel-edge: rgba(96, 200, 255, .35);--font-ui: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Oswald", "Bahnschrift", "DIN Alternate", "Roboto Condensed", "Arial Narrow", "Segoe UI", sans-serif;--font-label: "Barlow Semi Condensed", "Bahnschrift", "Arial Narrow", "Segoe UI", sans-serif;font-family:var(--font-ui)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#05070c}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}body.touch-mode,body.touch-mode #app,body.touch-mode #game-canvas,body.touch-mode #vignette{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#vignette{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,8,.42) 100%)}#ui-root{position:absolute;inset:0;z-index:10;pointer-events:none;color:#e8f4ff;user-select:none}#ui-root .clickable{pointer-events:auto}.title-font{font-weight:900;font-style:italic;letter-spacing:.06em;text-transform:uppercase}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.screen.dim{background:linear-gradient(180deg,#0408108c,#040810cc)}.mega-title{font-size:clamp(48px,9vw,130px);font-weight:900;font-style:italic;letter-spacing:.04em;background:linear-gradient(180deg,#eafaff 20%,#38e8ff,#1668b8 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(56,232,255,.45)) drop-shadow(0 2px 2px rgba(0,0,0,.8));text-transform:uppercase}.mega-sub{font-size:clamp(13px,1.6vw,22px);letter-spacing:.55em;text-transform:uppercase;color:#9fd8ef;margin-top:6px;text-indent:.55em}.screen.title-screen{justify-content:flex-start;background:#06070d;overflow:hidden;--l3-h: clamp(64px, 10.2vh, 96px);--brand-h: clamp(150px, 26vh, 250px)}.tt-tex{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),radial-gradient(ellipse at 50% 120%,rgba(56,232,255,.1),transparent 60%),radial-gradient(ellipse at 50% -10%,rgba(255,77,216,.07),transparent 55%)}.title-brand{position:relative;z-index:5;text-align:center;margin-top:calc(var(--brand-h) * .16);pointer-events:none}.title-brand .mega-title{font-size:clamp(44px,7.4vw,124px);line-height:1.05}.title-screen .mega-sub{color:#9fe6f7;font-family:var(--font-display);font-weight:500;letter-spacing:.62em;text-indent:.62em;margin-top:.6vh;text-shadow:0 0 12px rgba(56,232,255,.5),0 2px 4px #000}.tt-strip{position:absolute;left:0;right:0;top:var(--brand-h);bottom:var(--l3-h);overflow:hidden;cursor:grab;touch-action:pan-y;z-index:2;--pw: clamp(230px, 26vw, 520px);--sl: calc(var(--pw) * .15)}.tt-strip.grabbing{cursor:grabbing}.tt-track{position:absolute;left:0;top:0;bottom:0;display:flex;will-change:transform}.tt-pan{position:relative;flex:none;width:var(--pw);height:100%;margin-right:calc(var(--sl) * -.5);clip-path:polygon(var(--sl) 0,100% 0,calc(100% - var(--sl)) 100%,0 100%);overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--g) 34%,#06070d),#07080f 88%)}.tt-pan:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 1px,transparent 1px 7px);mix-blend-mode:overlay}.tt-pan:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(6,7,13,.95) 2%,transparent 38%)}.tt-card{position:absolute;inset:0;background-size:cover;background-position:center 30%;display:none;opacity:0;transition:opacity .7s ease}.tt-pan.has-card .tt-card{display:block}.tt-pan.has-card .tt-mech{display:none}.tt-pan.in .tt-card,.tt-pan.in .tt-mech{opacity:1}.tt-pan.has-card.in .tt-num{opacity:0}.tt-num{transition:opacity .7s ease}.tt-num{position:absolute;top:-.12em;right:calc(var(--sl) + 4%);z-index:0;font:700 calc(var(--pw) * .4)/1 var(--font-display);color:var(--g);opacity:.13}.tt-mech{position:absolute;left:50%;bottom:3%;transform:translate(-50%);height:92%;max-width:118%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--g) 50%,transparent));opacity:0;transition:opacity .7s ease;user-select:none;-webkit-user-drag:none;pointer-events:none}.tt-name{position:absolute;left:calc(var(--sl) + 6%);right:12%;bottom:6%;z-index:3;font:700 clamp(24px,2.7vw,46px)/1 var(--font-display);letter-spacing:.08em;color:#fff;text-transform:uppercase;text-shadow:0 0 18px var(--g),0 2px 4px #000;white-space:nowrap}.tt-name small{display:block;font:600 clamp(10px,.78vw,13px) var(--font-label);letter-spacing:.3em;color:var(--g);margin-top:6px;text-shadow:0 1px 3px #000}.tt-edge{position:absolute;inset:0;z-index:4;pointer-events:none;background:var(--g);opacity:.9;clip-path:polygon(var(--sl) 0,calc(var(--sl) + 6px) 0,6px 100%,0 100%)}.tt-l3{position:absolute;left:0;right:0;bottom:0;height:var(--l3-h);z-index:6;display:flex;align-items:center;gap:clamp(12px,1.6vw,24px);padding:0 clamp(16px,2.4vw,40px);background:linear-gradient(180deg,#0b0f1a,#06080f);border-top:2px solid rgba(255,77,216,.55)}.tt-live{display:flex;align-items:center;gap:10px;padding:7px 14px;background:#e3263b;flex:none;font:700 clamp(13px,1vw,16px) var(--font-display);letter-spacing:.24em;color:#fff}.tt-live i{width:9px;height:9px;border-radius:50%;background:#fff;animation:pulse 1.6s ease-in-out infinite}.tt-ticker{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 clamp(12px,1.06vw,17px) var(--font-display);letter-spacing:.2em;color:#e6f0ffcc;text-transform:uppercase}.tt-ticker b{color:#fff;font-weight:600}.tt-ticker .sep{color:var(--hud-magenta);margin:0 .8em}@media (max-width: 820px){.tt-ticker{display:none}.tt-l3{justify-content:space-between}}.neon-title{background:none;-webkit-background-clip:initial;background-clip:initial;color:transparent;filter:none;letter-spacing:.06em}.neon-title .tube{display:inline-block;-webkit-text-stroke:3px var(--tube);text-shadow:0 0 18px var(--tube-glow),0 0 60px var(--tube-halo),0 0 120px var(--tube-halo);animation:tubeA 7.3s steps(1,end) infinite}.neon-title .tube-0{--tube: #38e8ff;--tube-glow: rgba(56,232,255,.9);--tube-halo: rgba(56,232,255,.42)}.neon-title .tube-1{--tube: #ff4dd8;--tube-glow: rgba(255,77,216,.9);--tube-halo: rgba(255,77,216,.42);animation:tubeB 9.1s steps(1,end) infinite;animation-delay:-2.4s}@keyframes tubeA{0%,7.9%{opacity:1}8%,8.9%{opacity:.22}9%,9.7%{opacity:1}9.8%,10.6%{opacity:.32}10.7%,51.9%{opacity:1}52%,52.9%{opacity:.25}53%,72.9%{opacity:1}73%,73.7%{opacity:.45}73.8%,to{opacity:1}}@keyframes tubeB{0%,21.9%{opacity:1}22%,22.8%{opacity:.28}22.9%,35.9%{opacity:1}36%,37%{opacity:.2}37.1%,37.8%{opacity:1}37.9%,38.7%{opacity:.35}38.8%,88.9%{opacity:1}89%,89.9%{opacity:.3}90%,to{opacity:1}}@media (prefers-reduced-motion: reduce){.neon-title .tube{animation:none}}.title-screen .mega-sub{color:#7fd8ef}.press-start{margin-top:7vh;font-size:clamp(15px,1.8vw,24px);letter-spacing:.3em;text-transform:uppercase;color:#fff;animation:pulse 1.4s ease-in-out infinite;text-shadow:0 0 18px rgba(56,232,255,.8)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.title-screen .press-start{margin:0 0 0 auto;flex:none;animation:plateGlow 2.2s ease-in-out infinite;display:flex;align-items:center;gap:14px;cursor:pointer;padding:12px 30px 12px 22px;background:#fff;color:#07080f;text-shadow:none;font:700 clamp(16px,1.5vw,24px) var(--font-display);letter-spacing:.3em;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);transition:transform .12s,background .12s}.title-screen .press-start:hover,.title-screen .press-start:focus-visible{outline:none;transform:scale(1.05);background:#eafcff}.glyph-a{display:inline-grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;background:#5ee06a;color:#0b0f16;font:700 .72em/1 var(--font-label);letter-spacing:0;box-shadow:0 0 0 2px #0000001f}@keyframes plateGlow{0%,to{filter:drop-shadow(0 0 0 rgba(56,232,255,0))}50%{filter:drop-shadow(0 0 14px rgba(56,232,255,.75))}}#ui-root[data-menu=title]>.hot-btn{bottom:auto!important;top:18px}@media (prefers-reduced-motion: reduce){.press-start,.title-screen .press-start,.tt-live i{animation:none}}.menu-list{display:flex;flex-direction:column;gap:10px;margin-top:5vh;align-items:center}.menu-item{font-family:var(--font-display);font-size:clamp(18px,2.2vw,30px);font-weight:700;font-style:normal;letter-spacing:.2em;text-transform:uppercase;padding:8px 46px;color:#7f9cb4;cursor:pointer;position:relative;transition:color .12s,transform .12s}.menu-item.selected{color:#fff;transform:scale(1.08);text-shadow:0 0 14px rgba(56,232,255,.9),0 0 38px rgba(56,232,255,.45)}.menu-item.selected:before{content:"▶";position:absolute;left:8px;color:var(--hud-cyan);font-style:normal}.menu-item.selected:after{content:"◀";position:absolute;right:8px;color:var(--hud-cyan);font-style:normal}.hint-bar{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:9px 12px 1.4vh;font-family:var(--font-display);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#6f8ba3;background:linear-gradient(0deg,rgba(4,8,14,.75),transparent)}.hint-bar b{color:#eaf7ff;font-weight:700;text-shadow:0 0 10px rgba(56,232,255,.6)}.panel{background:var(--panel-bg);border:1px solid var(--panel-edge);border-radius:8px;box-shadow:0 8px 40px #0000008c,inset 0 0 30px #2882c80f;backdrop-filter:blur(6px)}.screen-heading{position:absolute;top:4vh;left:0;right:0;text-align:center;font-family:var(--font-display);font-size:clamp(26px,4vw,52px);font-weight:700;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:#eaf7ff;text-shadow:0 0 18px rgba(56,232,255,.75),0 0 46px rgba(255,77,216,.35),0 3px 4px rgba(0,0,0,.75)}.screen.sel-screen{background:#06070d;overflow:hidden;--bl0: 40%;--bl1: 34%;--br0: 66%;--br1: 60%}.sel-tex{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 9px),radial-gradient(ellipse at 50% 100%,rgba(56,232,255,.08),transparent 60%)}.sel-side{position:absolute;overflow:hidden;cursor:pointer;--g: #3a4a5e;--pc: #38e8ff;--pic-h: 92%;--pic-cy: 50%;transition:--g .35s ease}.sel-side.pos-none{display:none}.sel-side.pos-l{left:0;top:0;bottom:0;width:var(--bl0);clip-path:polygon(0 0,100% 0,calc(100% - (var(--bl0) - var(--bl1)) / var(--bl0) * 100%) 100%,0 100%)}.sel-side.pos-r{right:0;top:0;bottom:0;width:calc(100% - var(--br1));clip-path:polygon(calc((var(--br0) - var(--br1)) / (100% - var(--br1)) * 100%) 0,100% 0,100% 100%,0 100%)}.sel-screen.quad{--bm: calc((var(--bl0) + var(--bl1)) / 2);--bmr: calc((var(--br0) + var(--br1)) / 2)}.sel-side.pos-tl{left:0;top:0;height:50%;width:var(--bl0);clip-path:polygon(0 0,100% 0,calc(100% - (var(--bl0) - var(--bm)) / var(--bl0) * 100%) 100%,0 100%)}.sel-side.pos-bl{left:0;bottom:0;height:50%;width:var(--bm);clip-path:polygon(0 0,100% 0,calc(100% - (var(--bm) - var(--bl1)) / var(--bm) * 100%) 100%,0 100%)}.sel-side.pos-tr{right:0;top:0;height:50%;width:calc(100% - var(--bmr));clip-path:polygon(calc((var(--br0) - var(--bmr)) / (100% - var(--bmr)) * 100%) 0,100% 0,100% 100%,0 100%)}.sel-side.pos-br{right:0;bottom:0;height:50%;width:calc(100% - var(--br1));clip-path:polygon(calc((var(--bmr) - var(--br1)) / (100% - var(--br1)) * 100%) 0,100% 0,100% 100%,0 100%)}.sel-screen.quad .sel-side.pos-tl,.sel-screen.quad .sel-side.pos-tr,.sel-screen.rows .sel-side{border-bottom:2px solid #06070d}.sd-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,color-mix(in srgb,var(--g) 58%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--g) 30%,#06070d),#06070d 92%)}.pos-r .sd-wash,.pos-tr .sd-wash,.pos-br .sd-wash{background:radial-gradient(ellipse at 70% 25%,color-mix(in srgb,var(--g) 58%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--g) 30%,#06070d),#06070d 92%)}.sd-wash:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,7,13,.96) 3%,rgba(6,7,13,.55) 26%,transparent 50%)}.sd-pic{position:absolute;--k: .9;height:calc(var(--k) * var(--pic-h));top:calc(var(--pic-cy) - var(--k) * var(--pic-h) / 2);max-width:none;object-fit:contain;object-position:bottom;left:44%;transform:translate(-50%);filter:drop-shadow(0 0 34px color-mix(in srgb,var(--g) 55%,transparent));opacity:0;transition:opacity .35s ease;pointer-events:none;user-select:none}.pos-r .sd-pic,.pos-tr .sd-pic,.pos-br .sd-pic{left:58%}.sd-pic.in{opacity:1}.sd-pic.swap{animation:sdIn .32s cubic-bezier(.2,.8,.3,1);transition:none}.pos-r .sd-pic.swap,.pos-tr .sd-pic.swap,.pos-br .sd-pic.swap{animation-name:sdInR}@keyframes sdIn{0%{opacity:0;transform:translate(calc(-50% - 40px))}}@keyframes sdInR{0%{opacity:0;transform:translate(calc(-50% + 40px))}}.sd-pic.xfade{transition:opacity .6s ease}.sd-spray{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.sel-screen.quad .sel-side{--pic-h: 88%}.sd-q{position:absolute;inset:12% 0 22%;display:none;place-items:center;font:700 min(38vh,22vw)/1 var(--font-display);color:var(--g);opacity:.5;text-shadow:0 0 40px var(--g);pointer-events:none}.sel-side.random .sd-q{display:grid}.sd-tag{position:absolute;top:4.5vh;left:3vw;z-index:3;padding:7px 13px;font:700 clamp(11px,1vw,15px) var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:#051018;background:var(--pc);white-space:nowrap}.pos-r .sd-tag,.pos-tr .sd-tag,.pos-br .sd-tag{left:auto;right:3vw}.sel-screen.quad .sd-tag{top:2.4vh}.sel-screen.quad .pos-tr .sd-tag{top:7.5vh}.sd-tag:empty{display:none}.sd-steer{position:absolute;top:calc(4.5vh + 2.6em);right:3vw;z-index:3;display:none;font:600 clamp(10px,.82vw,13px) var(--font-label);letter-spacing:.2em;color:#fff;text-shadow:0 1px 3px #000;animation:pulse 1.8s ease-in-out infinite}.pos-l .sd-steer,.pos-tl .sd-steer,.pos-bl .sd-steer{right:auto;left:3vw}.sel-screen.quad .sd-steer{top:calc(2.4vh + 2.6em)}.sel-side.steer .sd-steer{display:block}.sd-tag .pc-diff{display:inline-block;padding:0 .5em;cursor:pointer}.sd-tag .pc-diff:hover{color:#fff}.sel-side.picking .sd-tag:after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;border-radius:50%;background:#051018;vertical-align:1px;animation:pulse 1s ease-in-out infinite}.sd-info{position:absolute;left:3vw;bottom:4vh;right:3vw;z-index:3;pointer-events:none}.pos-r .sd-info,.pos-tr .sd-info,.pos-br .sd-info{text-align:right}.sd-name{font:700 clamp(40px,6.4vw,110px)/.95 var(--font-display);letter-spacing:.02em;color:#fff;text-transform:uppercase;text-shadow:0 0 26px var(--g),0 3px 6px #000;white-space:nowrap}.sd-title{margin-top:1vh;font:600 clamp(11px,1vw,15px) var(--font-label);letter-spacing:.32em;text-transform:uppercase;color:var(--g);text-shadow:0 1px 3px #000}.sd-stats{display:flex;gap:clamp(18px,2.4vw,40px);margin-top:2.2vh}.pos-r .sd-stats,.pos-tr .sd-stats,.pos-br .sd-stats{justify-content:flex-end}.sd-stats div{display:flex;flex-direction:column}.sd-stats small,.sd-moves small{font:600 clamp(9px,.72vw,12px) var(--font-label);letter-spacing:.26em;color:#c8e1f58c;text-transform:uppercase}.sd-stats b{font:500 clamp(22px,2.2vw,36px)/1.1 var(--font-display);color:#fff}.sd-moves{display:flex;flex-direction:column;gap:2px;margin-top:1.6vh;font:600 clamp(12px,.95vw,15px) var(--font-label);letter-spacing:.06em;color:#dfeefb;max-width:28vw}.pos-r .sd-moves,.pos-tr .sd-moves,.pos-br .sd-moves{margin-left:auto}.sd-moves small{display:inline-block;width:7.4em}.sel-side.random .sd-moves{letter-spacing:.02em;color:#dcebfabf;line-height:1.4}.sel-screen.quad .sd-moves{display:none}.sel-screen.quad .sd-name{font-size:clamp(30px,4.2vw,72px)}.sel-screen.quad .sd-stats{margin-top:1.2vh}.sel-screen.quad .sd-info{bottom:2.4vh}.sel-screen.rows .sel-side{--pic-h: 100%}.sel-screen.rows .sd-tag{top:1vh;padding:4px 9px;font-size:clamp(9px,.75vw,12px)}.sel-screen.rows .sel-side.pos-r[data-row="0"] .sd-tag{top:7.5vh}.sel-screen.rows .sd-title,.sel-screen.rows .sd-stats,.sel-screen.rows .sd-moves{display:none}.sel-screen.rows .sd-name{font-size:clamp(20px,2.6vw,44px)}.sel-screen.rows .sd-info{bottom:1.2vh}.sel-screen.rows .sd-paint{margin-top:.8vh;gap:3px}.sel-screen.rows .pc-swatch{width:11px;height:11px}.sel-screen.rows .sd-q{font-size:min(18vh,12vw)}.sel-screen.rows .sd-join{font-size:clamp(13px,1.2vw,20px)}.sel-screen.rows .sd-join small{margin-top:4px}.sd-paint{margin-top:1.8vh;pointer-events:auto;display:inline-flex;flex-direction:column;gap:6px}.sd-paint:empty{display:none}.pc-swatches{display:flex;gap:5px}.pos-r .pc-swatches,.pos-tr .pc-swatches,.pos-br .pc-swatches{justify-content:flex-end}.pc-swatch{width:14px;height:14px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.3);transition:transform .1s}.pc-swatch:hover{transform:scale(1.25)}.pc-swatch.on{outline:2px solid #fff;outline-offset:2px}.pc-paint-name{font:600 clamp(10px,.8vw,13px) var(--font-label);letter-spacing:.24em;color:#dcebfacc;text-transform:uppercase}.pc-paint-step{cursor:pointer;color:var(--g);padding:0 .6em}.pc-paint-step:hover,.sel-side.locked .sd-paint .pc-paint-name{color:#fff}.sel-side.locked .sd-tag:after{content:"✓ " attr(data-lock);margin-left:12px;padding-left:12px;border-left:1px solid rgba(5,16,24,.45)}.sel-side.flash .sd-wash{animation:lockFlash .6s ease-out}@keyframes lockFlash{0%{filter:brightness(2.6) saturate(.6)}to{filter:none}}.sel-side.flash .sd-pic.in:not(.sd-ghost){animation:lockPop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes lockPop{0%{transform:translate(-50%) scale(1.06)}to{transform:translate(-50%) scale(1)}}.sd-join{position:absolute;inset:0;display:none;place-items:center;text-align:center;z-index:3;font:600 clamp(18px,1.8vw,28px) var(--font-display);letter-spacing:.24em;color:#dcebfab3}.sel-side.empty .sd-join{display:grid}.sel-side.empty .sd-join b{display:block;font-weight:600;animation:pulse 2.2s ease-in-out infinite}.sd-join small{display:block;margin-top:10px;font:600 clamp(10px,.8vw,13px) var(--font-label);letter-spacing:.2em;color:#c8e1f573;text-transform:uppercase}.sel-side.empty .sd-wash{background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 12px),#080a12}.sel-side.empty:hover .sd-join{color:#fff}.sel-side.pos-chip{left:50%;transform:translate(-50%);bottom:10.5vh;width:auto;height:auto;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);z-index:4}.sel-side.pos-chip .sd-join{position:static;display:block;padding:8px 26px;font-size:clamp(12px,.95vw,15px);background:#141c2ce6;color:#dcebfabf}.sel-side.pos-chip:hover .sd-join{background:#283854f2}.sel-side.pos-chip .sd-wash{display:none}.sel-side.editing{box-shadow:inset 0 0 0 3px var(--ed)}.sel-side.editing .sd-wash{filter:brightness(1.2)}.sd-edit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:none;padding:6px 12px;background:var(--ed);color:#051018;white-space:nowrap;font:700 clamp(10px,.85vw,13px) var(--font-label);letter-spacing:.16em;text-transform:uppercase}.sel-side.editing .sd-edit{display:block}.sel-side.pos-chip .sd-edit{top:-120%}.sel-band{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:min(24vw,440px);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2}.sel-head{margin-top:3.4vh;font:700 clamp(26px,3vw,52px)/1 var(--font-display);letter-spacing:.06em;color:#fff;font-style:italic;white-space:nowrap;text-transform:uppercase;text-shadow:0 0 22px rgba(255,77,216,.7),0 0 60px rgba(56,232,255,.35),0 3px 4px #000}.sel-head.vs{font-size:clamp(56px,6.6vw,120px);letter-spacing:0;margin-top:2vh}.sel-grid{margin-top:2.6vh;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.6vw;pointer-events:auto;overflow-y:auto;overflow-x:hidden;max-height:64vh;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(96,200,255,.45) transparent}.sel-cell{position:relative;aspect-ratio:1 / 1.08;cursor:pointer;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);background:linear-gradient(170deg,#1a2436,#0b111d);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .1s}.sel-cell .cell-tint{position:absolute;inset:0;opacity:.38;background:linear-gradient(150deg,var(--t),transparent 70%)}.sel-cell .cell-icon{z-index:1;width:66%}.sel-cell .cell-icon img.mech-ico{width:100%!important;height:auto!important;aspect-ratio:1;margin:0!important;vertical-align:0!important;box-shadow:none!important;background:transparent!important}.sel-cell .cell-rand{font:700 clamp(28px,3vw,54px)/1 var(--font-display);color:#9fd8ef;text-align:center}.sel-cell .cell-name{z-index:1;margin-top:4%;font:700 clamp(8px,.66vw,12px) var(--font-label);letter-spacing:.14em;color:#cfe8f7;text-transform:uppercase}.sel-cell:hover{transform:scale(1.04)}.sel-cell.cursor,.sel-cell.locked-pick{z-index:2;transform:scale(1.06);box-shadow:inset 0 0 0 3px var(--pc);background:linear-gradient(170deg,#22304a,#0e1626)}.sel-cell.locked-pick{box-shadow:inset 0 0 0 3px var(--pc),inset 0 0 22px var(--pc)}.cell-tags{position:absolute;top:3px;right:3px;display:flex;gap:2px;z-index:3}.cell-tags span{padding:1px 5px;background:var(--pc);color:#051018;font:700 clamp(8px,.6vw,11px) var(--font-label);letter-spacing:.1em}.cell-tags span.cpu{background:#06070d;color:var(--pc);box-shadow:inset 0 0 0 1px var(--pc)}.sel-ping{position:absolute;pointer-events:none;z-index:5}.sel-ping i{position:absolute;inset:-3px;border:4px solid var(--pc);box-shadow:0 0 22px var(--pc),inset 0 0 18px var(--pc);animation:selPing .85s ease-out both}.sel-ping i+i{animation-delay:.18s}.sel-ping b{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-6px);padding:3px 10px;background:var(--pc);color:#051018;font:700 clamp(12px,1vw,16px) var(--font-label);letter-spacing:.14em;animation:selPingTag .9s ease-out both}@keyframes selPing{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}@keyframes selPingTag{0%{transform:translate(-50%,6px);opacity:0}20%,70%{transform:translate(-50%,-6px);opacity:1}to{opacity:0}}.sel-cell.pinged{animation:cellPing .9s ease-out}@keyframes cellPing{0%,30%{box-shadow:inset 0 0 0 4px var(--ping),inset 0 0 30px var(--ping);filter:brightness(1.5)}}.sel-prompts{position:absolute;left:50%;bottom:2.6vh;transform:translate(-50%);z-index:3;display:flex;gap:clamp(12px,1.6vw,26px);white-space:nowrap;pointer-events:none;font:600 clamp(11px,.9vw,15px) var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:#c8e1f59e}.sel-prompts span{display:inline-flex;align-items:center;gap:7px}.gl{display:inline-grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;font-style:normal;font:700 .85em/1 var(--font-label);color:#0b0f16;letter-spacing:0}.gl.a{background:#5ee06a}.gl.b{background:#ff5a5a}.gl.x{background:#4aa3ff}.gl.y{background:#ffcf3a}.gl.pill{width:auto;padding:0 .5em;border-radius:5px;background:#d9e3ee;height:1.5em}#ui-root[data-menu=mechselect]>#fullscreen-btn{right:calc(50% + 22px)!important;bottom:6.4vh!important}#ui-root[data-menu=mechselect]>#instructions-btn{right:calc(50% - 18px)!important;bottom:6.4vh!important}#ui-root[data-menu=mechselect]>#settings-btn{right:calc(50% - 58px)!important;bottom:6.4vh!important}#ui-root[data-menu=mechselect]>#mute-btn{right:calc(50% - 98px)!important;bottom:6.4vh!important}#ui-root[data-menu=mechselect]>.hot-btn:after{right:50%;transform:translate(50%,4px)}#ui-root[data-menu=mechselect]>.hot-btn:hover:after{transform:translate(50%)}.ready-banner{position:absolute;left:50%;bottom:15vh;transform:translate(-50%);display:flex;justify-content:center;z-index:6;cursor:pointer}.ready-banner .rb-chip{padding:12px 30px;font:700 clamp(13px,1.1vw,18px) var(--font-display);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:#16040f;background:linear-gradient(180deg,#ffb0ec,#ff4dd8);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);filter:drop-shadow(0 0 18px rgba(255,77,216,.65));animation:pulse 1.15s ease-in-out infinite}.ready-banner:hover .rb-chip{animation:none}.ready-banner .rb-chip b{color:#2a0020}body.touch-mode .ready-banner{position:fixed;bottom:15vh;z-index:26}.setup-grid{display:flex;gap:18px;margin-top:2vh}.slot-card{width:min(20vw,250px);padding:18px 18px 16px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.slot-card .slot-label{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#7fa8c4}.slot-card .slot-value{font-size:clamp(16px,1.7vw,24px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.06em;min-height:1.3em}.slot-card .slot-sub{font-size:12px;color:#8fb4cc;min-height:2.6em;line-height:1.3}.slot-card.sel{border-color:var(--hud-cyan);box-shadow:0 0 22px #38e8ff59}.slot-arrows{font-size:12px;color:#5f83a0;letter-spacing:.1em}.screen.arena-screen{background:#06070d}.as-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(6px) saturate(1.1);opacity:0;transition:opacity .45s ease;pointer-events:none}.as-bg.on{opacity:.9}.as-scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#06070d6b,#06070dcc 90%)}.arena-row{display:flex;gap:22px}.arena-card{position:relative;width:min(24vw,320px);border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid rgba(90,140,190,.25);transition:transform .12s,border-color .12s;background:#0a1220}.arena-card.selected{border-color:var(--hud-cyan);transform:scale(1.05);box-shadow:0 0 28px #38e8ff73}.arena-card .arena-art{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}.arena-card .arena-name{position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none;padding:22px 12px 9px;font-family:var(--font-display);font-weight:700;font-size:clamp(13px,1.15vw,20px);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.85);background:linear-gradient(180deg,#04080e00,#04080eb8 45%,#04080eeb)}.arena-card .arena-desc{display:none}#hud{position:absolute;inset:0;pointer-events:none}.hud-plate{position:absolute;width:min(23vw,330px);padding:8px 12px 9px;background:linear-gradient(180deg,#08101cc7,#08101c8c);border:1px solid rgba(96,200,255,.25);border-radius:6px}#hud-stats{position:absolute;left:50%;top:0;width:50%;height:50%;box-sizing:border-box;padding:1vh 1.6vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.5vh;background:linear-gradient(180deg,#060d18f5,#040912f0)}#hud-stats .hud-plate{position:relative;width:auto;padding:4px 9px 5px}#hud-stats .hud-plate .hp-head{margin-bottom:2px}#hud-stats .hud-bar{height:10px}#hud-stats .hud-bar.sprint{height:4px;margin-top:2px}#hud-stats .ult-badges{height:12px;margin-top:1px}#hud-stats .ult-badge{font-size:12px}#hud-stats .round-pips{margin-top:2px;gap:4px}#hud-stats .round-pip{width:9px;height:9px}#hud-stats>.hud-timer.in-stats{position:static;transform:none;text-align:center;font-size:clamp(18px,2vw,28px);line-height:1;margin-bottom:.2vh}.hud-corner{position:absolute;display:flex;flex-direction:column;gap:.6vh}.hud-corner.right{align-items:flex-end}.hud-corner.bottom{flex-direction:column-reverse}.hud-corner .hud-plate{position:relative}#hud.crowded .hud-plate{width:min(18vw,260px);padding:5px 9px 6px}#hud.crowded .hud-plate .hp-head{margin-bottom:2px}#hud.crowded .hud-bar.hp{height:10px}#hud.crowded .round-pips{margin-top:2px}.hud-plate.in-view{width:min(14vw,220px);padding:4px 8px 5px}.hud-plate.in-view .hp-name{font-size:clamp(11px,1vw,15px)}.hud-plate.in-view .hud-bar.hp{height:9px}.hud-plate.in-view .hud-bar.sprint{height:4px;margin-top:2px}.hud-plate.in-view .ult-badges{height:12px;margin-top:1px}.hud-plate.in-view .ult-badge{font-size:12px}.hud-plate.in-view .round-pip{width:8px;height:8px}#hud-stats.grid{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:.8vh 1vw}#hud-stats.grid>.hud-timer.in-stats{flex-basis:100%}#hud-stats.grid .hud-plate{width:min(15vw,240px)}#hud.crowded #hud-stats:not(.grid){flex-direction:row;flex-wrap:wrap;align-content:center;gap:.6vh .8vw}#hud.crowded #hud-stats:not(.grid)>.hud-timer.in-stats{flex-basis:100%}#hud.crowded #hud-stats:not(.grid){padding-top:.6vh;padding-bottom:.6vh;gap:.4vh .8vw}#hud.crowded #hud-stats:not(.grid) .hud-plate{width:calc(50% - .4vw);box-sizing:border-box;padding:2px 7px 3px}#hud.crowded #hud-stats:not(.grid) .hud-plate .hp-head{margin-bottom:1px}#hud.crowded #hud-stats:not(.grid) .hp-name{font-size:clamp(11px,1vw,15px)}#hud.crowded #hud-stats:not(.grid) .hud-bar.hp{height:7px}#hud.crowded #hud-stats:not(.grid) .hud-bar.sprint{height:3px;margin-top:1px}#hud.crowded #hud-stats:not(.grid) .ult-badges{height:10px;margin-top:0}#hud.crowded #hud-stats:not(.grid) .ult-badge{font-size:10px}#hud.crowded #hud-stats:not(.grid) .ammo-count{font-size:10px!important;margin-top:0!important}#hud.crowded #hud-stats:not(.grid) .round-pips{margin-top:1px}#hud.crowded #hud-stats:not(.grid) .round-pip{width:7px;height:7px}#hud.crowded #hud-stats:not(.grid)>.hud-timer.in-stats{font-size:clamp(14px,1.5vw,22px);margin-bottom:0}.hud-plate .hp-head{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.hud-plate .hp-name{font-weight:900;font-style:italic;font-size:clamp(13px,1.3vw,18px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.hud-plate .hp-player{font-size:10px;font-weight:800;letter-spacing:.2em;opacity:.9}.hud-bar{position:relative;height:15px;border-radius:3px;overflow:hidden;background:#0000008c;border:1px solid rgba(255,255,255,.14)}.hud-bar .bar-fill{position:absolute;inset:0;transform-origin:left center}.hud-bar .bar-ghost{position:absolute;inset:0;transform-origin:left center;background:#ffe6c88c}.hud-bar.hp .bar-fill{background:linear-gradient(180deg,#79ffb0,#17c85f 60%,#0e8f44)}.hud-bar.hp.low .bar-fill{background:linear-gradient(180deg,#ffb0a0,#e33a2e 60%,#9c1c14)}.ult-badges{display:flex;gap:6px;margin-top:3px;height:16px;align-items:center}.ult-badge{font-size:15px;line-height:1;color:#ffffff29;-webkit-text-stroke:.6px rgba(255,255,255,.25);transition:color .15s,text-shadow .15s,transform .15s}.ult-badge.held{color:#ffd23c;-webkit-text-stroke:0;text-shadow:0 0 6px rgba(255,210,60,.9),0 0 14px rgba(255,180,32,.5)}.ult-badge.firing{color:#fff2c0;-webkit-text-stroke:0;transform:scale(1.35);animation:ultbadge .18s linear infinite}@keyframes ultbadge{0%,to{text-shadow:0 0 8px #ffd23c,0 0 22px #ffb020,0 0 34px rgba(255,180,32,.7)}50%{text-shadow:0 0 14px #ffe9a0,0 0 30px #ffd23c,0 0 44px rgba(255,210,60,.9)}}@keyframes ultflash{0%,to{filter:brightness(1)}50%{filter:brightness(1.9)}}.hud-bar.sprint{height:5px;margin-top:3px}.hud-bar.sprint .bar-fill{background:linear-gradient(90deg,#ffd23c,#8dff5e)}.hud-bar.sprint.draining .bar-fill{animation:ultflash .35s linear infinite}.round-pips{display:flex;gap:5px;margin-top:5px}.round-pip{width:12px;height:12px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.25)}.round-pip.won{background:var(--hud-amber);box-shadow:0 0 8px #ffb43ccc}.hud-timer{position:absolute;top:2.5vh;left:50%;transform:translate(-50%);font-size:clamp(30px,4vw,52px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 20px rgba(56,232,255,.5),0 3px 5px rgba(0,0,0,.8);letter-spacing:.04em}.hud-timer.training{font-size:clamp(16px,2vw,26px);letter-spacing:.3em;color:var(--hud-amber);text-shadow:0 0 16px rgba(255,180,60,.55),0 2px 4px rgba(0,0,0,.8)}.hud-train{margin-top:6px;padding-top:5px;border-top:1px solid rgba(96,200,255,.2);font-size:11px}.hud-train .train-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hud-train .train-title{font-weight:900;letter-spacing:.2em;color:var(--hud-amber);font-size:10px}.hud-train .train-count{font-weight:800;letter-spacing:.1em;color:#8fb4cc;font-size:10px}.hud-train .train-done{display:flex;flex-wrap:wrap;gap:3px 5px;margin-top:3px}.hud-train .train-done:empty{display:none}.hud-train .train-chip{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--hud-green);padding:1px 5px;border:1px solid rgba(98,255,154,.35);border-radius:3px;background:#62ff9a14}.hud-train .train-cur{margin-top:4px;font-weight:900;font-style:italic;font-size:13px;letter-spacing:.06em;color:#fff;text-shadow:0 1px 2px #000}.hud-train .train-cur b{color:var(--hud-cyan);font-style:normal;margin-left:6px;letter-spacing:.1em}.hud-train .train-cur.tick{color:var(--hud-green);animation:traintick .4s ease-out}@keyframes traintick{0%{transform:scale(1.25);filter:brightness(2)}to{transform:none;filter:none}}.hud-train.free .train-done,.hud-train.free .train-cur{display:none}.hud-train.free .train-title{color:var(--hud-green)}.hud-train.right{text-align:right}.hud-train.right .train-head{flex-direction:row-reverse}.hud-train.right .train-done{justify-content:flex-end}#hud-stats .hud-train{position:absolute;right:9px;top:3px;margin:0;padding:0;border:0;display:flex;align-items:baseline;gap:0 8px;white-space:nowrap}#hud-stats .hud-train .train-done{display:none}#hud-stats .hud-train:not(.free) .train-title{display:none}#hud-stats .hud-train .train-cur{margin-top:0;font-size:11px}#hud-stats .hud-train.free .train-cur{display:none}#announce{position:absolute;top:34%;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(46px,8.5vw,120px);font-weight:900;font-style:italic;letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:0;text-shadow:0 0 34px rgba(56,232,255,.75),0 6px 10px rgba(0,0,0,.85)}#announce.show{animation:announce-in .9s cubic-bezier(.16,1.4,.3,1) forwards}#announce.show-hold{animation:announce-in-hold 2.4s cubic-bezier(.16,1.4,.3,1) forwards}@keyframes announce-in{0%{opacity:0;transform:scale(2.6);filter:blur(6px)}22%{opacity:1;transform:scale(1);filter:blur(0)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes announce-in-hold{0%{opacity:0;transform:scale(2.6);filter:blur(6px)}10%{opacity:1;transform:scale(1);filter:blur(0)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.results-panel{padding:30px 60px;text-align:center}.results-panel .winner-name{font-size:clamp(40px,6vw,84px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 30px rgba(255,180,60,.6)}.results-panel .winner-sub{font-size:16px;letter-spacing:.4em;text-transform:uppercase;color:var(--hud-amber);margin-top:4px}.results-panel .winner-quote{margin-top:18px;font-size:15px;color:#b8d4e6;font-style:italic;max-width:520px}.pause-title{font-size:clamp(34px,5vw,64px)}.screen .panel{max-height:60vh;overflow-y:auto;scrollbar-width:thin}#popup-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dmg-pop{position:absolute;font-weight:900;font-style:italic;font-size:22px;color:#fff;text-shadow:0 0 10px rgba(255,120,40,.9),0 2px 2px #000;animation:dmg-rise .8s ease-out forwards;transform:translate(-50%,-50%)}@keyframes dmg-rise{0%{opacity:0;transform:translate(-50%,-30%) scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-180%) scale(.85)}}.pad-pointer{position:absolute;left:0;top:0;z-index:55;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75))}#now-playing{position:absolute;right:1.4vw;bottom:.7vh;z-index:12;display:flex;align-items:center;gap:7px;padding:4px 9px;border-radius:5px;background:#060c1673;border:1px solid rgba(120,190,240,.16);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#bee0f6b8;text-shadow:0 1px 3px #000;cursor:pointer;pointer-events:auto;user-select:none;opacity:.75;transition:opacity .18s,color .18s;max-width:34vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#now-playing:hover{opacity:1;color:#dff0ff}#now-playing.np-off{color:#aabecd80}#now-playing .np-icon{font-size:13px;filter:saturate(.4);flex:none}#now-playing .np-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#now-playing .np-btn{flex:none;width:0;overflow:hidden;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:12px;line-height:1;cursor:pointer;pointer-events:auto;opacity:0;transform:scale(.7);transition:width .18s ease,opacity .18s ease,transform .18s ease}#now-playing:hover .np-btn{width:17px;opacity:.82;transform:scale(1)}#now-playing .np-btn:hover{opacity:1;color:var(--hud-cyan)}#now-playing .np-btn:active{transform:scale(.88)}#now-playing.np-nonav:hover .np-btn{width:0;opacity:0}#toast-layer{position:absolute;bottom:3vh;right:2vw;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 18px;border-radius:6px;font-size:13px;letter-spacing:.08em;background:#08101ce6;border:1px solid var(--panel-edge);color:#cdeeff;animation:toast-in 4s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}8%{opacity:1;transform:translate(0)}85%{opacity:1}to{opacity:0}}.fade-in{animation:fadein .35s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}#loading-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05070c;z-index:100}#loading-screen .load-bar{width:min(40vw,420px);height:6px;margin-top:26px;background:#ffffff14;border-radius:3px;overflow:hidden}#loading-screen .load-fill{height:100%;width:0%;background:linear-gradient(90deg,#1c86c8,#38e8ff);transition:width .2s}.ls{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,var(--ls-sky-top, #0a0e18),var(--ls-sky-bot, #1a2030));color:#fff;font-family:var(--font-display);text-transform:uppercase;opacity:1;transition:opacity var(--ls-fade, .9s) ease-in-out}.ls.out{opacity:0}.ls .ls-bg{position:absolute;inset:-2%;background-size:cover;background-position:center;animation:ls-kb 16s ease-out both}@keyframes ls-kb{0%{transform:scale(1)}to{transform:scale(1.09)}}.ls .ls-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#04060cd1,#04060c40 26%,#04060c00 42%,#04060c33 62%,#04060ce6 84%,#04060cf5),radial-gradient(ellipse at 50% 55%,transparent 45%,rgba(4,6,12,.55) 100%)}.ls .ls-top{position:absolute;left:4vw;right:4vw;top:3.6vh;z-index:4}.ls .ls-sub{font:600 clamp(10px,1.1vw,15px) var(--font-label);letter-spacing:.5em;color:#9fe6f7;text-shadow:0 1px 3px #000}.ls .ls-round{color:#fff;opacity:.85}.ls .ls-arena{font:700 clamp(34px,5.6vw,96px)/1 var(--font-display);letter-spacing:.04em;margin-top:.4vh;text-shadow:0 0 30px rgba(56,232,255,.45),0 3px 8px rgba(0,0,0,.9);animation:ls-title-in .7s cubic-bezier(.2,.9,.3,1) both}@keyframes ls-title-in{0%{transform:translate(-3vw);opacity:0}}.ls .ls-desc{font:500 clamp(12px,1.15vw,17px) var(--font-label);text-transform:none;color:#dcebf7;margin-top:.8vh;max-width:52vw;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px #000}.ls .ls-cards{position:absolute;left:3vw;right:3vw;top:22vh;bottom:20vh}.ls .ls-f{position:absolute;bottom:0;top:0;width:34vw;transform:translate(-50%);--h: 100%;animation:ls-f-in .65s cubic-bezier(.2,.9,.3,1.05) both;animation-delay:calc(var(--i) * .08s)}.ls .ls-cards.n3 .ls-f{width:28vw}.ls .ls-cards.n4 .ls-f{width:23vw}.ls .ls-cards.n4 .ls-panel{bottom:10vh}@keyframes ls-f-in{0%{transform:translate(calc(-50% - 6vw))}}.ls .ls-f.right{animation-name:ls-f-in-r}@keyframes ls-f-in-r{0%{transform:translate(calc(-50% + 6vw))}}.ls .ls-panel{position:absolute;left:50%;top:0;bottom:12vh;transform:translate(-50%);aspect-ratio:4 / 5;max-width:100%;background:#05080f;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);filter:drop-shadow(0 12px 22px rgba(0,0,0,.6))}.ls .ls-art{position:absolute;inset:0;background-size:cover;background-position:center 26%}.ls .ls-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(4,6,12,.75) 100%)}.ls .ls-edge{position:absolute;inset:0;z-index:2;background:var(--glow);clip-path:polygon(12% 0,calc(12% + 7px) 0,7px 100%,0 100%);box-shadow:0 0 18px var(--glow)}.ls .ls-plate{position:absolute;left:0;right:0;bottom:0;text-align:center}.ls .ls-tag{display:inline-block;padding:.3em .9em;font:700 clamp(10px,.95vw,14px) var(--font-label);letter-spacing:.24em;color:#05080f;background:var(--pc);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.ls .ls-f.cpu .ls-tag{color:#fff;background:#5a6e8cf2}.ls .ls-name{font:700 clamp(26px,3.6vw,64px)/1 var(--font-display);letter-spacing:.04em;margin-top:.6vh;color:#fff;text-shadow:0 0 20px var(--glow),0 3px 6px #000;white-space:nowrap}.ls .ls-cards.n4 .ls-name{font-size:clamp(20px,2.6vw,44px)}.ls .ls-title{font:600 clamp(9px,.8vw,13px) var(--font-label);letter-spacing:.3em;color:var(--glow);margin-top:.5vh;text-shadow:0 1px 3px #000}.ls .ls-vs{position:absolute;top:38%;transform:translate(-50%,-50%);z-index:3}.ls .ls-vs span{display:block;font:700 italic clamp(40px,5.6vw,100px)/1 var(--font-display);color:#fff;text-shadow:0 0 24px rgba(255,77,216,.8),0 0 60px rgba(56,232,255,.4),0 4px 6px #000;animation:ls-vs-in .5s cubic-bezier(.2,1.6,.4,1) .35s both}@keyframes ls-vs-in{0%{transform:scale(2.2)}}.ls .ls-cards.n4 .ls-vs span{font-size:clamp(28px,3.6vw,64px)}.ls .ls-cards.n5 .ls-f{width:19vw}.ls .ls-cards.n6 .ls-f{width:16vw}.ls .ls-cards.n7 .ls-f{width:14vw}.ls .ls-cards.n8 .ls-f{width:12.5vw}.ls .ls-cards:is(.n5,.n6,.n7,.n8) .ls-panel{bottom:8vh}.ls .ls-cards:is(.n5,.n6,.n7,.n8) .ls-name{font-size:clamp(14px,1.7vw,30px)}.ls .ls-cards:is(.n5,.n6,.n7,.n8) .ls-title{display:none}.ls .ls-cards:is(.n5,.n6,.n7,.n8) .ls-vs{display:none}.ls .ls-foot{position:absolute;left:0;right:0;bottom:0;height:19vh;display:flex;align-items:center;gap:2.4vw;padding:1.2vh 4vw 2vh}.ls .ls-pad{flex:0 0 auto;width:min(34vw,16vh * 1.9);height:100%;opacity:.9}.ls .ls-pad-svg{width:100%;height:100%;display:block}.ls .ls-tips{flex:1 1 auto;min-width:0}.ls .ls-tips-title{font:600 clamp(9px,.9vw,12px) var(--font-label);letter-spacing:.5em;color:#9fd8ef}.ls .ls-tip{font:500 clamp(12px,1.3vw,19px) var(--font-label);text-transform:none;color:#eaf5fb;margin-top:.6vh;line-height:1.35;letter-spacing:.02em;transition:opacity .18s;opacity:1}.ls .ls-tip.swap{opacity:0}.ls .ls-load{flex:0 0 auto;width:min(26vw,380px);text-align:right}.ls .ls-bar{margin-top:.8vh;width:100%;height:8px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#0a121cd9;box-shadow:inset 0 1px 3px #000000b3}.ls .ls-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#1a7fae,#38e8ff 70%,#dffbff);box-shadow:0 0 12px #38e8ffe6;transition:width .15s linear}.ls .ls-status{font:600 clamp(9px,.9vw,12px) var(--font-label);letter-spacing:.34em;color:#9fc0d8;animation:pulse 1.2s ease-in-out infinite}@media (max-aspect-ratio: 5/4){.ls .ls-desc{display:none}.ls .ls-foot{flex-wrap:wrap;height:24vh}.ls .ls-tips{display:none}.ls .ls-cards{bottom:26vh}}.touch-root{position:absolute;inset:0;z-index:20;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.touch-root *{-webkit-tap-highlight-color:transparent}.touch-look-zone{position:absolute;inset:0;pointer-events:auto;touch-action:none}.touch-stick-zone{position:absolute;left:0;bottom:0;width:42%;height:62%;pointer-events:auto;touch-action:none}.touch-stick-base{position:absolute;left:20%;top:55%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#38e8ff1a,#08101c57);border:2px solid rgba(96,200,255,.42);box-shadow:0 0 24px #0006 inset;opacity:.55;transition:opacity .15s}.touch-stick-base.active{opacity:.92}.touch-stick-thumb{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#7ff0ff,#1c86c8 70%,#0d4f7a);border:2px solid rgba(230,250,255,.85);box-shadow:0 4px 14px #00000080,0 0 18px #38e8ff99}.touch-actions{position:absolute;right:2.4%;bottom:4%;width:46%;max-width:430px;display:flex;flex-wrap:wrap-reverse;flex-direction:row-reverse;align-content:flex-end;justify-content:flex-start;gap:12px;pointer-events:none}.touch-btn{pointer-events:auto;touch-action:none;cursor:pointer;width:68px;height:68px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a121e99;border:2px solid rgba(120,180,220,.5);color:#eaf6ff;box-shadow:0 3px 12px #00000073;transition:transform .06s,background .06s}.touch-btn .tb-glyph{font-size:24px;line-height:1}.touch-btn .tb-label{font-size:9px;font-weight:800;letter-spacing:.08em;margin-top:2px;opacity:.85}.touch-btn.pressed{transform:scale(.9);background:#38e8ff47;border-color:#7ff0ff}.touch-btn.b-light,.touch-btn.b-heavy{width:78px;height:78px}.touch-btn.b-light{border-color:#38e8ffbf}.touch-btn.b-heavy{border-color:#ffb43cbf}.touch-btn.b-jump{border-color:#62ff9ab3}.touch-btn.b-ult{border-color:#b46bffcc;background:#28143c99}.touch-btn.b-special{border-color:#ff78b4b3}.touch-btn.b-duck{border-color:#aef23cb3}.touch-btn.hold.pressed{background:#ffb43c47;border-color:#ffd07a}.touch-topbar{position:absolute;top:1.6%;right:2.4%;display:flex;gap:10px;pointer-events:none}.touch-btn.tb-mini{width:50px;height:50px}.touch-btn.tb-mini .tb-glyph{font-size:20px}.touch-navbtn{pointer-events:auto;cursor:pointer;position:absolute;padding:12px 24px;border-radius:8px;font-weight:800;font-style:italic;letter-spacing:.1em;text-transform:uppercase;font-size:16px;color:#eaf6ff;background:#0a121ed1;border:2px solid var(--panel-edge);box-shadow:0 3px 12px #0006}.touch-navbtn:active{transform:scale(.95);background:#38e8ff38}.touch-navbtn.nav-back{left:4vw;bottom:4vh}.touch-navbtn.nav-next{right:4vw;bottom:4vh;color:#061018;background:linear-gradient(180deg,#7ff0ff,#1c86c8);border-color:#7ff0ff}.touch-navbar{position:absolute;left:0;right:0;bottom:3vh;display:flex;justify-content:center;gap:24px;pointer-events:none}.touch-navbar .touch-navbtn{position:static}body.touch-mode .hint-bar{display:none}@media (max-width: 820px),(pointer: coarse){.setup-grid{gap:8px}}@media (max-height: 620px){.sd-moves{display:none}.sel-head.vs{font-size:clamp(40px,11vh,80px);margin-top:1vh}.sel-grid{margin-top:1vh}}@media (max-width: 560px){.touch-btn{width:58px;height:58px}.touch-btn.b-light,.touch-btn.b-heavy{width:66px;height:66px}.touch-btn .tb-glyph{font-size:20px}.touch-stick-base{width:128px;height:128px;margin:-64px 0 0 -64px}}.arena-grid{position:absolute;top:12vh;bottom:calc(1.5vh + 42px);left:50%;transform:translate(-50%);width:min(88vw,1240px);display:grid;grid-template-columns:repeat(4,1fr);gap:14px;overflow-y:auto;overflow-x:hidden;align-content:start;padding:6px;scrollbar-width:thin;scrollbar-color:rgba(96,200,255,.45) transparent}.arena-grid::-webkit-scrollbar{width:6px}.arena-grid::-webkit-scrollbar-thumb{background:#60c8ff73;border-radius:3px}.arena-card{width:auto}#rotate-hint{position:absolute;inset:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;background:#05070c;color:#eaf6ff;text-align:center;pointer-events:auto;padding:24px}#rotate-hint .rot-icon{font-size:60px;animation:rotwob 1.8s ease-in-out infinite}#rotate-hint .rot-title{margin-top:20px;font-size:24px;font-weight:900;font-style:italic;letter-spacing:.08em;text-transform:uppercase}#rotate-hint .rot-sub{margin-top:8px;font-size:13px;color:#8fb4cc;letter-spacing:.14em;text-transform:uppercase}@keyframes rotwob{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@media (orientation: portrait){body.touch-mode #rotate-hint{display:flex}}body.touch-mode .screen:has(.setup-grid),body.touch-mode .screen:has(.arena-grid){justify-content:flex-start;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:68px 10px 104px}body.touch-mode .screen-heading{font-size:clamp(19px,5vw,30px);top:2.4vh}body.touch-mode .setup-grid{flex-wrap:wrap;justify-content:center;gap:12px;max-width:560px;margin-top:0}body.touch-mode .slot-card{width:calc(50% - 8px);min-width:0}body.touch-mode .arena-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:0;width:100%;max-width:560px}body.touch-mode .arena-card{width:auto}body.touch-mode .arena-card .arena-desc{display:none}body.touch-mode .arena-card .arena-name{font-size:15px;padding:18px 10px 7px}body.touch-mode .touch-navbar{position:fixed;left:0;right:0;bottom:2vh;z-index:25}body.touch-mode .screen>.touch-navbtn{position:fixed;z-index:25}.xb-btn{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:19px;height:19px;border-radius:50%;background:#cdeeff;vertical-align:middle;margin:0 4px}.xb-btn i{display:block;width:10px;height:1.5px;border-radius:1px;background:#0b131f}.hot-btn{position:absolute}.hot-btn:after{content:attr(data-tip);position:absolute;right:0;bottom:130%;padding:5px 9px;border-radius:6px;white-space:nowrap;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#080e18f2;color:#cfe4f4;border:1px solid rgba(96,200,255,.4);box-shadow:0 4px 14px #0000008c;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.hot-btn:hover:after{opacity:1;transform:translateY(0)}.ctrl-title{font-size:clamp(22px,3.2vw,42px);margin:1.5vh 0 .5vh}.ctrl-wrap{display:flex;flex-direction:column;align-items:center;width:min(74vw,840px);margin:0 auto}.ctrl-stage{position:relative;width:min(100%,118vh);aspect-ratio:760 / 400;margin:0 auto;container-type:inline-size}.ctrl-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ctrl-label{position:absolute;width:21%;cursor:pointer;font-size:clamp(6px,1.3cqw,11.5px);line-height:1.25;white-space:nowrap;color:#9fc4dc;transform:translateY(-50%);padding:.75cqw 1.15cqw;border-radius:1cqw;border:1.5px solid rgba(96,200,255,.3);background:#0c1624d9;transition:border-color .12s,box-shadow .12s,background .12s}.ctrl-label.right{text-align:right}.ctrl-label:hover{border-color:#60c8ff99}.ctrl-label.on{border-color:var(--hud-cyan);background:#142c42f2;box-shadow:0 0 14px #38e8ff59}.ctrl-label b{color:var(--hud-cyan);letter-spacing:.1em;margin-right:.45em;font-size:clamp(7px,1.45cqw,12.5px)}.ctrl-label.on b{color:#fff;text-shadow:0 0 10px var(--hud-cyan)}.ctrl-label.on{color:#dff0fb}.ctrl-detail{display:grid;width:min(88%,760px);margin-top:.5vh;text-align:center;font-size:clamp(11px,1.15vw,14px);line-height:1.45;color:#bcd6e8}.ctrl-detail>div{grid-area:1 / 1;visibility:hidden}.ctrl-detail>div.on{visibility:visible}.ctrl-detail b{color:var(--hud-cyan);letter-spacing:.12em}.ctrl-foot{width:min(96vw,1120px);margin-top:1vh;padding:0 clamp(60px,8vw,130px);font-size:10.5px;letter-spacing:.1em;color:#7ba0ba;text-align:center}.ctrl-foot b,.ctrl-detail b{font-weight:800}.ctrl-close{margin-top:1.4vh;padding:7px 22px;border-radius:7px;cursor:pointer;font-weight:800;letter-spacing:.18em;font-size:12px;color:#cfe4f4;border:2px solid rgba(96,200,255,.45);background:#0a121ecc}.ctrl-close:hover{color:#fff;border-color:var(--hud-cyan)}#ui-root[data-menu=title]>.hot-btn:after{bottom:auto;top:130%}.pos-r .sd-moves small,.pos-tr .sd-moves small,.pos-br .sd-moves small{width:auto;margin-right:.9em}.sd-stats small,.sd-moves small,.sd-stats b{text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.7)}