@font-face{font-family:V4 Pixel;src:url(./v4-pixel-D8YyhmIn.woff)format("woff");font-display:block}:root{--bg:#0a1220;--cab:#3b4759;--cab-dark:#2a3443;--cab-light:#4e5c72;--yellow:#ffd23f;--orange:#ff7a1a;--pix:"V4 Pixel", "Press Start 2P", monospace;--logo:"Anton", Impact, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:#fff;height:100%;font-family:var(--pix);margin:0;overflow-x:hidden}.hud{pointer-events:none;display:none;position:absolute;inset:0}body[data-mode=fight] .hud,body[data-mode=result] .hud,body[data-mode=netfight] .hud{display:block}.hud-top{justify-content:space-between;align-items:flex-start;padding:0 18px;display:flex;position:absolute;top:14px;left:0;right:0}.side{align-items:flex-start;gap:10px;width:400px;display:flex}.side.p2{flex-direction:row;justify-content:flex-end}.portrait{background:#123;border:3px solid #fff;flex:none;width:58px;height:58px;overflow:hidden;box-shadow:0 3px #000}.portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.bars{flex:1;padding-top:2px}.p2 .bars{text-align:right}.name{color:var(--yellow);text-shadow:2px 2px #000;margin-bottom:6px;font-size:11px}.life{background:#2a0a0a;border:3px solid #fff;height:22px;position:relative;overflow:hidden;box-shadow:0 3px #000}.life .fill,.life .ghost{position:absolute;top:0;bottom:0;left:0}.p2 .life .fill,.p2 .life .ghost{left:auto;right:0}.life .fill{background:linear-gradient(#ffe66d,#f6b400 55%,#d98a00);transition:width 50ms}.life .ghost{background:#e63946}.timer{text-align:center;color:#fff;text-shadow:3px 3px #000;width:90px;padding-top:12px;font-size:30px}.timer.low{color:#ff5a5a;animation:.5s step-end infinite blink}.hud-msg{text-align:center;font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:3px #7a2a00;text-shadow:6px 6px #000;opacity:0;letter-spacing:4px;font-size:92px;position:absolute;top:200px;left:0;right:0;transform:scale(1.6)}.hud-msg.show{opacity:1;transition:transform .12s ease-out;transform:scale(1)}.hud-msg.small{font-family:var(--pix);-webkit-text-stroke:0;color:#fff;text-shadow:3px 3px #000;font-size:22px;top:150px}.screens{display:none;position:absolute;inset:0}.screens.show{display:block}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.pix{letter-spacing:1px;text-shadow:2px 2px #000;font-size:12px;line-height:1.8}.pix.small{color:#cfe0ff;font-size:10px}.pix.tiny{color:#8fa5c8;font-size:7px}.logo{line-height:.85;font-family:var(--logo);flex-direction:column;font-style:italic;display:flex}.logo .l1{color:#fff;-webkit-text-stroke:2px #1a2a55;text-shadow:5px 5px #1a2a55;letter-spacing:6px;font-size:78px}.logo .l2{color:var(--yellow);background:linear-gradient(#fff3a0,#ffd23f 45%,#ff8a00);-webkit-text-fill-color:transparent;filter:drop-shadow(5px 6px #6b1c00)drop-shadow(0 0 18px #ff8c0059);letter-spacing:4px;-webkit-background-clip:text;background-clip:text;font-size:150px}.logo .l3{font-family:var(--pix);letter-spacing:8px;color:#fff;text-shadow:3px 3px #7a1c8e,0 0 14px #ff50c899;margin-top:14px;font-size:16px;font-style:normal}.tag{margin-top:6px}.press{color:#fff;margin-top:16px;font-size:20px;animation:1s step-end infinite blink}.title-sm{font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:2px #7a2a00;text-shadow:4px 4px #000;letter-spacing:3px;font-size:48px}.title-big{font-family:var(--logo);letter-spacing:4px;-webkit-text-stroke:3px #000;text-shadow:6px 6px #000;font-size:110px}.title-big.win{color:var(--yellow)}.title-big.lose{color:#ff4d4d}.menu{flex-direction:column;gap:14px;display:flex}.item{color:#9fb4d8;cursor:pointer;padding:10px 26px;font-size:16px;position:relative}.item i{color:#6f86ab;margin-top:8px;font-size:7px;font-style:normal;display:block}.item.sel{color:var(--yellow);text-shadow:3px 3px #000}.item.sel:before{content:"▶";color:var(--orange);animation:.5s steps(2,end) infinite nudge;position:absolute;left:-10px}.bar{background:#000;border:3px solid #fff;width:320px;height:16px}.bar div{background:var(--yellow);height:100%}.cards{gap:30px;display:flex}.card{cursor:pointer;background:#0a1228d9;border:4px solid #2a3a60;width:260px;padding:12px;transition:transform .1s}.card.sel{border-color:var(--c);box-shadow:0 0 28px var(--c);transform:translateY(-6px)scale(1.04)}.thumb{width:200px;height:176px;margin:0 auto 10px;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.thumb.big{width:280px;height:250px}.cname{color:var(--yellow);text-shadow:2px 2px #000;font-size:16px}.crole{color:#cfe0ff;margin-top:8px;font-size:8px}.ctag{color:#8fa5c8;margin-top:8px;font-size:7px;line-height:1.6}.cstats{color:#fff;margin-top:10px;font-size:7px}.cspecial{color:var(--c);margin-top:8px;font-size:7px}.vsrow{align-items:center;gap:40px;display:flex}.vscard{width:240px}.vsx{font-family:var(--logo);color:#ff4d4d;-webkit-text-stroke:3px #000;text-shadow:6px 6px #000;font-size:120px;font-style:italic}.err{color:#ff8a8a;font-size:9px;position:absolute;bottom:20px;left:20px;right:20px}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{filter:brightness(1.6)}}@keyframes nudge{50%{transform:translate(4px)}}.rounds{gap:6px;margin-top:6px;display:flex}.p2 .rounds{justify-content:flex-end}.rounds i{background:#222;border:2px solid #fff;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 2px #000}.rounds i.won{background:var(--yellow)}.screens.select{background:#1a1f8a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='120'%3E%3Ctext x='0' y='60' font-family='Impact,sans-serif' font-size='44' font-style='italic' fill='%23ffffff' fill-opacity='0.06' transform='skewX(-12)'%3EV4 FIGHTERS%3C/text%3E%3C/svg%3E")}.sf2{grid-template-rows:350px 1fr;grid-template-columns:250px 1fr 250px;gap:0 10px;padding:24px 30px 14px;display:grid;position:absolute;inset:0}.sf2-side{flex-direction:column;align-items:center;gap:6px;display:flex}.sf2-portrait{justify-content:center;align-items:center;width:240px;height:220px;display:flex;overflow:hidden}.sf2-portrait img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.sf2-portrait.cpu img{filter:hue-rotate(var(--hue,0deg))}.sf2-name{font-family:var(--logo);letter-spacing:3px;background:linear-gradient(#ffe97a 0%,#ffb12e 45%,#ff3c8e 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(3px 3px #2a0c4a);-webkit-background-clip:text;background-clip:text;font-size:46px;font-style:italic;line-height:1}.sf2-tag{color:#ff3c5a;text-shadow:3px 3px #000;margin-top:4px;font-size:20px}.sf2-tag.cpu{color:#4ab3ff}.sf2-region{color:#ffe97a;text-shadow:2px 2px #000;letter-spacing:1px;font-size:9px}.sf2-center{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;display:flex}.sf2-map svg{width:100%;height:100%}.sf2-map .globe{fill:#2a63d8;stroke:#9fd2ff;stroke-width:2px}.sf2-map .land{fill:#6da85a;stroke:#2f5a2a;stroke-width:1.5px}.sf2-map .dot{fill:#3d8bff;stroke:#dff1ff;stroke-width:1.5px}.sf2-map .dot.dim{fill:#24408a;stroke:#6f8fd0}.sf2-map .dot.on{fill:#fff;stroke:#ffe97a;stroke-width:2.5px;animation:.5s step-end infinite blink}.sf2-map .dot.cpu{fill:#ff3c5a;stroke:#fff}.sf2-map .lbl{font-family:var(--pix);fill:#fff;paint-order:stroke;stroke:#000;stroke-width:2px;font-size:8px}.sf2-title{letter-spacing:2px;color:#fff;text-shadow:2px 2px #7a1c8e,4px 4px #000;font-family:Times New Roman,serif;font-size:30px;font-weight:700}.sf2-grid{grid-column:1/-1;justify-content:center;align-self:start;gap:6px;padding:8px;display:flex}.sf2-slot{cursor:pointer;background:#0b1030;border:3px solid #0b1030;width:76px;height:76px;position:relative;overflow:hidden}.sf2-slot img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.sf2-slot.locked{font-family:var(--logo);color:#e64bd3;cursor:default;background:#3a3a4a;justify-content:center;align-items:center;font-size:56px;display:flex}.sf2-slot.sel{border-color:var(--yellow);box-shadow:0 0 0 2px #000, 0 0 16px var(--yellow)}.sf2-slot.sel:after{content:"1P";font-family:var(--pix);color:#ff3c5a;text-shadow:2px 2px #000;font-size:10px;position:absolute;top:-2px;left:4px}.sf2-slot.cpu{border-color:#4ab3ff}.sf2-slot.cpu:before{content:"CPU";font-family:var(--pix);color:#4ab3ff;text-shadow:2px 2px #000;font-size:8px;position:absolute;bottom:2px;right:4px}.sf2-hint{text-align:center;grid-column:1/-1;align-self:end}.sf2{grid-template-rows:372px 1fr;padding-top:16px}.sf2-portrait{height:176px}.sf2-tag{margin-top:0;font-size:16px}.sf2-stats{flex-direction:column;gap:5px;width:216px;margin-top:4px;display:flex}.stat{align-items:center;gap:8px;display:flex}.stat span{color:#fff;text-shadow:1px 1px #000;text-align:right;letter-spacing:1px;width:78px;font-size:7px}.stat div{background:#0b1030;border:2px solid #fff;flex:1;height:9px;box-shadow:0 2px #000}.stat i{height:100%;display:block}.sf2-map{height:270px}.sf2-map .lbl{display:none}.sf2-map .dot.on+.lbl{display:block}.lb{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;gap:10px 24px;padding:22px 34px 16px;display:grid;position:absolute;inset:0}.lb-head{text-align:center;grid-column:1/-1}.lb-col{flex-direction:column;gap:8px;display:flex;overflow:auto}.lb-col h4{color:var(--yellow);letter-spacing:2px;text-shadow:2px 2px #000;margin:6px 0 2px;font-size:9px}.lb-row{background:#ffffff0f;border:2px solid #2a3a60;align-items:center;gap:10px;padding:6px 8px;display:flex}.lb-av{flex:none;width:40px;height:40px;overflow:hidden}.lb-av img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.lb-av.big{width:110px;height:110px}.lb-name{text-shadow:2px 2px #000;flex:1;font-size:10px}.lb-name small{color:#8fa5c8;margin-top:5px;font-size:6px;display:block}.lb-btn{background:var(--yellow);color:#222;cursor:pointer;text-align:center;padding:10px 18px;font-size:10px;box-shadow:0 4px #a86b00}.lb-btn.sm{padding:7px 10px;font-size:7px}.lb-btn.ghost{color:#fff;background:#2a3a60;box-shadow:0 4px #111a33}.lb-btn:active{transform:translateY(3px);box-shadow:0 1px #a86b00}.lb-rank{align-items:center;gap:10px;font-size:8px;display:flex}.lb-rank b{color:var(--yellow);width:24px}.lb-rank span{flex:1}.lb-rank i{color:#9fe8a8;font-style:normal}.lb-foot{grid-column:1/-1;justify-content:center;display:flex}.lb-input{font-family:var(--pix);text-align:center;color:#fff;text-transform:uppercase;background:#0b1030;border:3px solid #fff;outline:none;width:300px;padding:12px;font-size:16px}.lb-modal{background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.lb-row.t{padding:4px 8px}.lb-row.t.live{border-color:var(--yellow);box-shadow:0 0 12px #ffd23f80}.lb-row.t .win{color:#9fe8a8}.vs-stage{--ease:cubic-bezier(.2,.9,.3,1);background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.vs-panel{transition:clip-path .3s var(--ease);position:absolute;inset:0}.vs-panel.l{clip-path:polygon(0 0,56% 0,44% 100%,0 100%);animation:slideL .5s var(--ease)}.vs-panel.r{clip-path:polygon(56% 0,100% 0,100% 100%,44% 100%);animation:slideR .5s var(--ease)}.vs-cut{z-index:2;background:linear-gradient(#fff, var(--yellow));clip-path:polygon(55.5% 0,56.6% 0,44.6% 100%,43.5% 100%);transition:clip-path .3s var(--ease);position:absolute;inset:0}.vs-stage[data-speaker=l] .vs-panel.l{clip-path:polygon(0 0,79% 0,67% 100%,0 100%)}.vs-stage[data-speaker=l] .vs-panel.r{clip-path:polygon(79% 0,100% 0,100% 100%,67% 100%)}.vs-stage[data-speaker=l] .vs-cut{clip-path:polygon(78.5% 0,79.6% 0,67.6% 100%,66.5% 100%)}.vs-stage[data-speaker=r] .vs-panel.l{clip-path:polygon(0 0,33% 0,21% 100%,0 100%)}.vs-stage[data-speaker=r] .vs-panel.r{clip-path:polygon(33% 0,100% 0,100% 100%,21% 100%)}.vs-stage[data-speaker=r] .vs-cut{clip-path:polygon(32.5% 0,33.6% 0,21.6% 100%,20.5% 100%)}.vs-bg{opacity:0;background:repeating-linear-gradient(100deg, #ffffff17 0 3px, transparent 3px 22px), radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--c) 75%, #000) 0%, #05060f 80%);transition:opacity .3s;position:absolute;inset:0}.talking .vs-bg{opacity:.45}.vs-stage[data-speaker=l] .vs-panel.l .vs-bg,.vs-stage[data-speaker=r] .vs-panel.r .vs-bg{opacity:.95;animation:.45s linear infinite speed}.vs-face{max-width:none;height:560px;transition:left .3s var(--ease), filter .3s, height .3s var(--ease);filter:hue-rotate(var(--hue,0deg)) drop-shadow(0 0 2px #000) drop-shadow(0 0 22px color-mix(in srgb, var(--c) 70%, transparent));position:absolute;bottom:-34px;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 72%,#0000 97%);mask-image:linear-gradient(#000 72%,#0000 97%)}.vs-panel.l .vs-face{left:24%}.vs-panel.r .vs-face{left:76%;transform:translate(-50%)scaleX(-1)}.vs-stage[data-speaker=l] .vs-panel.l .vs-face{height:620px;left:30%}.vs-stage[data-speaker=r] .vs-panel.r .vs-face{height:620px;left:70%}.vs-stage[data-speaker=l] .vs-panel.r .vs-face{left:93%}.vs-stage[data-speaker=r] .vs-panel.l .vs-face{left:7%}.vs-stage[data-speaker=l] .vs-panel.r .vs-face,.vs-stage[data-speaker=r] .vs-panel.l .vs-face{filter:hue-rotate(var(--hue,0deg)) brightness(.3) grayscale(.6)}.vs-face.thumbfall{bottom:150px;-webkit-mask-image:none;mask-image:none;height:300px!important}.vs-floor{pointer-events:none;z-index:2;background:linear-gradient(#0000,#03040eeb 62%);height:190px;position:absolute;bottom:0;left:0;right:0}.vs-plate{z-index:3;width:380px;transition:opacity .2s;position:absolute;bottom:30px}.vs-plate.l{text-align:left;border-left:6px solid var(--c);padding-left:12px;left:26px}.vs-plate.r{text-align:right;border-right:6px solid var(--c);padding-right:12px;right:26px}.vs-name{font-family:var(--logo);letter-spacing:2px;color:#fff;text-shadow:3px 3px 0 var(--c), 6px 6px 0 #000;font-size:54px;font-style:italic;line-height:.95}.vs-role{color:var(--yellow);text-shadow:2px 2px #000;letter-spacing:1px;margin-top:8px;font-size:9px}.vs-label{text-align:center;color:var(--yellow);z-index:4;position:absolute;top:14px;left:0;right:0}.vs-logo{width:170px;image-rendering:pixelated;z-index:4;filter:drop-shadow(0 0 26px #ffa028b3);transition:opacity .2s;animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both vsPop;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.talking .vs-plate,.talking .vs-logo{opacity:0}.vs-hint{text-align:center;z-index:6;position:absolute;bottom:6px;left:0;right:0}.vs-talk{z-index:5;text-align:left;width:56%;min-height:150px;box-shadow:0 6px 0 #000, inset 0 0 0 4px var(--c);background:#040614f0;border:4px solid #fff;padding:26px 22px 18px;display:none;position:absolute;bottom:30px}.talking .vs-talk{display:block}.vs-stage[data-speaker=l] .vs-talk{right:2.5%}.vs-stage[data-speaker=r] .vs-talk{left:2.5%}.vs-talk.pop{animation:talkPop .22s var(--ease)}.vs-who{font-family:var(--logo);letter-spacing:2px;color:#fff;background:var(--c);text-shadow:2px 2px #0009;padding:3px 18px 2px;font-size:30px;font-style:italic;position:absolute;top:-24px;left:16px;transform:skew(-10deg);box-shadow:4px 4px #000}.vs-stage[data-speaker=r] .vs-who{left:auto;right:16px}.vs-text{font-family:var(--logo);letter-spacing:1px;color:#fff;text-shadow:3px 3px #000;text-wrap:balance;font-size:29px;line-height:1.12}.vs-text.shout{color:#ffe97a;font-style:italic;animation:.12s steps(2,end) infinite shake}.vs-next{color:var(--yellow);font-size:12px;animation:.7s step-end infinite blink;position:absolute;bottom:8px;right:14px}.end-text{font-family:var(--logo);letter-spacing:1px;color:#fff;text-shadow:3px 3px #000;text-wrap:balance;max-width:720px;font-size:24px;line-height:1.25}@keyframes slideL{0%{transform:translate(-110%)}}@keyframes slideR{0%{transform:translate(110%)}}@keyframes vsPop{0%{opacity:0;transform:translate(-50%,-50%)scale(3)}}@keyframes speed{to{background-position:-223px 0,0 0}}@keyframes talkPop{0%{opacity:0;transform:scale(.86)translateY(14px)}}@keyframes shake{50%{transform:translate(1.5px,-1.5px)}}.screens.story{background:#04040cc7}.st-title{font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:2px #7a2a00;text-shadow:4px 4px #000;letter-spacing:3px;font-size:44px}.st-text{color:#fff;text-shadow:2px 2px #000;max-width:760px;font-size:11px;line-height:2.1}.st-text b{color:var(--yellow);font-weight:400}.st-text i{color:#ff6b81;font-style:normal}.sf2-grid{flex-wrap:wrap;gap:4px;max-width:470px;margin:0 auto;padding:4px}.sf2-slot{border-width:2px;width:62px;height:62px}.sf2-hint{display:none}.lb{grid-template-rows:auto auto 1fr auto;padding-top:14px}.lb-head .title-sm{font-size:30px}.lb-me{border:2px solid var(--yellow);background:#ffffff12;grid-column:1/-1;align-items:center;gap:14px;padding:10px 14px;display:flex}.lb-me .lb-av.big{width:70px;height:70px}.lb-me .lb-name{flex:0 0 150px;font-size:12px}.lb-me .lb-name .lb-btn{margin-top:8px;display:inline-block}.lb-cta{text-align:center;flex:1}.lb-cta small{color:#b9c6e4;margin-top:8px;font-size:6px;line-height:1.7;display:block}.lb-btn.big{padding:14px 10px;font-size:12px}.lb-btn.big.on{color:#fff;background:#ff5468;animation:.8s ease-in-out infinite pulse;box-shadow:0 4px #8a1626}.lb-empty{text-align:center;border:2px dashed #4a5a8a;padding:18px}.lb-empty .pix.small{color:var(--yellow);margin-bottom:8px}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 50% 0,#1b2440 0%,#090c18 55%,#04050b 100%);justify-content:center;align-items:flex-start;min-height:100dvh;padding:14px 0;display:flex}.cabinet{--b:60px;background:linear-gradient(90deg,#232c3d 0,#46546b 3%,#3a4659 8% 92%,#46546b 97%,#232c3d 100%);border-radius:26px 26px 18px 18px;width:-moz-fit-content;width:fit-content;max-width:100vw;padding:0 22px 20px;position:relative;box-shadow:0 40px 90px #000000b3,inset 0 0 0 3px #161c28,inset 0 0 0 5px #ffd23f8c,inset 0 3px 0 5px #ffffff14}.marquee{background:linear-gradient(#0a0e1a,#141b2e);border-bottom:3px solid #0a0d16;border-radius:22px 22px 0 0;grid-template-columns:90px 1fr auto 90px;align-items:center;gap:14px;margin:0 -8px;padding:12px 10px;display:grid;box-shadow:inset 0 -12px 24px #ffaa2814}.brand{text-align:left}.brand span{font-family:var(--logo);letter-spacing:3px;color:#fff3b0;text-shadow:0 0 12px #ffbe3ce6,0 0 32px #ff78008c,2px 2px #7a2a00;font-size:26px;font-style:italic}.brand small{color:#ff9db0;letter-spacing:3px;text-shadow:0 0 8px #ff5078cc;margin-left:10px;font-size:8px;display:inline-block}.speaker{background:radial-gradient(circle,#05070c 1.3px,#0000 1.6px) 0 0/7px 7px,#1a2131;border-radius:6px;height:30px;box-shadow:inset 0 2px 5px #000}.marquee-right{align-items:center;gap:8px;display:flex}.chip{font-family:var(--pix);letter-spacing:1px;color:#dfe7f3;cursor:pointer;background:#1a2233;border:2px solid #3d4a63;border-radius:7px;padding:8px 10px;font-size:8px;line-height:1;text-decoration:none}.chip:hover{border-color:var(--yellow)}.chip b{color:var(--yellow);margin-left:4px}.chip.mute{padding:5px 8px;font-size:12px}.chip.mute.off{opacity:.5}body.room-open #room-toggle{background:var(--yellow);color:#222;border-color:var(--yellow)}body.room-open #room-toggle b{color:#222}.stage-row{align-items:stretch;gap:12px;padding-top:14px;display:flex}.bezel{background:#05070b;border-radius:18px;padding:16px;position:relative;box-shadow:inset 0 0 0 3px #1a2130,inset 0 0 50px #000,0 2px #ffffff14}.bezel:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff12 0%,#fff0 28% 72%,#ffffff0a 100%);border-radius:10px;position:absolute;inset:16px;box-shadow:inset 0 0 60px #0000008c}#screen-wrap{background:#000;border-radius:10px;position:relative;overflow:hidden}.screen{transform-origin:0 0;width:960px;height:540px;position:absolute;top:0;left:0}canvas#game{width:960px;height:540px;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}.deck{touch-action:none;background:linear-gradient(#55637b 0,#2c3647 7%,#202838 60%,#161c28 100%);border-radius:10px 10px 14px 14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:14px -8px 0;padding:18px 34px 14px;display:grid;position:relative;box-shadow:inset 0 2px #ffffff38,inset 0 -10px 22px #00000080,0 8px #0d1119}.deck:before,.deck:after{content:"";background:radial-gradient(circle at 35% 30%,#cfd6e2,#525c6e 60%,#1a1f2a);border-radius:50%;width:10px;height:10px;position:absolute;top:12px;box-shadow:0 1px 1px #000}.deck:before{left:12px}.deck:after{right:12px}.stick-zone{text-align:center;justify-self:center}.cap{letter-spacing:2px;color:#8e9bb3;margin-top:8px;font-size:6px;display:block}.stick{width:calc(var(--b) * 2.1);height:calc(var(--b) * 2.1);touch-action:none;cursor:grab;background:radial-gradient(circle,#0b0e15 0 30%,#1d2431 31% 58%,#394356 59% 62%,#151a24 63%);border-radius:50%;position:relative;box-shadow:inset 0 6px 14px #000,0 2px #ffffff1f}.shaft{background:radial-gradient(circle at 40% 35%,#aab3c2,#3c4454);border-radius:50%;width:16%;height:16%;margin:-8% 0 0 -8%;position:absolute;top:50%;left:50%}.stick .knob{pointer-events:none;background:radial-gradient(circle at 34% 28%,#ff9c9c 0,#e5252a 28%,#8c0d12 72%,#4a0508 100%);border-radius:50%;width:46%;height:46%;margin:-27% 0 0 -23%;transition:transform 50ms;position:absolute;top:50%;left:50%;box-shadow:0 12px 16px #000000a6,inset 0 -5px 8px #00000059}.pad{grid-template-columns:repeat(3, var(--b));justify-self:center;gap:calc(var(--b) * .2) calc(var(--b) * .26);display:grid}.btn{width:var(--b);text-align:center;cursor:pointer;touch-action:none}.btn b{width:var(--b);height:var(--b);font-size:calc(var(--b) * .24);color:#fffffff2;text-shadow:0 2px #00000073;background:radial-gradient(circle at 50% 38%, var(--hi) 0, var(--c) 46%, var(--lo) 62%, var(--c) 66%, var(--hi) 82%, var(--lo) 100%);box-shadow:0 7px 0 var(--lo), 0 10px 12px #0009, inset 0 2px 2px #ffffff80;border-radius:50%;place-items:center;transition:transform 40ms,box-shadow 40ms;display:grid}.btn.down b{box-shadow:0 1px 0 var(--lo), 0 3px 5px #0009, inset 0 2px 2px #ffffff4d;filter:brightness(1.15);transform:translateY(6px)}.btn i{color:#b7c4d8;letter-spacing:1px;margin-top:12px;font-size:6px;font-style:normal;display:block}.btn.red{--c:#e5383b;--hi:#ff8e8f;--lo:#8a1416}.btn.yellow{--c:#f2b705;--hi:#ffe27a;--lo:#946c00}.btn.green{--c:#2bb673;--hi:#86efbd;--lo:#12663c}.btn.blue{--c:#3f7ae0;--hi:#9cc0ff;--lo:#1b3f85}.btn.purple{--c:#9257e6;--hi:#cfb0ff;--lo:#4d2590}.btn:first-child{transform:translateY(16px)}.btn:nth-child(3){transform:translateY(6px)}.btn:nth-child(4){grid-column:1;transform:translate(34%,10px)}.btn:nth-child(5){grid-column:2;transform:translate(34%,-4px)}.pills{align-items:center;gap:16px;display:flex}.pill{letter-spacing:1px;color:#b7c4d8;cursor:pointer;touch-action:none;flex-direction:column;align-items:center;gap:7px;font-size:6px;display:flex}.pill u{background:radial-gradient(circle at 40% 32%,#f6f8fb,#aab4c4 60%,#5b6576);border-radius:50%;width:34px;height:34px;transition:transform 40ms,box-shadow 40ms;box-shadow:0 4px #2a303c,0 6px 8px #0009}.pill.down u{transform:translateY(3px);box-shadow:0 1px #2a303c}.coin{color:#ffb36b;background:#0e1219;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;font-size:6px;display:flex;box-shadow:inset 0 0 0 2px #303a4c}.coin i{background:#000;border-radius:3px;width:5px;height:22px;box-shadow:0 0 6px #ff7828e6}.room{background:#0b1020;border-radius:14px;flex:none;width:290px;padding:12px;font-size:8px;display:none;overflow:auto;box-shadow:inset 0 0 0 3px #1a2130}body.online.room-open .room{display:block}.rm-head{color:var(--yellow);letter-spacing:2px;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rm-head i{color:#6fe39a;font-size:7px;font-style:normal}.rm-head i.off{color:#ff9d6b}.rm-sec{color:#8fa5c8;letter-spacing:2px;margin:12px 0 6px;font-size:7px}.rm-row{border-left:4px solid var(--c,#3d4a63);background:#ffffff0d;align-items:center;gap:8px;margin-bottom:5px;padding:6px;display:flex}.rm-row.me{background:#ffd23f1f}.rm-av{flex:none;width:34px;height:34px;overflow:hidden}.rm-av img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.rm-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.5;overflow:hidden}.rm-name small{color:#8fa5c8;font-size:6px;display:block}.rm-st{color:#cfe0ff;background:#24304d;border-radius:3px;padding:3px 5px;font-size:6px}.rm-st.lutando{color:#ffd0d8;background:#7a1c2c}.rm-st.procurando{color:#ffe9a8;background:#7a5a00;animation:.8s infinite pulse}.rm-st.livre{color:#b9f5d2;background:#12523a}.rm-btn{font-family:var(--pix);background:var(--yellow);color:#222;cursor:pointer;border:0;padding:6px 7px;font-size:6px;box-shadow:0 3px #a86b00}.rm-btn.ghost{color:#fff;background:#2a3a60;box-shadow:0 3px #111a33}.rm-alert{border:2px solid var(--yellow);text-align:center;margin-bottom:8px;padding:8px;line-height:1.8;animation:.8s infinite pulse}.rm-alert div{justify-content:center;gap:6px;margin-top:6px;display:flex}.rm-empty{color:#8fa5c8;text-align:center;border:2px dashed #2a3a60;padding:14px 4px;line-height:1.9}.hud-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:12px;left:18px;right:18px}.gauge{width:290px;font-family:"Arial Black", Impact, var(--logo), sans-serif;font-style:italic;position:relative}.g1,.g2{border:2px solid #05070c;position:relative;overflow:hidden;box-shadow:0 2px #000}.g1{background:#0b1d46;height:17px;margin-bottom:2px}.g2{background:#3b3000;border-top-width:3px;border-bottom-width:3px;height:23px}.gauge .fill{transition:width .12s;position:absolute;top:0;bottom:0;left:0}.gauge.p2 .fill{left:auto;right:0}.g1 .fill{background:linear-gradient(#5fc1ff,#1f6dff)}.g2 .fill{background:linear-gradient(#ffe95c,#ffc400)}.gauge span{letter-spacing:1px;white-space:nowrap;justify-content:center;align-items:center;gap:6px;line-height:1;display:flex;position:absolute;inset:0}.g1 span{color:#cfe6ff;text-shadow:1px 1px #03102e;font-size:11px}.g2 span{color:#0000008c;font-size:15px}.g1 span b{color:#1456e0;text-shadow:none;background:#fff;padding:1px 5px;font-size:11px;display:none}.g1.ready{border-color:#fff;box-shadow:0 0 12px #38a0ff,0 2px #000}.g1.ready .fill{background:repeating-linear-gradient(115deg,#2f86ff 0 12px,#1b5fe6 12px 24px) 0 0/200% 100%;animation:.8s linear infinite chev}.g1.ready span{color:#fff}.g1.ready span b{display:inline-block}.g2.ready{border-color:#000;box-shadow:0 0 18px #ffd400,0 2px #000}.g2.ready .fill{background:#ffd400;animation:.35s step-end infinite maxblink}.g2.ready span{color:#000;letter-spacing:2px;font-size:17px}.gauge .hint{font-family:var(--pix);color:#fff;text-shadow:2px 2px #000;opacity:0;white-space:nowrap;margin-bottom:5px;font-size:8px;font-style:normal;position:absolute;bottom:100%}.gauge.p1 .hint{left:0}.gauge.p2 .hint{right:0}.gauge.local.lv1 .hint,.gauge.local.lv2 .hint{opacity:1;animation:1s step-end infinite blink}.gauge .hint kbd{color:#fff;background:#9257e6;border-radius:3px;padding:2px 5px;font-family:inherit;box-shadow:0 2px #4d2590}.gauge.pop .g1,.gauge.pop .g2{animation:.5s ease-out gpop}@keyframes chev{to{background-position:-48px 0}}@keyframes maxblink{50%{background:#fff6b0}}@keyframes gpop{0%{filter:brightness(3);transform:scale(1.18)}to{filter:none;transform:scale(1)}}@media (max-width:720px) and (orientation:portrait){body{padding:0}.cabinet{--b:clamp(48px, 15vw, 72px);width:100vw;min-height:100dvh;padding:0 6px calc(8px + env(safe-area-inset-bottom));border-radius:0;flex-direction:column;display:flex}.marquee{border-radius:0;grid-template-columns:1fr auto;margin:0 -6px;padding:8px 10px}.speaker{display:none}.brand span{font-size:17px}.brand small{display:none}.stage-row{flex-direction:column;padding-top:6px}.bezel{border-radius:10px;padding:5px}.bezel:after{inset:5px}.deck{border-radius:0;flex:1;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:end;gap:6px;margin:8px -6px 0;padding:12px 10px 26px;box-shadow:inset 0 2px #ffffff38}.pills{grid-area:1/1/auto/-1;justify-content:center;gap:28px}.stick-zone{grid-area:2/1}.pad{grid-area:2/2}.coin{display:none}.pill{flex-direction:row}.pill u{width:30px;height:30px}.stick-zone{align-self:end;padding-bottom:18px}.pad{justify-self:end}.cap{display:none}.btn i{margin-top:9px}.room{z-index:20;border-radius:16px 16px 0 0;width:auto;max-height:62dvh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #000,inset 0 0 0 3px #1a2130}}@media (max-height:520px) and (orientation:landscape){body{align-items:center;padding:0}.cabinet{--b:56px;width:100vw;height:100dvh;box-shadow:none;background:#000;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.marquee{z-index:12;box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:block;position:fixed;top:4px;right:6px}.brand,.speaker{display:none}.chip{opacity:.75}.stage-row{padding:0}.bezel{box-shadow:none;background:0 0;padding:0}.bezel:after{display:none}.deck{z-index:10;padding:0 max(14px, env(safe-area-inset-left)) 12px;box-shadow:none;pointer-events:none;background:0 0;justify-content:space-between;align-items:flex-end;margin:0;display:flex;position:fixed;inset:0}.deck:before,.deck:after,.coin,.cap,.btn i{display:none}.deck>*{pointer-events:auto}.stick,.pad{opacity:.72}.pad{margin-bottom:20px}.stick-zone{margin-bottom:8px}.pills{opacity:.8;gap:10px;position:fixed;top:6px;left:8px}.pill{flex-direction:row;font-size:6px}.pill u{width:24px;height:24px}.room{z-index:20;border-radius:0;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #000}}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none}.app-tip{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;border:2px solid var(--yellow);font-family:var(--pix);color:#fff;background:#101832;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:8px;line-height:1.9;display:flex;position:fixed;box-shadow:0 10px 30px #000}.app-tip b{color:var(--yellow)}.app-tip button{font-family:var(--pix);background:var(--yellow);color:#222;border:0;flex:none;padding:8px 10px;font-size:8px}.rotate-tip{display:none}@media (max-width:720px) and (orientation:portrait){body.in-fight .rotate-tip{z-index:30;font-family:var(--pix);color:#cfe0ff;white-space:nowrap;background:#0a0e1ed9;border-radius:20px;padding:6px 10px;font-size:7px;display:block;position:fixed;top:6px;left:50%;transform:translate(-50%)}}.sf2{grid-template-rows:1fr;grid-template-columns:214px 1fr 214px;gap:0 8px;padding:12px 20px 10px}.sf2-side{justify-content:center}.sf2-center{justify-content:flex-start;gap:2px}.sf2-title{margin:0 0 4px;font-size:22px}.sf2-grid{grid-template-columns:repeat(5,84px);justify-content:center;gap:6px;max-width:none;margin:0;padding:0;display:grid}.sf2-slot{filter:brightness(.82)saturate(.9);background:#0b1030;border:3px solid #5b6db0;width:84px;height:84px;transition:transform 80ms,filter 80ms}.sf2-slot span{font-family:var(--pix);text-align:center;color:#fff;letter-spacing:1px;background:#040614c7;padding:3px 0 2px;font-size:6px;position:absolute;bottom:0;left:0;right:0}.sf2-slot:hover{filter:none}.sf2-slot.sel{filter:none;z-index:3;border-color:var(--yellow);box-shadow:0 0 0 2px #000, 0 0 22px var(--yellow), 0 0 0 5px color-mix(in srgb, var(--c) 70%, transparent);transform:scale(1.16)}.sf2-slot.sel span{background:var(--yellow);color:#222}.sf2-slot.locked{color:#3a4470;filter:none;background:#12172e;border-color:#2a3358;font-size:50px}.sf2-slot.secret{background:radial-gradient(circle at 50% 40%,#4a0814,#050103 72%);border-color:#7a0f22}.sf2-slot.secret.hidden{filter:none;cursor:default;animation:2.4s ease-in-out infinite secretPulse}.sf2-slot.secret.hidden img{filter:brightness(0)drop-shadow(0 0 6px #c4122f);opacity:.9}.sf2-slot.secret.hidden:after{content:"";opacity:0;background:#fff;border-radius:40%;width:28%;height:8%;animation:2.4s ease-in-out infinite glasses;position:absolute;top:30%;left:36%;box-shadow:0 0 10px 3px #ff2a4a}.sf2-slot.secret.hidden b{font-family:var(--logo);color:#c4122f;text-shadow:0 0 12px #ff2a4a,2px 2px #000;place-items:center;font-size:46px;display:grid;position:absolute;inset:0}.sf2-slot.secret.reveal{animation:1s ease-out reveal}.sf2.flash:after{content:"";pointer-events:none;background:#ff2a4a;animation:.7s ease-out forwards flashOut;position:absolute;inset:0}@keyframes secretPulse{50%{border-color:#c4122f;box-shadow:0 0 18px #c4122f}}@keyframes glasses{0%,78%,to{opacity:0}84%,92%{opacity:.95}}@keyframes reveal{0%{filter:brightness(6);transform:scale(2.4)rotate(-8deg)}to{filter:none;transform:scale(1.16)}}@keyframes flashOut{0%{opacity:.85}to{opacity:0}}.sf2{grid-template-columns:200px 1fr 200px}.sf2-portrait{width:196px;height:186px}.sf2-stats{width:190px}.sf2-name{font-size:34px}.sf2-map{width:190px;height:166px}.sf2-grid{grid-template-columns:repeat(5,94px)}.sf2-slot{width:94px;height:94px}.sf2-slot span{font-size:7px}.name-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.p2 .name-row{flex-direction:row-reverse}.name-row .name{margin:0}.score{color:#fff;text-shadow:2px 2px #000;letter-spacing:1px;font-size:10px}.hud-tally{color:#fff;text-shadow:2px 2px #000;width:300px;font-size:11px;display:none;position:absolute;top:120px}.hud-tally.show{display:block}.hud-tally.l{left:40px}.hud-tally.r{right:40px}.hud-tally div{opacity:0;background:#040614b3;justify-content:space-between;margin-bottom:3px;padding:5px 8px;animation:.25s ease-out forwards tallyIn;display:flex}.hud-tally b{color:var(--yellow);font-weight:400}.hud-tally .tot{background:var(--yellow);color:#222;text-shadow:none}.hud-tally .tot b{color:#222}@keyframes tallyIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1}}.screens.rank{background:#06081ae6}.rk{flex-direction:column;align-items:center;gap:12px;padding:22px 40px;display:flex;position:absolute;inset:0}.rk-cols{flex:1;grid-template-columns:1fr 1fr;gap:30px;width:100%;display:grid}.rk-cols h4{color:var(--yellow);letter-spacing:2px;margin:0 0 8px;font-size:10px}.rk-row{background:#ffffff0d;align-items:center;gap:10px;margin-bottom:4px;padding:6px 8px;font-size:9px;display:flex}.rk-row b{color:var(--yellow);width:30px;font-weight:400}.rk-row span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rk-row i{color:#9fe8a8;font-style:normal}.rk-row.hot{background:var(--yellow);color:#222}.rk-row.hot b,.rk-row.hot i{color:#222}.sf2-slot.secret.hidden.art img{filter:none;opacity:1}.sf2-slot.secret.hidden.art:after{display:none}.inv-btns{justify-content:center;gap:8px;margin-top:8px;display:flex}.rm-alert b,.lb-modal b,.lb-sent b{color:var(--yellow);font-weight:400}.rm-alert.sent{border-style:dashed;animation:none}.rm-alert.sent .rm-btn{margin-top:6px}.lb-sent{border:2px dashed var(--yellow);background:#ffd23f14;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:8px;display:flex}.lb-btn.off,.rm-btn.off{opacity:.35;pointer-events:none}.rm-note{color:#b9c6e4;padding:2px 0;font-size:6px;line-height:1.8}.net-status{z-index:8;pointer-events:none;text-align:center;background:#0406148c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:absolute;inset:0}.net-status.show{display:flex}.net-status b{font-family:var(--logo);letter-spacing:2px;color:var(--yellow);text-shadow:3px 3px #000;font-size:40px;font-weight:400;animation:1s ease-in-out infinite pulse}.net-status i{color:#fff;text-shadow:2px 2px #000;letter-spacing:1px;font-size:9px;font-style:normal}.net-ping{text-align:center;color:#ffffffb3;text-shadow:1px 1px #000;z-index:7;pointer-events:none;font-size:7px;position:absolute;top:74px;left:0;right:0}.hud-combo{opacity:0;font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:2px #7a2a00;text-shadow:4px 4px #000;pointer-events:none;align-items:baseline;gap:8px;font-style:italic;transition:opacity .25s;display:flex;position:absolute;top:132px}.hud-combo.p1{left:46px}.hud-combo.p2{flex-direction:row-reverse;right:46px}.hud-combo b{font-size:64px;font-weight:400;line-height:1}.hud-combo span{letter-spacing:2px;color:#fff;-webkit-text-stroke:2px #1b2a6b;font-size:30px}.hud-combo.show{opacity:1}.hud-combo.big b{color:#ff5a2a}.hud-combo.pop b{animation:.18s ease-out comboPop}@keyframes comboPop{0%{transform:scale(1.7)}to{transform:scale(1)}}.hud-combo .ctag{letter-spacing:3px;white-space:nowrap;color:#fff;-webkit-text-stroke:2px #5a000e;text-shadow:3px 3px #000;opacity:0;background:linear-gradient(#ff6a2a 0%,#e8261e 55%,#9c0a1c 100%);border:3px solid #000;margin-top:4px;padding:4px 20px 2px;font-size:40px;font-style:italic;line-height:1;position:absolute;top:100%;overflow:hidden;transform:skew(-12deg);box-shadow:5px 5px #000,inset 0 3px #ffffff59}.hud-combo.p1 .ctag{left:0}.hud-combo.p2 .ctag{right:0}.hud-combo.done b{color:var(--yellow);animation:.22s ease-out comboPop}.hud-combo.done .ctag{animation:.5s ease-out forwards comboTag}.hud-combo.done .ctag:after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffffbf 50%,#0000 65%) 0 0/260% 100%;animation:.8s ease-out .3s both comboShine;position:absolute;inset:0}@keyframes comboTag{0%{opacity:0;transform:skew(-12deg)scale(2.6)}45%{opacity:1;transform:skew(-12deg)scale(.9)}70%{transform:skew(-12deg)scale(1.06)}to{opacity:1;transform:skew(-12deg)scale(1)}}@keyframes comboShine{0%{background-position:130% 0}to{background-position:-130% 0}}.cut-stage{background:#000;position:absolute;inset:0;overflow:hidden}.cut-img{object-fit:cover;opacity:0;width:100%;height:100%;image-rendering:pixelated;transition:opacity .28s linear;position:absolute;inset:0}.cut-img.on{opacity:1}.cut-bars{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 46px #000,inset 0 -46px #000}.cut-cap{text-align:center;font-family:var(--logo);letter-spacing:4px;color:var(--yellow);-webkit-text-stroke:2px #5a0010;text-shadow:4px 4px #000;font-size:40px;font-style:italic;position:absolute;top:66px;left:0;right:0}.cut-cap.pop{animation:talkPop .3s var(--ease)}.cut-face{height:96%;transition:transform .45s var(--ease);filter:drop-shadow(-10px 0 #0000008c);position:absolute;bottom:0;right:-6%;transform:translate(110%)}.cut-stage.face .cut-face{transform:none}.cut-stage.face .cut-cap{opacity:0;transition:opacity .3s}.cut-stage.face .cut-img.on{filter:brightness(.45)saturate(.8);transition:filter .4s,opacity .28s linear}.cut-stage.talking .cut-talk{width:58%;display:block;bottom:60px;left:4%}.cont-num{font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:4px #7a2a00;text-shadow:8px 8px #000;margin:6px 0 14px;font-size:150px;font-style:italic;line-height:1}.cont-num.pop{animation:.25s ease-out comboPop}.sf2-side{border:3px solid color-mix(in srgb, var(--c,#4ab3ff) 75%, #000);justify-content:flex-start;gap:3px;padding:6px 4px 8px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,inset 0 0 0 2px #0009}.sf2-bg{filter:brightness(.5)saturate(1.1);z-index:0;background:#0b1030 50%/cover no-repeat;transition:background-image .15s;position:absolute;inset:0}.sf2-bg:after{content:"";background:linear-gradient(#0406148c 0%,#04061400 30% 55%,#040614e6 100%);position:absolute;inset:0}.sf2-side>:not(.sf2-bg){z-index:1;position:relative}.sf2-side .sf2-tag{z-index:2;margin:0;font-size:14px;position:absolute;top:6px;left:8px}.sf2-side.right .sf2-tag{left:auto;right:8px}.sf2-side .sf2-portrait{border:3px solid var(--c,#fff);background:#0b1030;align-self:flex-end;width:92px;height:92px;margin:14px 6px 0 0;box-shadow:0 0 0 2px #000,4px 4px #0009}.sf2-side.right .sf2-portrait{align-self:flex-start;margin:14px 0 0 6px}.sf2-side .sf2-portrait img{object-fit:cover}.sf2-q{font-family:var(--logo);color:#4ab3ff;text-shadow:4px 4px #000;font-size:70px;animation:.6s step-end infinite blink}.sf2-anim{width:206px;height:180px;image-rendering:pixelated;filter:drop-shadow(0 6px #00000073);pointer-events:none;margin-top:-34px}.sf2-side .sf2-name{text-align:center;margin-top:-2px;font-size:30px}.sf2-side .sf2-region{text-align:center;min-height:22px;padding:0 4px;font-size:7px;line-height:1.5}.sf2.spin .sf2-side.right{animation:.1s steps(2,end) infinite shake}.sf2.locked-in .sf2-side.right{box-shadow:0 0 0 2px #000, 0 0 26px var(--c);animation:none}.sf2.spin .sf2-slot{cursor:default}.sf2-map .sea{fill:#16307a;stroke:#9fd2ff;stroke-width:2px}.sf2-map .land{fill:#5d9a52;stroke:#24481f;stroke-width:2px;stroke-linejoin:round}.sf2-map .river{fill:none;stroke:#4aa3ff;stroke-width:3px;stroke-linecap:round;opacity:.8}.sf2-map .hill{fill:#3f6f3a;stroke:#24481f;stroke-width:1px}.sf2-map .tower{fill:#c4122f;stroke:#000;stroke-width:1px}.sf2-map .state{font-family:var(--pix);fill:#ffe97a;paint-order:stroke;stroke:#000;stroke-width:3px;letter-spacing:2px;font-size:9px}.sf2-side{justify-content:center;gap:6px}.sf2-side .sf2-portrait{width:104px;height:104px}.sf2-anim{width:210px;height:210px;margin-top:-40px}.sf2-side .sf2-name{font-size:34px}.sf2-q{text-align:center;width:100%;line-height:96px;animation:none;display:block}.mate{color:#cfe0ff;align-items:center;gap:6px;margin-top:5px;font-size:6px;display:none}.hud.tag .mate{display:flex}.hud.tag .rounds{display:none}.p2 .mate{flex-direction:row-reverse}.mate .mini{background:#123;border:2px solid #fff;flex:none;width:26px;height:26px;overflow:hidden;box-shadow:0 2px #000}.mate .mini img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.mate .mbar{width:150px}.mate small{text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:6px;display:block;overflow:hidden}.mate .mlife{background:#2a0a0a;border:2px solid #fff;height:7px}.mate .mlife i{background:linear-gradient(#9fe8a8,#2bb673);height:100%;display:block}.p2 .mate .mlife i{margin-left:auto}.mate kbd,.mate em{font-style:normal;display:none}.mate.ready kbd{font-family:var(--pix);color:#111;background:#fff;padding:3px 5px;font-size:7px;animation:.8s infinite pulse;display:inline-block;box-shadow:0 2px #000}.mate.ready em{color:var(--yellow);text-shadow:1px 1px #000;display:inline}.mate.out{opacity:.45;filter:grayscale()}.mate.out .mlife i{width:0!important}.btn.white{--c:#e9eef7;--hi:#fff;--lo:#7b8597}.btn.white b{color:#1a2233;text-shadow:none}.tagbtn{display:none}body.tag-mode .tagbtn{grid-column:3;display:block;transform:translate(30%,8px)}@media (max-height:520px) and (orientation:landscape){body.in-fight #install,body.in-fight #fs,body.in-fight .marquee a.chip{display:none}}.sf2-side{padding:0;display:block}.sf2-bg{filter:brightness(.3)saturate(1.1)}.sf2-bg:after{background:radial-gradient(ellipse at 50% 34%, color-mix(in srgb, var(--c,#4ab3ff) 42%, transparent) 0%, transparent 60%), linear-gradient(180deg, #0406144d 0%, #04061400 22%, #0406141a 52%, #040614f5 76%)}.sf2-side .sf2-hero{z-index:1;pointer-events:none;justify-content:center;height:322px;display:flex;position:absolute;top:14px;left:-30px;right:-30px}.sf2-art{image-rendering:auto;width:auto;max-width:none;height:100%;filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 16px color-mix(in srgb, var(--c,#4ab3ff) 55%, transparent));flex:none;-webkit-mask-image:linear-gradient(#000 58%,#0000 97%);mask-image:linear-gradient(#000 58%,#0000 97%)}.sf2-side.right .sf2-art{transform:scaleX(-1)}.sf2-hero.pop .sf2-art{animation:.3s cubic-bezier(.2,.9,.3,1) heroIn}.sf2-side.right .sf2-hero.pop .sf2-art{animation-name:heroInR}@keyframes heroIn{0%{opacity:.15;transform:translate(-26px)}}@keyframes heroInR{0%{opacity:.15;transform:scaleX(-1)translate(-26px)}}.sf2-hero .sf2-q{display:none}.sf2-hero.empty .sf2-q{color:#4ab3ff;text-shadow:6px 6px #000;place-items:center;width:100%;height:100%;font-size:130px;line-height:1;animation:.6s step-end infinite blink;display:grid}.sf2-side .sf2-anim{z-index:2;filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000)drop-shadow(0 8px #0000008c);width:200px;height:200px;margin:0;position:absolute;top:176px;left:50%;transform:translate(-50%)}.sf2-side .sf2-info{z-index:3;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:8px;left:0;right:0}.sf2-side .sf2-name{margin:0;font-size:32px}.sf2-side .sf2-region{min-height:20px}.sf2-side .sf2-stats{width:184px;margin-top:1px}.sf2-side .sf2-tag{z-index:4}.logo .l2{margin:-.14em -.2em -.06em;padding:.14em .2em .06em}.sf2-name,.sf2-side .sf2-name{margin:-.34em -.2em -.08em;padding:.34em .2em .08em}.rng{font-family:var(--pix);letter-spacing:1px;color:var(--rc);border:1px solid var(--rc);text-shadow:1px 1px #000;white-space:nowrap;background:#0009;border-radius:3px;align-items:center;gap:6px;padding:3px 7px 2px;font-size:7px;line-height:1;display:inline-flex}.rng.r-perto{--rc:#ff6a3d}.rng.r-medio{--rc:#ffd23f}.rng.r-longe{--rc:#4ab3ff}.rng-dots{gap:2px;display:inline-flex}.rng-dots i{background:#ffffff2e;width:9px;height:5px}.rng-dots i.on{background:var(--rc);box-shadow:0 0 6px var(--rc)}.sf2-side .sf2-range{justify-content:center;min-height:14px;display:flex}.logo{margin:0}.logo-img{filter:drop-shadow(0 6px #0000008c)drop-shadow(0 0 26px #ff780059);width:min(560px,62vw);height:auto;display:block}.screens.lobby{background:#070b1f}.ar{font-family:var(--pix);color:#fff;background:radial-gradient(at 20% -10%,#5078ff59,#0000 55%),radial-gradient(at 90% 110%,#ff467847,#0000 55%),repeating-linear-gradient(115deg,#ffffff06 0 14px,#0000 14px 28px),linear-gradient(#0b1233,#070a1c);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.ar h1,.ar h2,.ar h3{font-family:var(--logo);letter-spacing:2px;margin:0;font-style:italic;font-weight:400}.ar h4{letter-spacing:2px;color:#8fb0ff;margin:0 0 8px;font-size:8px;font-weight:400}.ar small{color:#a9b9dd;letter-spacing:1px;font-size:6px;line-height:1.7}.ar u{color:var(--yellow);cursor:pointer;text-decoration:none}.ar [data-act]{cursor:pointer}.av{border:2px solid var(--c,#3d4a63);text-align:center;background:#0d1430;border-radius:9px;flex:none;width:38px;height:38px;display:inline-block;overflow:hidden;box-shadow:0 3px #0000008c}.av img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.av b{font-family:var(--logo);color:#5f6f9c;font-size:22px;line-height:36px}.av.sm{border-radius:6px;width:26px;height:26px}.av.sm b{font-size:14px;line-height:24px}.av.lg{width:46px;height:46px}.av.xl{border-width:3px;border-radius:14px;width:74px;height:74px}.av.xl b{font-size:44px;line-height:68px}.cta{font-family:var(--logo);letter-spacing:2px;text-align:center;color:#3a2100;text-shadow:0 1px #ffffff80;background:linear-gradient(#ffe88a,#ffc21a 55%,#f09a00);border-radius:10px;padding:9px 14px;font-size:19px;font-style:italic;transition:transform 60ms;display:block;box-shadow:0 4px #8a5200,0 7px 12px #00000080,inset 0 2px #ffffffb3}.cta:active{transform:translateY(3px);box-shadow:0 1px #8a5200}.cta u{color:#7a1020;font-size:11px}.cta.big{padding:12px 26px;font-size:26px}.cta.sm{border-radius:7px;padding:6px 10px;font-size:12px;display:inline-block;box-shadow:0 3px #8a5200}.cta.ghost{color:#fff;text-shadow:none;background:linear-gradient(#4b64b8,#2b3c7c);box-shadow:0 3px #141d44}.cta.off{filter:grayscale()brightness(.6);pointer-events:none}.cta.on{color:#fff;text-shadow:none;background:linear-gradient(#ff8597,#e5334d);animation:.8s ease-in-out infinite pulse;box-shadow:0 4px #7a1020}.cta.on u{color:#ffe9a8}.mini{background:var(--yellow);color:#222;white-space:nowrap;border-radius:5px;padding:6px 7px;font-size:6px;box-shadow:0 2px #a86b00}.mini.ghost{color:#fff;background:#33488f;box-shadow:0 2px #141d44}.mini.wait{color:#ffe9a8;background:#7a5a00;animation:.8s infinite pulse}.mini.ok{color:#b9f5d2;box-shadow:none;background:#12523a}.mini.off{opacity:.35;pointer-events:none}.pill{white-space:nowrap;background:#ffffff1a;border-radius:20px;padding:7px 9px;font-size:7px;box-shadow:inset 0 0 0 1px #ffffff2e}.pill.gold{color:#3a2100;background:linear-gradient(#ffe27a,#f2a900);box-shadow:0 2px #8a5200}.pill.btn{background:#33488f;box-shadow:0 2px #141d44}.pill.btn.dark{background:#2a1a2e}.wait{color:var(--yellow);letter-spacing:1px;text-align:center;font-size:8px;line-height:1.8;animation:1.2s infinite pulse}.wait b{font-family:var(--logo);font-size:26px;font-weight:400}.ar-top{background:linear-gradient(#00000073,#0000);flex:none;align-items:center;gap:12px;padding:10px 16px 8px;display:flex}.ar-me{align-items:center;gap:9px;width:230px;display:flex}.ar-me b{text-shadow:2px 2px #000;margin-bottom:5px;font-size:11px;display:block}.ar-back{width:250px;font-family:var(--logo);letter-spacing:2px;color:#cfe0ff;font-size:20px;font-style:italic}.ar-title{text-align:center;flex:1}.ar-title h1{color:var(--yellow);-webkit-text-stroke:1.5px #7a2a00;text-shadow:3px 3px #000;font-size:34px;line-height:1}.ar-title small{margin-top:3px;display:block}.ar-right{justify-content:flex-end;align-items:center;gap:5px;width:350px;display:flex}.ar-right .pill{padding:7px;font-size:6px}.ar-main{flex:1;grid-template-columns:1fr 286px;gap:14px;min-height:0;padding:6px 16px 8px;display:grid}.ar-cards{grid-template-columns:repeat(3,1fr);gap:12px;min-height:0;display:grid}.mcard{text-align:center;background:linear-gradient(160deg, var(--a), var(--b));border-radius:16px;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px;transition:transform .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #00000080,0 12px 24px #00000073,inset 0 0 0 3px #ffffff38,inset 0 -80px 60px #00000073}.mcard:before{content:"";pointer-events:none;background:repeating-linear-gradient(120deg,#ffffff12 0 10px,#0000 10px 26px);position:absolute;inset:0}.mcard[data-act]:hover{transform:translateY(-4px)}.mcard>*{position:relative}.mcard.copa h3{font-size:31px;line-height:40px}.mcard.duel{--a:#ff6b3d;--b:#a3122e}.mcard.duo{--a:#4aa8ff;--b:#4a2bb5}.mcard.copa{--a:#ffc93d;--b:#1d8a4e}.mcard h3{text-shadow:3px 3px #000000a6;font-size:40px;line-height:1}.mcard small{color:#fff;opacity:.92;min-height:22px}.mc-badge{letter-spacing:1px;background:#0000008c;border-radius:12px;padding:5px 7px;font-size:6px;top:10px;left:10px;position:absolute!important}.mc-badge.hot{color:#a3122e;background:#fff;animation:.9s infinite pulse}.mc-art{justify-content:center;align-items:center;height:150px;display:flex;top:40px;left:0;right:0;position:absolute!important}.mc-art img{width:104px;height:104px;image-rendering:pixelated;transform:rotate(calc((var(--i) - .5) * 10deg)) translateY(calc(var(--i) * 6px));background:#111;border:3px solid #fff;border-radius:18px;margin:0 -12px;box-shadow:0 6px #00000073}.mcard.duo .mc-art img{width:78px;height:78px;transform:rotate(calc((var(--i) - 1.5) * 7deg)) translateY(calc((var(--i) - 1.5) * (var(--i) - 1.5) * 5px));margin:0 -9px}.mc-art.cup span{filter:drop-shadow(0 8px #0006);font-size:96px;animation:2.4s ease-in-out infinite bob}.mc-vs{font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:1.5px #5a1500;text-shadow:3px 3px #000;z-index:2;font-size:34px;top:96px;left:50%;transform:translate(-50%)rotate(-8deg);position:absolute!important}@keyframes bob{50%{transform:translateY(-8px)rotate(-4deg)}}.ar-side,.cr-right,.cr-left,.ar-how,.ar-tables{background:#060a20b8;border-radius:14px;flex-direction:column;min-height:0;padding:10px;display:flex;box-shadow:inset 0 0 0 2px #7896ff38}.tabs{gap:4px;margin-bottom:8px;display:flex}.tabs span{text-align:center;color:#9fb2e0;background:#ffffff12;border-radius:8px;flex:1;padding:8px 4px;font-size:7px}.tabs span.on{background:var(--yellow);color:#222;box-shadow:0 2px #a86b00}.ar-list{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow:auto}.prow,.trow{background:linear-gradient(90deg, color-mix(in srgb, var(--c,#3d4a63) 28%, transparent), #ffffff0d);border-radius:10px;align-items:center;gap:8px;padding:5px 6px;display:flex}.pn{flex:1;min-width:0}.pn b{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:8px;font-weight:400;display:block;overflow:hidden}.pn small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.st-livre{color:#8ff0b6!important}.st-procurando{color:#ffe08a!important}.st-lutando{color:#ff9aa8!important}.pempty{color:#9fb2e0;text-align:center;border:2px dashed #7896ff4d;border-radius:10px;padding:16px 8px;font-size:6px;line-height:1.9}.pempty b{color:var(--yellow);margin-bottom:6px;font-size:8px;font-weight:400;display:block}.rrow{background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:7px;display:flex}.rrow b{width:18px;font-family:var(--logo);color:#9fb2e0;font-size:16px;font-weight:400}.rrow span{flex:1}.rrow i{color:var(--yellow);font-style:normal}.rrow em{color:#8ff0b6;font-size:6px;font-style:normal}.rrow.top1{background:linear-gradient(90deg,#ffc82859,#ffffff0d)}.rrow.top1 b{color:var(--yellow)}.rrow.top2 b{color:#dfe6f5}.rrow.top3 b{color:#e0965a}.ar-foot{color:#a9b9dd;white-space:nowrap;background:#00000080;flex:none;align-items:center;gap:14px;height:30px;padding:0 16px;font-size:6px;display:flex;overflow:hidden}.ar-foot .live{color:#fff}.ar-foot .live i{color:#ff5468;font-style:normal;animation:.8s infinite pulse}.news:before{content:"▸ ";color:var(--yellow)}.ar-tables{gap:6px}.ar-tables .cta{margin-top:auto}.trow{--c:#4aa8ff;padding:8px}.trow.busy{opacity:.6}.ar-how{gap:9px}.step{align-items:flex-start;gap:9px;display:flex}.step>b{background:var(--yellow);color:#222;width:26px;height:26px;font-family:var(--logo);text-align:center;border-radius:50%;flex:none;font-size:17px;font-weight:400;line-height:26px}.step h4{color:#fff;margin:2px 0 4px}.v-duplas .ar-main{grid-template-columns:1fr 330px}.ar-mesa{flex:1;grid-template-columns:1fr 250px 1fr;gap:12px;min-height:0;padding:8px 18px 18px;display:grid}.team{border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:inset 0 0 0 3px #fff3,0 6px #00000073}.team.t0{background:linear-gradient(160deg,#2f7dff,#16235f)}.team.t1{background:linear-gradient(200deg,#ff4a62,#4d1030)}.team h3{text-shadow:3px 3px #0009;text-align:center;font-size:26px}.seat{background:#00000059;border-radius:12px;flex:1;align-items:center;gap:12px;padding:10px;display:flex}.seat b{margin-bottom:6px;font-size:11px;font-weight:400;display:block}.seat .av b{margin:0}.seat.free{background:#0000002e;border:2px dashed #fff6}.seat.free[data-act]:hover{background:#ffffff26}.crown,.you{background:var(--yellow);color:#222;border-radius:4px;margin-right:4px;padding:3px 5px;font-size:6px;font-style:normal;display:inline-block}.you{background:#fff}.mid{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.vsbig{font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:2px #5a1500;text-shadow:5px 5px #000;font-size:90px;font-style:italic;line-height:1}.note{color:#ff9aa8;font-size:7px;line-height:1.7}.found{background:linear-gradient(90deg,#1d5fe0 0%,#0b1540 38% 62%,#d92b4b 100%);grid-template-columns:210px 1fr 210px;align-items:center;display:grid;position:absolute;inset:0}.found:before{content:"";background:repeating-linear-gradient(100deg,#ffffff0f 0 3px,#0000 3px 30px);animation:.6s linear infinite speed;position:absolute;inset:0}.found>*{position:relative}.fcol{flex-direction:column;align-items:center;gap:16px;display:flex}.fm{text-align:center;opacity:.75;transition:all .2s}.fm b{margin:7px 0 4px;font-size:9px;font-weight:400;display:block}.fm i{color:#cfe0ff;font-size:6px;font-style:normal}.fm .av.xl{width:96px;height:96px}.fm.ok{opacity:1}.fm.ok .av{border-color:#8ff0b6;box-shadow:0 0 18px #3ddc84}.fm.ok i{color:#8ff0b6}.fmid{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.fmid h2{color:#fff;text-shadow:4px 4px #000;font-size:40px}.count{font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:2px #5a1500;text-shadow:5px 5px #000;font-size:110px;line-height:1}.count.sm{-webkit-text-stroke:1px #5a1500;text-shadow:3px 3px #000;font-size:34px}.hero{box-shadow:inset 0 0 0 3px var(--c), 0 5px 0 #00000080;background-position:50% 70%;background-size:cover;border-radius:14px;align-items:flex-end;min-height:0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg, #05081a26, #05081ae0 62%), radial-gradient(circle at 28% 80%, color-mix(in srgb, var(--c) 55%, transparent), transparent 55%);position:absolute;inset:0}.hero canvas{object-fit:contain;object-position:left bottom;aspect-ratio:6/5;max-width:78%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--c) 70%, transparent));position:absolute;bottom:0;left:-2%}.hero-info{text-align:right;width:52%;min-width:0;margin-left:auto;padding:0 14px 12px 0;position:relative}.hero-info h2{text-shadow:3px 3px 0 var(--c), 5px 5px 0 #000;font-size:38px;line-height:1}.hero-info small{color:var(--yellow);margin:5px 0 8px;display:block}.hero-stats .stat{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;font-size:6px;display:flex}.hero-stats .stat div{background:#0009;border:1px solid #ffffff80;width:120px;height:7px}.hero-stats .stat i{background:var(--c);height:100%;display:block}.hero.empty{--c:#3d4a63;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px}.hero.empty b{font-family:var(--logo);color:#3d4a63;font-size:90px}.fgrid{grid-template-columns:repeat(var(--cols), 1fr);gap:5px;display:grid}.fcell{aspect-ratio:1;background:#0d1430;border:2px solid #ffffff40;border-radius:9px;transition:transform 80ms;position:relative;overflow:hidden;box-shadow:0 3px #0000008c}.fcell img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.fcell span{text-align:center;background:linear-gradient(#0000,#000000d9);padding:3px 1px 2px;font-size:5px;position:absolute;bottom:0;left:0;right:0}.fcell[data-act]:hover{z-index:2;border-color:#fff;transform:scale(1.06)}.fcell.on{border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow), 0 0 14px var(--c);z-index:2;transform:scale(1.06)}.fcell.taken img{filter:grayscale()brightness(.35)}.fcell.taken em{text-align:center;color:#ffd0d8;place-items:center;padding:2px;font-size:5px;font-style:normal;line-height:1.6;display:grid;position:absolute;inset:0}.fcell.secret{place-items:center;display:grid}.fcell.secret.art{cursor:default;border-color:#ffffff1f}.fcell.secret b{font-family:var(--logo);color:#33406b;font-size:24px}.draft{grid-template-columns:172px 1fr 172px;gap:10px;padding:10px 12px;display:grid;position:absolute;inset:0}.dteam{border-radius:14px;flex-direction:column;gap:8px;padding:10px 8px;display:flex;box-shadow:inset 0 0 0 3px #fff3}.dteam.t0{background:linear-gradient(170deg,#2f7dff,#121b4d)}.dteam.t1{background:linear-gradient(190deg,#ff4a62,#3d0c26)}.dteam h3{text-align:center;text-shadow:2px 2px #0009;font-size:18px}.dseat{text-align:center;background:#0006;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;min-height:0;padding:7px 4px;display:flex}.dseat b{font-size:7px;font-weight:400}.dseat.mine{border-color:var(--yellow);animation:1s ease-in-out infinite glow}.dseat.locked{border-color:#8ff0b6;animation:none}.dseat.locked small{color:#8ff0b6}.dthumb{background:#00000080;border-radius:8px;flex:none;place-items:center;width:132px;height:132px;display:grid;overflow:hidden}.dthumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.dthumb b{font-family:var(--logo);color:#ffffff40;font-size:60px}.dseat:not(.locked) .dthumb img{filter:saturate(.5)brightness(.75)}@keyframes glow{50%{box-shadow:0 0 16px var(--yellow)}}.dmid{flex-direction:column;gap:7px;min-width:0;min-height:0;display:flex}.dhead{justify-content:space-between;align-items:center;display:flex}.dhead h2{color:var(--yellow);text-shadow:3px 3px #000;font-size:26px}.dmid .hero{flex:1}.dmid .fgrid{flex:none}.dmid .fcell span{display:none}.dfoot{align-items:center;gap:10px;display:flex}.stagebox{flex:1;min-width:0}.stagebox small{margin-bottom:4px;display:block}.stages{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.stages span{width:46px;height:27px;font-family:var(--logo);color:var(--yellow);background:#1a2350 50%/cover;border:2px solid #ffffff40;border-radius:5px;flex:none;place-items:center;font-size:16px;display:grid}.stages span.on{border-color:var(--yellow);box-shadow:0 0 10px var(--yellow)}.stages:not(.host) span:not(.on){opacity:.45}.copa-room{flex:1;grid-template-columns:218px 1fr 252px;gap:12px;min-height:0;padding:4px 16px 14px;display:grid}.cr-left .fgrid{padding:3px;overflow:auto}.cr-mid{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.cr-mid .hero{flex:1}.cr-act{justify-content:center;align-items:center;gap:10px;min-height:52px;display:flex}.cr-right .cta{margin-top:8px}.hint{text-align:center;margin-top:8px;display:block}.champ{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.champ h2{color:var(--yellow);text-shadow:4px 4px #000;font-size:44px}.cup{filter:drop-shadow(0 8px #0006);font-size:90px;animation:2.4s ease-in-out infinite bob}.bracket{flex:1;min-height:0;padding:2px 18px 12px;display:flex;overflow-x:auto}.bcol{flex-direction:column;flex:1;min-width:176px;display:flex}.bcol h4{text-align:center;color:var(--yellow);margin-bottom:4px}.bms{flex-direction:column;flex:1;min-height:0;display:flex}.bslot{flex:1;align-items:center;min-height:0;padding:3px 22px 3px 0;display:flex;position:relative}.bcol+.bcol .bslot{padding-left:22px}.bslot:after{content:"";border:0 solid #8caaff8c;border-right-width:2px;width:22px;position:absolute;right:0}.bslot:nth-child(odd):after{border-top-width:2px;border-top-right-radius:8px;top:50%;bottom:0}.bslot:nth-child(2n):after{border-bottom-width:2px;border-bottom-right-radius:8px;top:0;bottom:50%}.bcol+.bcol .bslot:before{content:"";border-top:2px solid #8caaff8c;width:22px;position:absolute;top:50%;left:0}.bcol.last .bslot:after{border-top-width:2px;border-right-width:0;border-radius:0;top:50%;bottom:auto}.bm{background:#060a20db;border-radius:10px;flex-direction:column;flex:1;gap:1px;min-width:0;padding:4px 5px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #7896ff47,0 3px #00000080}.bm.void{visibility:hidden}.bm.live{box-shadow:inset 0 0 0 2px var(--yellow), 0 0 18px #ffd23f99}.bm.mine{background:#462e00d9}.bp{border-radius:7px;align-items:center;gap:7px;min-width:0;padding:2px;font-size:7px;display:flex}.bp b{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:400;overflow:hidden}.bp i{color:#8ff0b6;font-size:9px;font-style:normal}.bp .av{border-radius:7px;width:30px;height:30px}.bp.win{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 45%, transparent), #3ddc842e)}.bp.lost{opacity:.38;filter:grayscale(.8)}.bvs{letter-spacing:1px;color:#6f83b8;padding-left:38px;font-size:5px;font-style:normal;line-height:1}.bm.live .bvs{color:var(--yellow);animation:.8s infinite pulse}.bm .cta{margin-top:2px}.wo{justify-content:space-between;margin-top:2px;font-size:5px;display:flex}.cupcol{flex:none;min-width:120px}.cupcol .bms{justify-content:center;align-items:center}.bchamp{text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:8px;display:flex}.bchamp b{font-family:var(--logo);letter-spacing:1px;color:#5f6f9c;font-size:20px;font-style:italic;font-weight:400}.bchamp.on b{color:var(--yellow);text-shadow:2px 2px #000}.bchamp.on .av{border-color:var(--yellow);box-shadow:0 0 22px var(--yellow);animation:2.4s ease-in-out infinite bob}.bcall{z-index:12;text-align:center;box-shadow:0 0 0 3px var(--yellow), 0 0 40px #ffd23f8c, 0 10px 30px #000;background:linear-gradient(#0a0e28f7,#1e0a1ef7);border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:12px 22px 10px;animation:.35s cubic-bezier(.2,1.4,.4,1) callIn;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bcall-vs{align-items:center;gap:10px;display:flex}.bcall-vs b{font-family:var(--logo);letter-spacing:1px;font-size:22px;font-style:italic;font-weight:400}.bcall-vs i{font-family:var(--logo);color:var(--yellow);-webkit-text-stroke:1px #5a1500;font-size:30px}.bcall-vs .av.xl{width:58px;height:58px}@keyframes callIn{0%{opacity:0;transform:translate(-50%)translateY(40px)scale(.8)}}.prow.glow{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, transparent), #ffffff14);box-shadow:inset 0 0 0 2px var(--c), 0 0 14px color-mix(in srgb, var(--c) 70%, transparent);animation:1.6s ease-in-out infinite rowGlow}.prow.glow .av{box-shadow:0 0 10px var(--c)}.prow.look{opacity:.62;border:1px dashed #8caaff59}.prow.look small{animation:1.2s infinite pulse}.prow.off{opacity:.4;filter:grayscale(.7)}@keyframes rowGlow{50%{box-shadow:inset 0 0 0 2px var(--c), 0 0 22px var(--c)}}.fcell.taken em{font-size:5px}.ar .lb-modal{z-index:20}.ar .lb-sent{z-index:15;border:2px dashed var(--yellow);text-align:center;background:#040614f2;border-radius:10px;padding:10px 16px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.room{display:none}body.online.room-open .room{flex-direction:column;display:flex}@media (min-width:721px) and (min-height:521px){body.online.room-open .room{padding:0;position:relative}.room>.rm-dyn{position:absolute;inset:12px 12px 218px}.room>.rm-chat{height:198px;position:absolute;bottom:12px;left:12px;right:12px}}.rm-dyn{flex:auto;min-height:0;overflow:auto}.rm-chat{border-top:2px solid #1a2130;flex-direction:column;flex:none;margin-top:8px;padding-top:2px;display:flex}.rm-log{flex-direction:column;gap:4px;height:150px;padding:2px;display:flex;overflow:auto}.rm-msg{color:#dbe5ff;word-break:break-word;font-size:7px;line-height:1.7}.rm-msg b{color:var(--c);font-weight:400}.rm-msg.me{color:#fff}.rm-msg.none{color:#6f83b8;text-align:center;padding:18px 6px;font-size:6px}.rm-chat form{gap:4px;margin-top:6px;display:flex}.rm-chat input{min-width:0;font-family:var(--pix);color:#fff;text-transform:none;-webkit-user-select:text;user-select:text;background:#0b1030;border:2px solid #2a3a60;border-radius:6px;outline:none;flex:1;padding:9px 8px;font-size:8px}.rm-chat input:focus{border-color:var(--yellow)}.rm-chat button{font-family:var(--pix);background:var(--yellow);color:#222;cursor:pointer;border:0;border-radius:6px;padding:0 11px;font-size:9px;box-shadow:0 3px #a86b00}#room-toggle.bump{color:#fff;background:#ff5468;animation:.4s gpop}.mini.kick{color:#fff;box-shadow:none;background:#7a1c2c;margin-left:3px}.cup-count{text-align:center;box-shadow:inset 0 0 0 2px var(--yellow), 0 0 18px #ffd23f80;background:#3c2800cc;border-radius:12px;flex-direction:column;align-items:center;gap:3px;margin-top:8px;padding:8px;display:flex}.cup-count b{font-family:var(--logo);color:var(--yellow);text-shadow:3px 3px #000;font-size:44px;font-weight:400;line-height:1}.hero:before{z-index:0;background:linear-gradient(90deg, #05081a73, #05081ae6 64%), radial-gradient(circle at 30% 55%, color-mix(in srgb, var(--c) 50%, transparent), transparent 58%), #05081a40}.hero-art{z-index:1;pointer-events:none;width:auto;max-width:none;height:108%;filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 14px color-mix(in srgb, var(--c) 55%, transparent));position:absolute;bottom:-2%;left:2%;-webkit-mask-image:linear-gradient(#000 62%,#0000 98%);mask-image:linear-gradient(#000 62%,#0000 98%)}.hero-art.flip{transform:scaleX(-1)}.hero canvas{z-index:2;height:82%;left:8%}.hero-info{z-index:3}.hero-info .rng{margin:5px 0 1px}