@font-face{font-family:Bangers;src:url(/assets/fonts/Bangers-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Anton;src:url(/assets/fonts/Anton-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-ext-400-normal.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-ext-600-normal.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-ext-800-normal.woff2)format("woff2");font-weight:800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-800-normal.woff2)format("woff2");font-weight:800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Permanent Marker;src:url(/assets/fonts/PermanentMarker-Regular.ttf)format("truetype");font-display:swap}:root{--t0:#3d86ff;--t1:#ffc61a;--neon:#c6ff3d;--hot:#ff4f9a;--ink:#0b0c10;--panel:#0b0c10e0;--line:#ffffff1f;--display:"Anton", Impact, "Arial Black", sans-serif;--street:"Bangers", "Anton", Impact, sans-serif;--tag:"Permanent Marker", cursive}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#111;height:100%;font-family:Inter,system-ui,sans-serif;overflow:hidden}#app,#app canvas{display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit}kbd{min-width:20px;height:20px;color:var(--ink);vertical-align:middle;background:#fff;border-radius:4px;justify-content:center;align-items:center;margin:0 1px;padding:0 6px;font:800 11px Inter,sans-serif;display:inline-flex;box-shadow:0 2px #00000080}kbd.pad{color:#fff;background:#2a2e38;border-radius:6px;box-shadow:0 2px #0009,inset 0 0 0 1px #ffffff2e}kbd.pad.face{border-radius:50%;width:22px;min-width:22px;height:22px;padding:0;font-size:12px}kbd.pad.xbox.f0,kbd.pad.face.f0{background:#3fae4a}kbd.pad.xbox.f1,kbd.pad.face.f1{background:#e2403a}kbd.pad.xbox.f2,kbd.pad.face.f2{background:#2f6fd8}kbd.pad.xbox.f3,kbd.pad.face.f3{color:#111;background:#e9b81f}kbd.pad.ps.face{background:#23262f}kbd.pad.ps.f0{color:#7fb2ff}kbd.pad.ps.f1{color:#ff6b6b}kbd.pad.ps.f2{color:#ff8fd6}kbd.pad.ps.f3{color:#4fe0c1}kbd.pad.switch.face{color:#fff;background:#3a3d45}kbd.pad.dpad{border-radius:3px}kbd.pad.stick{background:radial-gradient(circle at 40% 35%,#4a4f5c,#1c1f26);border-radius:50%;min-width:24px;height:24px;padding:0 3px;font-size:10px}.sk-table b.dir{color:#ffd84a;margin:0 1px;font-size:1.15em}.sk-table td.cb{white-space:normal;line-height:1.9}#hud{pointer-events:none;position:fixed;inset:0}#scoreboard{font-family:var(--display);filter:drop-shadow(0 6px 16px #00000073);align-items:stretch;display:flex;position:absolute;top:16px;left:20px;transform:skew(-10deg)}#scoreboard .team{background:#0d0f14e6;align-items:center;display:flex}#scoreboard .tname{letter-spacing:2px;padding:6px 16px;font-size:20px}#scoreboard .tscore{text-align:center;min-width:46px;color:var(--ink);padding:2px 10px;font-size:30px}#scoreboard .t0 .tname{border-left:6px solid var(--t0)}#scoreboard .t1 .tname{border-right:6px solid var(--t1)}#scoreboard .t0 .tscore{background:var(--t0);color:#fff;text-shadow:0 1px 2px #0006}#scoreboard .t1 .tscore{background:var(--t1)}#clock{color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;align-items:center;padding:6px 14px;font-size:22px;display:flex}#clock.late{background:var(--hot);color:#fff;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.3)}}#gauges{flex-direction:column;gap:5px;display:flex;position:absolute;top:66px;left:26px;transform:skew(-10deg)}.gauge{font-family:var(--display);letter-spacing:1px;text-shadow:0 2px 6px #000000b3;align-items:center;gap:8px;font-size:13px;display:flex}.gauge b{text-align:center;color:#ffffffa6;width:26px;font-weight:400}.gauge .gbar{background:#0009;width:190px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff3,3px 3px #0006}.gauge .gbar:after{content:"";will-change:transform;background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:40%;animation:2.2s linear infinite sheen;position:absolute;top:0;bottom:0;left:0}@keyframes sheen{0%{transform:translate(-120%)}to{transform:translate(300%)}}.gauge i{transform-origin:0;will-change:transform;height:100%;transition:transform .25s ease-out;display:block;transform:scaleX(0)}.gauge b{font-family:var(--street);font-size:15px}.g0 i{background:var(--t0)}.g1 i{background:var(--t1)}.g0 span{color:var(--t0)}.g1 span{color:var(--t1)}.gauge.on b{color:var(--neon);animation:.35s ease-in-out infinite alternate pulse}.gauge.on i{background:var(--neon);box-shadow:0 0 12px var(--neon)}#xfx{opacity:0;pointer-events:none;will-change:opacity;transition:opacity .5s;position:absolute;inset:0}#xfx.x0,#xfx.x1{opacity:1}#pops{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:120px;left:50%;transform:translate(-50%)}.pop{will-change:transform, opacity;font-family:var(--street);border-left:6px solid var(--c);background:#0d0f14d1;align-items:baseline;gap:10px;padding:3px 16px 5px;animation:1.6s cubic-bezier(.2,1.4,.4,1) forwards pop;display:flex;transform:skew(-10deg)rotate(-2deg);box-shadow:4px 4px #00000073}.pop b{letter-spacing:1.5px;-webkit-text-stroke:1px #000;font-size:26px;font-weight:400}.pop span{color:var(--c);letter-spacing:1px;text-shadow:2px 2px #000;font-size:20px}.pop.strong b{color:var(--c);text-shadow:3px 3px 0 #000, 0 0 18px var(--c);font-size:38px}@keyframes pop{0%{opacity:0;transform:skew(-10deg)rotate(-2deg)scale(.3)}10%{opacity:1;transform:skew(-10deg)rotate(-4deg)scale(1.25)}20%{transform:skew(-10deg)rotate(-2deg)scale(1)}80%{opacity:1}to{opacity:0;transform:skew(-10deg)rotate(-2deg)translateY(-18px)scale(.95)}}#big{text-align:center;opacity:0;pointer-events:none;position:absolute;top:36%;left:0;right:0}#big:before{content:"";background:linear-gradient(90deg, transparent, var(--c) 20%, var(--c) 80%, transparent);opacity:.22;position:absolute;inset:8% -5%;transform:skewY(-3deg)scaleX(0)}#big.show{animation:2.6s ease-out forwards big}#big.show:before{animation:.5s ease-out 50ms forwards slash}#bigt{font-family:var(--street);-webkit-text-stroke:3px #000;color:var(--c);text-shadow:6px 6px #0000008c;letter-spacing:2px;font-size:clamp(56px,12vw,150px);font-style:italic;line-height:1;position:relative}#bigs{font-family:var(--display);letter-spacing:3px;text-shadow:0 3px 8px #000000b3;margin-top:6px;font-size:clamp(18px,3vw,30px);position:relative}@keyframes big{0%{opacity:0;transform:scale(1.8)skew(-8deg)}10%{opacity:1;transform:scale(1)skew(-8deg)}85%{opacity:1}to{opacity:0;transform:scale(.96)translate(40px)skew(-8deg)}}@keyframes slash{to{transform:skewY(-3deg)scaleX(1)}}#power{opacity:0;background:#0d0f14bf;border:2px solid #ffffffb3;width:260px;height:14px;transition:opacity .1s;position:absolute;bottom:70px;left:50%;transform:translate(-50%)skew(-12deg)}#power.on{opacity:1}#powerfill{background:linear-gradient(90deg,#4fd16b,#ffcf33 65%,#ff4f3a);width:0;height:100%}#who{border-left:6px solid var(--t0);background:#0d0f14d9;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:end;column-gap:10px;padding:6px 16px 6px 12px;display:grid;position:absolute;bottom:22px;left:22px;transform:skew(-10deg)}#who .wnum{font-family:var(--display);color:var(--t0);grid-row:span 2;font-size:34px;line-height:1}#who .wname{font-family:var(--display);letter-spacing:2px;font-size:20px;line-height:1.1}#who .wstyle{letter-spacing:1.5px;color:var(--neon);font-size:11px;font-weight:800}#who.swap{animation:.25s ease-out swap}@keyframes swap{0%{opacity:.2;transform:skew(-10deg)translate(-24px)}}#hint{text-shadow:0 1px 4px #000000e6;flex-wrap:wrap;justify-content:flex-end;gap:14px;max-width:60vw;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:24px;right:22px}#hint span{opacity:.9;align-items:center;gap:4px;display:inline-flex}#hint .pz{opacity:.55}#intro{pointer-events:none;background:linear-gradient(90deg,#000000a6,#00000040 40% 60%,#000000a6);justify-content:center;align-items:center;gap:4vw;padding:0 4vw;display:flex;position:fixed;inset:0}.intro-side{width:min(420px,42vw)}.intro-side.s1{text-align:right}.it-name{font-family:var(--display);color:var(--c);text-shadow:5px 5px #0009;font-size:clamp(40px,6vw,76px);font-style:italic;line-height:1}.it-kit{margin:10px 0}.intro-side ul{flex-direction:column;gap:4px;list-style:none;display:flex}.intro-side li{background:#0b0c10d1;grid-template-columns:34px 1fr auto 30px;align-items:center;gap:10px;padding:5px 12px;font-size:13px;display:grid;transform:skew(-10deg)}.intro-side.s1 li{direction:rtl;grid-template-columns:30px auto 1fr 34px}.intro-side li b{font-family:var(--display);font-size:20px;font-weight:400}.intro-side li span{font-family:var(--display);letter-spacing:1.5px;font-size:16px}.intro-side li em{color:var(--neon);letter-spacing:1px;font-size:11px;font-style:normal;font-weight:800}.intro-side li i{opacity:.8;font-style:normal;font-weight:800}.intro-vs{font-family:var(--display);color:var(--neon);text-shadow:4px 4px #0009;font-size:64px;font-style:italic}.intro-skip{text-align:center;opacity:.75;font-size:13px;position:absolute;bottom:26px;left:0;right:0}#intro.play .s0{animation:.55s cubic-bezier(.2,.9,.2,1) both fromL}#intro.play .s1{animation:.55s cubic-bezier(.2,.9,.2,1) both fromR}#intro.play .intro-vs{animation:.5s ease-out .35s both vs}#intro.play li{animation:rowIn .35s calc(.25s + var(--i) * 70ms) ease-out both}@keyframes fromL{0%{transform:translate(-60vw)}}@keyframes fromR{0%{transform:translate(60vw)}}@keyframes vs{0%{opacity:0;transform:scale(3)}}@keyframes rowIn{0%{opacity:0;transform:skew(-10deg)translateY(10px)}}#replay{pointer-events:none;position:fixed;inset:0}#replay .lb{background:#000;height:9vh;animation:.35s ease-out both lb;position:absolute;left:0;right:0}#replay .top{top:0}#replay .bottom{transform-origin:bottom;bottom:0}@keyframes lb{0%{transform:scaleY(0)}}.rbadge{font-family:var(--display);letter-spacing:3px;background:var(--neon);color:var(--ink);padding:2px 16px;font-size:26px;font-style:italic;animation:1s ease-in-out infinite alternate blink;position:absolute;top:calc(9vh + 18px);left:26px;transform:skew(-12deg)}.rskip{opacity:.85;font-size:13px;position:absolute;bottom:calc(9vh + 14px);right:26px}.screen{display:flex;position:fixed;inset:0}.screen.dim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06070abd;justify-content:center;align-items:center;padding:16px}.screen.enter .panel{animation:.28s cubic-bezier(.2,.9,.2,1) both panelIn}@keyframes panelIn{0%{opacity:0;transform:translateY(18px)skew(-2deg)}}.panel{flex-direction:column;gap:16px;width:100%;max-width:520px;max-height:100%;padding:4px 6px;display:flex;overflow-y:auto}.panel.wide{max-width:1020px}.panel.center{text-align:center;align-items:center}.row{flex-wrap:wrap;gap:12px;display:flex}.logo{font-family:var(--street);-webkit-text-stroke:2px #000;letter-spacing:0;color:#fff;filter:drop-shadow(5px 5px #000000b3);font-size:clamp(72px,11vw,150px);font-style:normal;line-height:.9;transform:rotate(-3deg)}.logo span{color:var(--neon)}.logo.small{font-size:clamp(40px,6vw,64px)}.btn{font-family:var(--street);letter-spacing:1.5px;letter-spacing:1px;color:var(--ink);background:var(--neon);cursor:pointer;border:0;padding:10px 28px;font-size:24px;transition:transform .12s,box-shadow .12s,background .12s;transform:skew(-10deg)}.btn.ghost{color:#fff;background:#ffffff1f}.btn.small{align-self:flex-start;padding:7px 18px;font-size:16px}.btn:hover,.btn:focus{box-shadow:0 0 0 3px var(--neon), 0 0 22px #c6ff3d59;outline:none;transform:skew(-10deg)translate(4px)}.btn.ghost:focus,.btn.ghost:hover{background:#fff3}#menu{background:linear-gradient(90deg,#06070af0 0%,#06070ac7 38%,#06070a33 70%,#06070a00 100%);padding:5vh 5vw 90px;overflow-y:auto}#menu:after{content:"RUE · 5v5 · PANNA";font-family:var(--tag);color:#111;pointer-events:none;background:#ffd23f;padding:10px 18px;font-size:22px;position:absolute;bottom:14vh;right:4vw;transform:rotate(6deg);box-shadow:5px 6px #00000073}#menu:before{content:"FOOTX STREET CUP";font-family:var(--street);letter-spacing:2px;color:#fff;-webkit-text-stroke:1px #000;pointer-events:none;background:#ff3fa4;padding:8px 20px;font-size:30px;position:absolute;bottom:26vh;right:9vw;transform:rotate(-5deg);box-shadow:5px 6px #00000073}@media (width<=900px){#menu:before,#menu:after{display:none}}.menu-left{flex-direction:column;min-width:300px;display:flex}.tagline{font-family:var(--tag);color:var(--neon);letter-spacing:4px;margin:8px 0 22px 6px;font-size:18px;transform:rotate(-3deg)}#menuList{flex-direction:column;align-items:flex-start;gap:2px;display:flex}#menuList .mode{cursor:pointer;text-align:left;font-family:var(--street);letter-spacing:1.5px;color:#ffffffd1;text-shadow:0 3px 10px #0009;z-index:0;background:0 0;border:0;padding:5px 22px 7px 16px;font-size:clamp(30px,4.2vw,46px);line-height:1.05;transition:color .12s,transform .12s;position:relative;transform:skew(-12deg)}#menuList .mode small{display:none}#menuList .mode:before{content:"";background:var(--neon);transform-origin:0;z-index:-1;transition:transform .14s ease-out;position:absolute;inset:4px -4px 4px -10px;transform:scaleX(0)}#menuList .mode:focus{color:var(--ink);text-shadow:none;outline:none;transform:skew(-12deg)translate(8px)}#menuList .mode:focus:before{transform:scaleX(1)}#menuList .mode.soon{color:#ffffff47;font-size:clamp(20px,2.4vw,27px)}#menuList .mode.soon:focus{color:#ffffffb3}#menuList .mode.soon:before{background:#ffffff1f}#menu:not(.hidden) #menuList .mode{animation:.4s cubic-bezier(.2,.9,.2,1) both itemIn}#menuList .mode:nth-child(2){animation-delay:40ms!important}#menuList .mode:nth-child(3){animation-delay:80ms!important}#menuList .mode:nth-child(4){animation-delay:.12s!important}#menuList .mode:nth-child(n+5){animation-delay:.16s!important}@keyframes itemIn{0%{opacity:0;transform:skew(-12deg)translate(-40px)}}.menu-desc{pointer-events:none;max-width:520px;position:absolute;bottom:74px;left:max(5vw,16px)}#menuDescTitle{font-family:var(--display);letter-spacing:3px;color:var(--neon);font-size:20px}#menuDesc{opacity:.85;margin-top:4px;font-size:15px}.menu-hints,.screen-hints{letter-spacing:.5px;align-items:center;gap:22px;font-size:13px;display:flex}.menu-hints{background:#000000b8;padding:14px max(5vw,16px);position:absolute;bottom:0;left:0;right:0}.menu-hints span,.screen-hints span{align-items:center;gap:4px;display:inline-flex}.screen-hints{opacity:.75;flex-wrap:wrap}.opt{cursor:pointer;background:#ffffff0d;border-left:4px solid #0000;grid-template-columns:minmax(150px,1fr) minmax(200px,1.2fr);align-items:center;gap:12px;padding:9px 14px;transition:background .12s,border-color .12s;display:grid;transform:skew(-6deg)}.opt>*{transform:skew(6deg)}.opt label{color:#cfd3dc;pointer-events:none;font-size:14px;font-weight:600}.opt .val{font-family:var(--display);letter-spacing:1px;justify-content:space-between;align-items:center;font-size:19px;display:flex}.opt .val i{opacity:.45;padding:0 8px;font-size:12px;font-style:normal}.opt:focus,.opt:hover{border-left-color:var(--neon);background:#c6ff3d1f;outline:none}.opt:focus .val i{opacity:1;color:var(--neon)}.opt.slider{cursor:default;grid-template-columns:minmax(150px,1fr) minmax(140px,1fr) 80px}.opt.slider input{accent-color:var(--neon);width:100%}.opt.slider input:focus{outline:2px solid var(--neon);outline-offset:4px}.opt .sv{text-align:right;font-size:13px;font-weight:800}.prematch{gap:12px}.pm-teams{grid-template-columns:1fr auto 1fr;align-items:start;gap:18px;display:grid}.pm-vs{font-family:var(--display);color:var(--neon);align-self:center;font-size:44px;font-style:italic}.pm-team{background:var(--panel);border:1px solid var(--line);padding:12px 14px}.pmt-name{font-family:var(--display);color:var(--c);margin-bottom:8px;font-size:34px;font-style:italic;line-height:1}.pm-team ul{flex-direction:column;gap:3px;margin-top:8px;font-size:13px;list-style:none;display:flex}.pm-team li,.endp li{grid-template-columns:26px 1fr auto 26px;align-items:center;gap:8px;display:grid}.pm-team li b{font-family:var(--display);opacity:.8;font-size:16px;font-weight:400}.pm-team li em{color:var(--neon);font-size:11px;font-style:normal;font-weight:800}.pm-team li i{text-align:right;font-style:normal;font-weight:800}.pm-rows{flex-direction:column;gap:5px;display:flex}.pm-arena{opacity:.75;min-height:18px;font-size:13px}.kit{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.kit .ks{clip-path:polygon(22% 0,78% 0,100% 22%,86% 40%,80% 32%,80% 100%,20% 100%,20% 32%,14% 40%,0 22%);width:46px;height:30px;box-shadow:inset 0 0 0 2px #0003}.kit .kh{width:26px;height:10px}.kit .kc{width:26px;height:6px}.pad-status{opacity:.85;font-size:13px}.pad-status .warn{color:#ffb347}.controls{background:var(--panel);border:1px solid var(--line);padding:16px 20px;font-size:13px;line-height:1.5}.controls.cols{grid-template-columns:1fr 1fr;gap:6px 34px;display:grid}.controls h3{font-family:var(--display);letter-spacing:3px;color:var(--neon);margin:12px 0 6px;font-size:15px;font-weight:400}.controls h3:first-child{margin-top:0}.controls ul{flex-direction:column;gap:4px;list-style:none;display:flex}.controls li{border-bottom:1px solid #ffffff0d;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:2px 0;display:grid}.controls li .kb,.controls li .pd{white-space:nowrap;text-align:right}.controls li .pd{min-width:70px}.controls .note{opacity:.7;margin-top:12px;font-size:12px}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{cursor:pointer;font-family:var(--display);letter-spacing:1.5px;color:#ffffffbf;background:#ffffff12;border:0;padding:6px 16px;font-size:17px;transform:skew(-10deg)}.tab.on{background:var(--neon);color:var(--ink)}.tab:focus{outline:2px solid var(--neon);outline-offset:2px}.set-body{flex-direction:column;gap:5px;min-height:260px;max-height:58vh;padding:2px 4px 2px 2px;display:flex;overflow-y:auto}.remap{grid-template-columns:1fr 150px 150px;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:grid}.remap.head{letter-spacing:1.5px;opacity:.6;text-transform:uppercase;font-size:11px;font-weight:800}.bind{cursor:pointer;border:1px solid var(--line);background:#ffffff0f;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:5px 8px;display:flex}.bind:focus,.bind:hover{border-color:var(--neon);background:#c6ff3d1f;outline:none}.bind:disabled{opacity:.45;cursor:default}.bind.wait{border-color:var(--hot);animation:.5s ease-in-out infinite alternate pulse}.bind em{color:var(--hot);font-size:12px;font-style:normal}.fb-field{flex-direction:column;align-items:stretch;gap:6px;display:flex}.fb-field span{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:13px}.fb-field input,.fb-field textarea{font:inherit;color:#fff;border:1px solid var(--line);resize:vertical;-webkit-user-select:text;user-select:text;background:#00000059;padding:8px 10px;font-size:15px}.fb-field input:focus,.fb-field textarea:focus{outline:2px solid var(--accent,#ffd23f)}.fb-send{margin-top:6px}.fb-status{min-height:1.4em;margin:8px 0 0;font-size:14px}.fb-licence{opacity:.55;margin:18px 0 0;font-size:11px;line-height:1.4}.tester{background:var(--panel);border:1px solid var(--line);grid-template-columns:260px 1fr;align-items:center;gap:6px 16px;margin-top:6px;padding:10px 14px;display:grid}.tester .tbtns{opacity:.9;flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.tester .tinfo{opacity:.7;grid-column:span 2;font-size:12px}.panel.pause{max-width:420px}.pause-list{flex-direction:column;align-items:flex-start;gap:10px;display:flex}#endscore{font-family:var(--display);letter-spacing:2px;font-size:40px}#endmvp{font-size:15px}#endmvp small{letter-spacing:2px;color:var(--neon);font-size:11px;font-weight:800;display:block}#endmvp em{color:var(--neon);font-style:normal;font-weight:700}#endstats{border-collapse:collapse;min-width:min(460px,100%);font-size:14px}#endstats td{font-family:var(--display);width:30%;padding:4px 18px;font-size:20px}#endstats th{letter-spacing:1px;opacity:.7;padding:4px 8px;font-size:12px;font-weight:600}#endstats tr{border-bottom:1px solid #ffffff14}#endstats tr:nth-child(odd){background:#ffffff08}#toast{z-index:9;border-left:4px solid var(--neon);opacity:0;pointer-events:none;background:#0b0c10eb;padding:10px 14px;font-size:13px;font-weight:700;position:fixed;top:18px;right:18px;transform:translateY(-10px)}#toast.show{animation:2.8s ease-out both toast}@keyframes toast{8%,85%{opacity:1;transform:none}to{opacity:0}}#loading{z-index:5;font-family:var(--display);letter-spacing:2px;border-left:5px solid var(--neon);background:#0d0f14d9;padding:8px 16px;font-size:18px;animation:1s ease-in-out infinite alternate blink;position:fixed;bottom:24px;right:24px}#loading.error{letter-spacing:0;white-space:pre-wrap;word-break:break-all;border-left-color:#ff4d4d;max-width:min(90vw,720px);font-family:Inter,system-ui,sans-serif;font-size:15px;animation:none}@keyframes blink{0%{opacity:.55}to{opacity:1}}.discord-only{display:none}.in-discord .discord-only{display:inline-flex}#creator{z-index:4;background:linear-gradient(120deg,#0b0d12 0%,#151a24 55%,#1d2433 100%)}.creator-panel{background:#080a0e99;border-right:1px solid #ffffff14;width:min(470px,100%);height:100%;padding:22px 22px 40px;overflow-y:auto}.creator-panel .logo.small{margin-bottom:6px;font-size:52px}#creatorForm h3{font-family:var(--display);letter-spacing:3px;color:var(--neon);margin:18px 0 8px;font-size:15px;font-weight:400}.crow{grid-template-columns:110px 1fr;align-items:center;gap:10px;margin:7px 0;display:grid}.crow label{color:#b8bdc8;font-size:13px}.cval{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.cval input[type=text],.cval input[type=number]{color:#fff;background:#1c212b;border:1px solid #2d3442;border-radius:6px;width:100%;max-width:220px;padding:7px 9px;font:600 14px Inter,sans-serif}.cval input[type=number]{max-width:90px}.cval input[type=range]{min-width:120px;accent-color:var(--neon);flex:1}.cout{color:#dfe3ea;min-width:70px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#e9ecf2;cursor:pointer;background:#1c212b;border:1px solid #2d3442;border-radius:999px;padding:6px 12px;font:600 12px Inter,sans-serif}.chip:hover,.chip:focus{border-color:var(--neon);outline:none}.chip.on{background:var(--neon);color:var(--ink);border-color:#0000}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sw{cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;width:26px;height:26px;padding:0}.sw:focus{outline:2px solid var(--neon);outline-offset:2px}.sw.on{box-shadow:0 0 0 2px var(--neon);border-color:#fff}.sw.team{color:#e9ecf2;background:#1c212b;border-radius:999px;width:auto;padding:0 9px;font:600 11px Inter,sans-serif}.swatches input[type=color]{cursor:pointer;background:0 0;border:0;width:30px;height:28px;padding:0}.cstats{background:#ffffff0a;border:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:3px 14px;padding:8px 10px;font-size:12px;display:grid}.cstats p{opacity:.8;grid-column:span 2;margin-bottom:4px}.cstats p b{color:var(--neon)}.cstats .st{grid-template-columns:78px 1fr 22px;align-items:center;gap:6px;display:grid}.cstats .st i{background:linear-gradient(90deg, var(--neon) var(--v), #ffffff1f var(--v));height:5px}.cstats .st b{text-align:right}.creator-stage{flex:1;min-width:0;position:relative}#creatorCanvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.creator-preview{gap:6px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.creator-actions{gap:10px;display:flex;position:absolute;bottom:22px;right:22px}.creator-hint{opacity:.55;white-space:nowrap;font-size:12px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.ctabs{z-index:1;background:#080a0eeb;margin:4px 0 6px;padding:8px 0;position:sticky;top:-22px}.ctabs .tab{padding:6px 12px;font-size:15px}.creator-panel .screen-hints{margin-top:18px}.cnote{color:#9aa1ad;margin:8px 0 0;font-size:12px;line-height:1.45}.chips.faces .chip{text-align:center;min-width:38px}.creator-rotate{gap:6px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.creator-rotate .chip{font-size:14px}.cstatus{background:#080a0eb3;border-radius:999px;padding:6px 12px;font:600 13px Inter,sans-serif;position:absolute;bottom:84px;right:22px}.cstatus.ok{color:var(--neon)}.cstatus.dirty{color:#ffb347}.cstatus:empty{display:none}.creator-confirm{text-align:center;background:#06070ad1;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0}.creator-confirm p{font:600 16px Inter,sans-serif}.creator-confirm .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.creator-confirm.hidden{display:none}@media (width<=760px){#menu{background:#06070ac7;padding:24px 16px 120px}.menu-desc{bottom:64px;right:16px}.menu-hints{gap:14px}.controls.cols{grid-template-columns:1fr}#scoreboard{top:10px;left:10px}#scoreboard .tname{padding:5px 10px;font-size:15px}#scoreboard .tscore{min-width:36px;font-size:24px}#clock{font-size:18px}#gauges{top:54px;left:14px}.gauge .gbar{width:100px}#hint{display:none}#who{bottom:12px;left:12px}.pm-teams{grid-template-columns:1fr}.pm-vs{display:none}.opt{grid-template-columns:1fr;gap:4px}.opt.slider{grid-template-columns:1fr 60px}.opt.slider label{grid-column:span 2}.remap{grid-template-columns:1fr 96px 96px}.tester{grid-template-columns:1fr}.tester .tinfo{grid-column:auto}#intro{flex-direction:column;justify-content:center;gap:10px}.intro-side{width:100%}.intro-side li{padding:3px 8px;font-size:11px}.intro-vs{font-size:36px}#creator{flex-direction:column-reverse}.creator-panel{border-top:1px solid #ffffff14;border-right:0;width:100%;height:55%}.creator-stage{flex:none;height:45%}.creator-hint{display:none}.creator-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;bottom:10px;left:10px;right:10px}.creator-actions .btn{padding:8px 12px;font-size:15px}.creator-rotate{top:50px}.creator-rotate .chip,.creator-preview .chip{white-space:nowrap;padding:6px 10px}.cstatus{font-size:11px;inset:auto auto 104px 10px}.creator-panel{height:52%}.creator-stage{height:48%}.ctabs{top:-22px}.ctabs .tab{padding:5px 9px;font-size:13px}.crow{grid-template-columns:92px 1fr}}#menu{z-index:2}#pause,#end,#prematch,#online{z-index:5}#creator{z-index:6}#controlsScreen,#skillsScreen,#settings{z-index:7}#intro,#replay{z-index:3}#hud.replaying #hint,#hud.replaying #who,#hud.replaying #power,#hud.replaying #pops,#hud.replaying #gauges{display:none}.gauge.ready{animation:.7s ease-in-out infinite alternate gbReady}@keyframes gbReady{0%{filter:brightness();box-shadow:0 0 #0000}to{filter:brightness(1.6);box-shadow:0 0 14px #c6ff3dbf}}.sk-tools{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.sk-find{letter-spacing:1px;text-transform:uppercase;opacity:.9;flex-direction:column;flex:320px;gap:6px;font-size:12px;display:flex}.sk-find input{font:inherit;text-transform:none;letter-spacing:0;color:#fff;border:1px solid var(--line);background:#00000073;padding:10px 12px;font-size:15px}.sk-find input:focus{outline:2px solid var(--neon)}#skTester.on{background:var(--neon);color:#111}.sk-out{background:var(--panel);border:1px solid var(--line);min-height:64px;padding:10px 14px;font-size:13px;line-height:1.45}.sk-out p{margin:0 0 6px}.sk-out pre{white-space:pre-wrap;word-break:break-word;color:var(--neon);margin:0;font-family:ui-monospace,Consolas,monospace;font-size:12px}.sk-list{background:var(--panel);border:1px solid var(--line);max-height:46vh;padding:12px 16px;overflow-y:auto}.sk-list h3{font-family:var(--display);letter-spacing:3px;color:var(--neon);margin:14px 0 6px;font-size:15px;font-weight:400}.sk-list h3:first-child{margin-top:0}.sk-table{border-collapse:collapse;width:100%;font-size:12.5px}.sk-table th{text-align:left;opacity:.6;letter-spacing:1px;text-transform:uppercase;padding:4px 6px;font-size:11px;font-weight:600}.sk-table th.cur{opacity:1;color:var(--neon)}.sk-table td{vertical-align:top;border-top:1px solid #ffffff12;padding:6px}.sk-table td.nm{font-weight:600}.sk-table td.st{color:#ffd34d;white-space:nowrap}.sk-table td.fx small{opacity:.6;margin-top:2px;display:block}.sk-table .hu{color:#fff;background:#ff4f6d;margin-left:4px;padding:1px 4px;font-size:10px}.sk-table tr.hit td{background:#c6ff3d24}.sk-table tr[data-sk]{cursor:pointer;outline:none}.sk-table tr[data-sk]:focus td{background:#c6ff3d38}.sk-table tr[data-sk]:focus td.nm{color:var(--neon)}@media (width<=760px){.sk-table thead{display:none}.sk-table tr{border-top:1px solid #ffffff12;grid-template-columns:1fr auto;padding:6px 0;display:grid}.sk-table td{border:0;padding:2px 4px}.sk-table td.fx{grid-column:1/-1}}.online .on-name{font-family:var(--display);letter-spacing:1px;align-items:center;gap:14px;font-size:18px;display:flex}.online input[type=text]{font-family:var(--display);letter-spacing:2px;color:#fff;background:#ffffff14;border:2px solid #ffffff2e;outline:none;min-width:0;padding:8px 12px;font-size:22px}.online input[type=text]:focus{border-color:var(--neon);box-shadow:0 0 0 3px #c6ff3d40}#onCode{text-transform:uppercase;text-align:center;letter-spacing:6px;width:9ch;font-size:30px}.on-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.on-box{background:var(--panel);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.on-box h3{font-family:var(--street);letter-spacing:1px;color:var(--neon);font-size:26px}.on-box p{opacity:.8;font-size:14px}.on-msg{color:#ffd23f;min-height:1.2em;font-weight:700}.on-lobby{flex-direction:column;gap:16px;display:flex}.on-codebar{font-family:var(--display);letter-spacing:1px;align-items:center;gap:16px;font-size:18px;display:flex}.on-codebar b{letter-spacing:10px;color:var(--neon);font-size:46px}.on-team ul{flex-direction:column;gap:6px;margin-top:10px;list-style:none;display:flex}.on-team li{background:#ffffff0f;align-items:center;gap:10px;padding:6px 10px;font-size:16px;font-weight:800;display:flex}.on-team li.me{outline:2px solid var(--neon)}.on-team li small{opacity:.6;letter-spacing:1px;margin-left:auto;font-size:11px}.on-team li.free{opacity:.45;font-style:italic;font-weight:600}.on-salon{border-color:var(--neon);margin-bottom:18px}.on-people{color:var(--neon);font-size:13px;opacity:1!important}.on-people:empty{display:none}@media (width<=720px){.on-cols{grid-template-columns:1fr}}#nametags{pointer-events:none;z-index:1;position:fixed;inset:0}.nametag{font-family:var(--display);letter-spacing:1px;color:#fff;white-space:nowrap;transform-origin:50% 100%;background:#0a0c12b8;border-bottom:3px solid #3d86ff;padding:2px 9px;font-size:15px;position:absolute;top:0;left:0}.nametag[data-team="1"]{border-bottom-color:#ffc61a}.nametag.me{box-shadow:0 0 0 2px var(--neon);background:#0a0c12e0}