:root{--bar-w:360px;--accent:black;--accent-2:#353535;--accent-press:#000;--ink:#0c121c;--ink-2:#5a6474;--ink-3:#8b95a4;--card:#fff;--panel:#f2f5f9;--panel-2:#e7ecf3;--line:#0c121c1a;--line-2:#0c121c0d;--red:#e5313b;--tm-red:var(--go);--tm-blue:var(--red);--blue:#2f6bff;--ok:#22b24a;--go:#1dd7e1;--go-2:#16b0b9;--go-ink:#fff;--warn:#e0a419;--bad:#e0392b;--r:0;--r-sm:0;--shadow:0 20px 55px #060a1461;--shadow-sm:0 6px 18px #060a142e;--fn-blue:var(--blue);--fn-blue-press:#0a7fd6;--fn-body-1:#dde4ef;--fn-body-2:#c4cddd;--fn-navy:#223154;--fn-track:#0b1220;--frame:2px solid var(--blue);--font:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:hidden}input,textarea,.chat-log{-webkit-user-select:text;user-select:text}#game{width:100vw;height:100vh;display:block}button{font-family:var(--font)}.menu{z-index:20;font-family:var(--font);background:radial-gradient(130% 90% at 50% -15%,#ff2e4d29,#0000 55%),linear-gradient(#080c148c 0%,#05080fd1 100%);flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:fixed;inset:0}.menu.hidden{display:none}.menu:after{content:"";pointer-events:none;height:4px;position:fixed;top:0;left:0;right:0}.menu-brand{z-index:21;pointer-events:none;background-color:#fff;width:210px;height:55px;position:fixed;top:22px;left:26px;-webkit-mask:url(/assets/logo2-CO8AFp6J.svg) 0/contain no-repeat;mask:url(/assets/logo2-CO8AFp6J.svg) 0/contain no-repeat}.menu-corner{z-index:21;gap:var(--corner-gap,10px);bottom:var(--corner-b,20px);left:var(--corner-l,26px);display:none;position:fixed}.menu:has(#scrHome.show) .menu-corner{display:flex}.discord-btn,.feedback-btn,.store-btn{width:var(--corner-s,46px);height:var(--corner-s,46px);cursor:pointer;background:#ffffff14;border:2px solid #ffffff38;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s;display:flex}.discord-btn:hover,.feedback-btn:hover,.store-btn:hover{background:#ffffff2e;border-color:#ffffff8c}.discord-btn:active,.feedback-btn:active,.store-btn:active{transform:translateY(1px)}.discord-ico,.feedback-ico,.store-ico{width:var(--corner-i,26px);height:var(--corner-i,26px);background-color:#fff}.discord-ico{-webkit-mask:url(/assets/icons/discord.svg) 50%/contain no-repeat;mask:url(/assets/icons/discord.svg) 50%/contain no-repeat}.store-ico{-webkit-mask:url(/assets/icons/googleplay.svg) 50%/contain no-repeat;mask:url(/assets/icons/googleplay.svg) 50%/contain no-repeat}.store-btn{width:auto;padding:0 var(--corner-px,12px);flex:0 auto;gap:7px;min-width:0}.store-txt{font:800 var(--corner-f,12.5px) / 1 var(--font);letter-spacing:.3px;color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:16ch;overflow:hidden}.store-invite{border:var(--frame);width:min(430px,92vw);box-shadow:var(--shadow-sm);background:linear-gradient(150deg,#1b2536 0%,#131b29 55%,#0e1421 100%);align-items:stretch;display:none}.menu:has(#scrHome.show) .store-invite{display:flex}.store-open{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:12px;padding:11px 14px;transition:background .12s;display:flex}.store-open:hover{background:#ffffff12}.store-open:active{background:#ffffff1c}.store-invite .store-ico{flex:none;width:28px;height:28px}.store-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.store-copy b{color:#fff;font:800 14px / 1.2 var(--font);letter-spacing:.2px}.store-copy span{color:#9aa5b8;font:600 11.5px / 1.25 var(--font)}.store-x{color:#8b95a4;width:40px;font:600 15px / 1 var(--font);cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff24;flex:none;transition:background .12s,color .12s}.store-x:hover{color:#fff;background:#ffffff12}.menu-logo{font:500 clamp(14px, 2.2vw, 14px) / 1 var(--font);letter-spacing:-.5px;color:#ffffff8c;opacity:.92;z-index:21;pointer-events:none;position:fixed;bottom:20px;right:26px}.menu-screen{flex-direction:column;align-items:center;gap:22px;width:fit-content;max-width:94vw;display:none}.menu-screen.show{animation:.22s scrIn;display:flex}@keyframes scrIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.scr-title{color:#fff;font:800 clamp(22px, 3vw, 32px) / 1 var(--font);letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 4px 20px #00000080}.back:before{content:"← "}.back{color:var(--blue);border:var(--frame);border-radius:var(--r-sm);font:800 13px var(--font);letter-spacing:.5px;cursor:pointer;background:#ebebeb;align-self:flex-start;padding:9px 18px;transition:filter .14s,transform 80ms}.back:hover{filter:brightness(1.06)}.back:active{transform:translateY(1px)}.menu-cards{--cell:clamp(92px, 17vw, 176px);grid-template-columns:repeat(4, var(--cell));grid-auto-rows:var(--cell);gap:14px;display:grid}.card{color:#fff;font:800 clamp(13px, 1.5vw, 18px) / 1.1 var(--font);letter-spacing:.5px;text-transform:uppercase;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:linear-gradient(150deg,#1b2536 0%,#131b29 55%,#0e1421 100%);border:1px solid #ffffff29;justify-content:flex-start;align-items:flex-end;padding:14px;transition:transform .14s;display:flex;position:relative;overflow:hidden}.card.big{grid-area:span 2/span 2;padding:22px;font-size:clamp(22px,2.6vw,40px)}.card.wide{grid-area:span 1/span 3;padding:20px;font-size:clamp(20px,2.4vw,36px)}.card:after{content:"";opacity:.9;background-color:#ffffffb8;width:42%;height:42%;transition:opacity .2s,transform .2s;position:absolute;top:8px;right:8px;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.card:hover{background:linear-gradient(150deg,#26344b 0%,#1a2436 55%,#141c2b 100%);border-color:#ffffff4d;transform:translateY(-6px)}.card:hover:after{opacity:1;transform:scale(1.05)}.card:active{transform:translateY(-2px)}#cardQuick{padding-left:clamp(20px,3vw,40px);padding-right:calc(2 * clamp(20px, 3vw, 40px) + .56 * var(--cell));background:var(--go);color:var(--go-ink);border-color:#ffffff61;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}#cardQuick:hover{filter:brightness(1.07)}#cardQuick:active{background:var(--go-2);filter:none}#cardQuick:before{content:"";aspect-ratio:1;border:3px solid var(--go-ink);opacity:.95;border-radius:50%;height:56%;transition:transform .2s,background-color .2s;position:absolute;top:50%;right:clamp(20px,3vw,40px);transform:translateY(-50%)}#cardQuick:after{aspect-ratio:1;background-color:var(--go-ink);clip-path:polygon(40% 28%,40% 72%,73% 50%);opacity:.95;width:auto;height:56%;top:50%;right:clamp(20px,3.5vw,45px);transform:translateY(-50%);-webkit-mask-image:none;mask-image:none}#cardQuick:hover:before{background-color:#ffffff2e;transform:translateY(-50%)scale(1.06)}#cardQuick:hover:after{transform:translateY(-50%)scale(1.06)}#cardQuick .card-sub{font:700 clamp(10px, 1vw, 13px) var(--font);letter-spacing:1.2px;opacity:.9}.qp-fav{flex-direction:column;grid-column:span 1;justify-content:flex-end;align-items:flex-start;gap:5px}.qp-fav:after{width:34%;height:34%;-webkit-mask-image:url(/assets/textures/position.svg);mask-image:url(/assets/textures/position.svg)}.qp-fav .card-sub{font:800 clamp(11px, 1.15vw, 15px) / 1.15 var(--font);letter-spacing:.5px;color:var(--go);text-transform:none;overflow-wrap:anywhere}#cardRooms{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px}#cardRooms .card-sub{font:600 clamp(9px, .85vw, 11px) / 1.25 var(--font);letter-spacing:.3px;text-transform:none;color:#ffffff9e}#cardRooms:after{-webkit-mask-image:url(/assets/textures/internet.svg);mask-image:url(/assets/textures/internet.svg)}#cardCustom:after{-webkit-mask-image:url(/assets/textures/shirt.svg);mask-image:url(/assets/textures/shirt.svg)}#cardSettings:after{-webkit-mask-image:url(/assets/textures/settings.svg);mask-image:url(/assets/textures/settings.svg)}.lobby{border:var(--frame);border-radius:var(--r);width:min(90vw,640px);box-shadow:var(--shadow);background:#ebebeb;flex-direction:column;padding:22px;display:flex}.lobby-view{flex-direction:column;gap:16px;display:flex}.lobby-view.hidden{display:none}.lobby-head{align-items:center;gap:10px;display:flex}.lobby-title{color:var(--blue);font:800 24px var(--font);letter-spacing:.5px;text-transform:uppercase;margin-right:auto}.lobby-btn{color:var(--blue);border:var(--frame);border-radius:var(--r-sm);font:800 13px var(--font);letter-spacing:.4px;cursor:pointer;background:#ebebeb;padding:11px 18px;transition:filter .12s,transform 80ms}.lobby-btn:hover{filter:brightness(1.06)}.lobby-btn:active{transform:translateY(1px)}.lobby-btn.primary{color:#1a273f;border-color:var(--blue);background:#ebebeb}.lobby-btn.primary:hover{filter:brightness(1.06)}#btnRefresh{align-items:center;gap:7px;display:inline-flex}#btnRefresh:before{content:"";background-color:var(--blue);width:17px;height:17px;-webkit-mask:url(/assets/textures/reload.svg) 50%/contain no-repeat;mask:url(/assets/textures/reload.svg) 50%/contain no-repeat}.lobby-table{border-radius:var(--r-sm);background:#eef2f8;border:1px solid #141e372e;overflow:hidden}.lobby-row{min-height:22px;color:var(--fn-navy);font:600 15px var(--font);cursor:pointer;border-bottom:1px solid #141e3714;grid-template-columns:30px minmax(0,1fr) 72px 76px 70px 78px;align-items:center;gap:8px;padding:12px 14px;transition:background .12s;display:grid}.lobby-row:last-child{border-bottom:none}.lobby-row:not(.lobby-th):hover{background:#2f6bff24}.lobby-th{color:#46577a;font:800 11px var(--font);letter-spacing:1px;text-transform:uppercase;cursor:default;background:#d3dbea}.lobby-th>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-th{letter-spacing:.5px}.lobby-th:hover{background:#d3dbea}.lobby-th .c-code{font:inherit;letter-spacing:inherit;background:0 0;padding:0}#scrRooms .lobby-th .c-code{background:0 0}.lobby-rows{scrollbar-width:thin;scrollbar-color:#6b7a96 #141e371a;max-height:46vh;overflow-y:auto}.lobby-rows::-webkit-scrollbar{width:12px}.lobby-rows::-webkit-scrollbar-track{background:#141e371a}.lobby-rows::-webkit-scrollbar-thumb{background:#6b7a96 padding-box padding-box;border:3px solid #0000}.lobby-rows::-webkit-scrollbar-thumb:hover{background:var(--fn-blue)}.lobby-row.full{opacity:.42;cursor:not-allowed}.lobby-row.full:hover{background:0 0}.c-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.c-flag{margin-right:6px}.c-players,.c-ping{text-align:right;font-variant-numeric:tabular-nums;color:#46577a}.c-code{color:#46577a;letter-spacing:1.2px;background:#141e3717;justify-self:start;padding:2px 7px;font:800 12px ui-monospace,Menlo,Consolas,monospace}#scrRooms .c-code{color:#aab3c4;background:#ffffff17}.room-row{align-items:center;gap:8px;margin-left:auto;display:flex}.room-code{cursor:pointer;background:#ffffff12;border:2px solid #ffffff2e;border-radius:0;align-items:center;gap:8px;padding:7px 12px;transition:background .12s,border-color .12s,color .12s;display:flex}.room-code:hover{background:#ffffff24;border-color:#ffffff4d}.room-code.hidden{display:none}.rc-lab{color:#aeb6c6;font:800 11px var(--font);letter-spacing:1px;text-transform:uppercase}.rc-val{color:#fff;letter-spacing:2px;font:800 15px ui-monospace,Menlo,Consolas,monospace}.host-opts{flex-direction:column;align-items:center;gap:10px;width:min(92vw,560px);display:flex}.gkbots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.gkbots.hidden{display:none}.gkb-lab{color:#aeb6c6;font:800 11px var(--font);letter-spacing:1px;text-transform:uppercase}.gkb-chip,.rcf-chip{cursor:pointer;color:#aeb6c6;font:800 11px var(--font);letter-spacing:1px;background:#ffffff12;border:2px solid #ffffff2e;border-radius:0;padding:6px 12px;transition:background .12s,border-color .12s,color .12s,opacity .12s}.gkb-chip:hover,.rcf-chip:hover{background:#ffffff24;border-color:#ffffff4d}.gkb-chip.on,.rcf-chip.on{color:#10131a;background:#fff;border-color:#fff}.gkb-chip.red:before,.gkb-chip.blue:before{content:"";background:var(--tm-red);width:7px;height:7px;margin-right:6px;display:inline-block}.gkb-chip.blue:before{background:var(--tm-blue)}.gkb-chip.busy{opacity:.45}.roomcfg{align-items:center;gap:8px;display:flex}.roomcfg.hidden{display:none}.rcf-lab{color:#aeb6c6;font:800 11px var(--font);letter-spacing:1px;text-transform:uppercase}.pass-modal{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06090fb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pass-modal.hidden{display:none}.pass-box{gap:var(--pass-gap,12px);width:min(92vw,400px);padding:var(--pass-pad,24px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e16f0;border:1px solid #ffffff1f;flex-direction:column;max-height:calc(100dvh - 24px);display:flex;overflow-y:auto;box-shadow:0 24px 60px #0009}.pass-title{color:#fff;font:800 22px var(--font);letter-spacing:.03em;text-transform:uppercase}.pass-sub{color:#aeb6c6;font:700 13px var(--font)}.pass-input{-webkit-text-security:disc;text-security:disc;letter-spacing:2px}.pass-input.shown{-webkit-text-security:none;text-security:none;letter-spacing:0}.pass-wrap{display:flex;position:relative}.pass-wrap .pass-input{flex:1;padding-right:42px}.pass-eye{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0}.pass-eye i{background-color:#aeb6c6;width:19px;height:19px;transition:background-color .12s;display:block;-webkit-mask:url(/assets/icons/eye.svg) 50%/contain no-repeat;mask:url(/assets/icons/eye.svg) 50%/contain no-repeat}.pass-eye:hover i,.pass-eye.on i{background-color:#fff}.pass-eye.on i{-webkit-mask-image:url(/assets/icons/eyeoff.svg);mask-image:url(/assets/icons/eyeoff.svg)}.pass-input:focus{border-color:var(--blue);outline:none}.pass-err{color:#ff6b6b;min-height:15px;font:700 12px var(--font)}.pass-modal .lf{color:#aeb6c6}.pass-modal .lf input{color:#eef2f8;background:#0006;border:1px solid #ffffff29}.pass-modal .lf input:focus{border-color:var(--fn-blue,#2f6bff);box-shadow:0 0 0 3px #2f6bff38}.pass-modal .lobby-btn{color:#e8ecf3;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff24}.pass-modal .lobby-btn:hover{filter:none;background:#ffffff21;border-color:#ffffff47}.pass-modal .lobby-btn.primary{color:#fff;border-color:#2f6bff8c}.pass-modal .lobby-btn.primary:hover{background:#2f6bff38}.lang-box{width:min(94vw,560px)}.lang-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;max-height:min(58vh,420px);padding-right:4px;display:grid;overflow-y:auto}.lang-opt{color:#e8ecf3;border-radius:var(--r-sm);font:700 14px var(--font);text-align:center;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;padding:11px 12px;line-height:1.35;transition:background-color .12s,border-color .12s}.lang-opt:hover{background:#ffffff24;border-color:#ffffff4d}.lang-opt.on{color:#fff;background:#2f6bff38;border-color:#2f6bffa6}.pass-btns{gap:8px;margin-top:2px;display:flex}.pass-btns .lobby-btn{flex:1}.c-name.qp{color:var(--go)}.c-ping{color:#cfd8e8;white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.c-km{text-align:right;font-variant-numeric:tabular-nums;color:#46577a}.c-none{color:#3a4763}.c-busy{color:#46577a;letter-spacing:1px}.lobby-tally{color:#46577a;font:700 12px var(--font);letter-spacing:.02em;margin-left:10px;margin-right:auto}.pingdot{background:var(--ink-3);width:8px;height:8px;display:inline-block}.pingdot.good{background:var(--ok)}.pingdot.mid{background:var(--warn)}.pingdot.bad{background:var(--bad)}.lobby-empty{text-align:center;color:#46577a;font:500 14px var(--font);padding:28px}.lobby-note{color:#46577a;font:13px var(--font);min-height:18px}.lf{color:var(--fn-navy);font:800 11px var(--font);letter-spacing:.6px;text-transform:uppercase;flex-direction:column;gap:6px;display:flex}.lf input,.lf select{border-radius:var(--r-sm);color:#1f2c46;font:600 15px var(--font);text-transform:none;background:#eef2f8;border:1px solid #141e3747;outline:none;padding:12px 14px;transition:border-color .14s,box-shadow .14s}.lf input:focus,.lf select:focus{border-color:var(--fn-blue);box-shadow:0 0 0 3px #2f6bff38}.lf-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.cr-times{flex-wrap:wrap;gap:8px;display:flex}.cr-time{color:#1f2c46;min-width:60px;font:700 13px var(--font);text-transform:none;cursor:pointer;background:#eef2f8;border:1px solid #141e3747;border-radius:0;flex:auto;padding:10px 8px;transition:border-color .12s,background .12s,color .12s}.cr-time:hover{border-color:#ffffff80}.cr-time.on{color:#0b0d12;background:#fff;border-color:#fff}.cr-time-input{text-transform:none}.host-info{color:var(--fn-navy);font:600 16px var(--font)}.host-info b{color:var(--fn-blue);font-weight:800}.menu-play{font:800 22px var(--font);letter-spacing:1.5px;border:var(--frame);border-radius:var(--r-sm);color:#1a273f;cursor:pointer;background:#ebebeb;padding:15px 56px;transition:transform 80ms,filter .16s;box-shadow:0 10px 26px #141e374d}.menu-play:hover{filter:brightness(1.06);transform:translateY(-2px)}.menu-play:active{transform:translateY(0)}.menu-play.alt{box-shadow:none;background:#ffffff24;padding:12px 40px;font-size:18px}.menu-play.alt:hover{box-shadow:none;background:#ffffff42}.customize{background:linear-gradient(180deg, var(--fn-body-1), var(--fn-body-2));border:var(--frame);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:20px 24px;display:flex}.cz-rows{flex-direction:column;align-content:start;gap:12px;min-height:430px;padding-right:4px;display:flex;overflow-x:hidden}.cz-main{align-items:stretch;gap:20px;display:flex}.cz-panel{flex-direction:column;gap:4px;width:560px;min-width:0;max-width:100%;display:flex}.cz-preview{background:#00000047;border:1px solid #ffffff24;flex:none;align-self:stretch;width:250px;position:relative}.cz-preview-cv{width:100%;height:100%;display:block}.cz-view{flex-wrap:wrap;justify-content:center;gap:4px;padding:0 4px;display:flex;position:absolute;bottom:6px;left:0;right:0}.cz-view-b{cursor:pointer;color:#cfd6e4;min-width:0;font:800 10px var(--font);letter-spacing:.6px;text-transform:uppercase;background:#00000073;border:1px solid #ffffff38;border-radius:0;padding:4px 9px;transition:background .12s,color .12s,border-color .12s}.cz-view-b:hover{color:#fff;background:#000000b3}.cz-view-b.on{color:#10131a;background:#fff;border-color:#fff}#scrCustom .set-tabs{margin-bottom:2px}.cz-designs{flex:1;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;min-width:0;display:grid}.cz-design{flex-direction:column;align-items:center;gap:6px;padding:9px 12px;display:flex}.cz-design-cv{width:44px;height:30px;image-rendering:pixelated;border:1px solid #00000059}.cz-design{width:100%;min-width:0}#scrCustom .set-tab{color:#eef2f8;background:#ffffff0f;border:2px solid #ffffff38}#scrCustom .set-tab:hover{background:#ffffff24;border-color:#ffffff8c}#scrCustom .set-tab.on{color:#0b0d12;background:#fff;border-color:#fff}.cz-subtabs{border-bottom:0;gap:5px;margin-bottom:8px;padding-bottom:0}.cz-subtabs .set-tab{letter-spacing:.7px;flex:0 auto;min-width:62px;padding:6px 12px;font-size:11px}.cz-row{align-items:center;gap:4px;display:flex}.cz-row-top{align-items:flex-start}.cz-row-top .cz-label{padding-top:8px}.cz-sw-free{cursor:pointer;background:0 0;padding:0}.cz-sw-free::-webkit-color-swatch-wrapper{padding:0}.cz-sw-free::-webkit-color-swatch{border:none}.cz-sw-free::-moz-color-swatch{border:none}.cz-label{width:92px;color:var(--fn-navy);font:800 12px var(--font);letter-spacing:.6px;text-transform:uppercase;flex:none}.cz-sw{cursor:pointer;border:2px solid #141e374d;border-radius:0;width:30px;height:30px;padding:0;transition:transform 90ms,box-shadow .12s,border-color .12s}.cz-sw:hover{transform:scale(1.14)}.cz-sw.on{border-color:var(--fn-blue);box-shadow:0 0 0 3px #2f6bff4d}.settings{border:var(--frame);width:min(94vw,660px);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#6b7a96 #141e371f;background:#ebebeb;flex-direction:column;gap:18px;max-height:70vh;padding:22px 26px;display:flex;overflow-y:auto}.settings::-webkit-scrollbar{width:12px}.settings::-webkit-scrollbar-track{background:#141e371f}.settings::-webkit-scrollbar-thumb{background:#6b7a96 padding-box padding-box;border:3px solid #0000}.settings::-webkit-scrollbar-thumb:hover{background:var(--blue)}.set-title{color:var(--blue);font:800 24px var(--font);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.pad-focus{outline-offset:2px;outline:3px solid var(--blue)!important;box-shadow:0 0 0 6px #2f6bff40!important}.set-tabs{border-bottom:2px solid #141e372e;flex-wrap:wrap;gap:6px;margin-bottom:6px;padding-bottom:10px;display:flex}.set-tab{color:#223154;min-width:88px;font:800 12px var(--font);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#141e3714;border:2px solid #141e3738;border-radius:0;flex:auto;padding:9px 12px;transition:background .12s,border-color .12s,color .12s}.set-tab:hover{background:#ffffff1f}.set-tab.on{color:#0b0d12;background:#fff;border-color:#fff}.set-sec{flex-direction:column;gap:2px;display:flex}.set-h{color:#223154;font:800 15px var(--font);letter-spacing:.2px;border-bottom:2px solid #141e372e;margin-bottom:8px;padding-bottom:6px}.set-row{grid-template-columns:1fr 1.5fr auto;align-items:center;gap:14px;padding:4px 0;display:grid}.set-name{color:#2a3a5c;font:700 14px var(--font);overflow-wrap:anywhere;min-width:0}.set-keys{grid-template-columns:1fr;gap:8px;display:grid}.set-keys.two{grid-template-columns:1fr 1fr}.set-key{border:var(--frame);color:var(--blue);font:800 13px var(--font);letter-spacing:.3px;text-align:center;cursor:pointer;background:#ebebeb;padding:9px 12px;transition:box-shadow .1s,filter .1s}.kb-arrow{line-height:1;display:inline-block}.kb-arrow:before{content:"↑";-webkit-text-stroke:.9px currentColor;font-size:15px;display:block}.kb-arrow.down:before{transform:rotate(180deg)}.kb-arrow.left:before{transform:rotate(-90deg)}.kb-arrow.right:before{transform:rotate(90deg)}.set-key:hover{filter:brightness(1.06)}.set-key.listening{filter:brightness(.8)}.set-fixed{color:#46577a;font:500 12px var(--font);grid-column:1/-1;padding-top:4px}.set-val{text-align:left;color:#12324f;min-width:50px;font:800 14px var(--font);font-variant-numeric:tabular-nums}.set-actions{justify-content:flex-end;margin-top:6px;display:flex}.settings input[type=range]{appearance:none;cursor:pointer;background:#0b1220;border:1px solid #ffffff26;width:100%;height:26px}.settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;background:#eaf4ff;border:none;width:5px;height:26px}.settings input[type=range]::-moz-range-thumb{background:#eaf4ff;border:none;border-radius:0;width:5px;height:26px}.set-toggle{cursor:pointer;background:#0b1220;border:1px solid #ffffff26;width:50px;height:26px;padding:0;transition:background .15s;position:relative}.set-toggle span{background:#d7e2f0;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.set-toggle.on{background:#fff}.set-toggle.on span{background:#0b0d12;transform:translate(24px)}.menu:has(#scrSettings.show){background:radial-gradient(120% 100% at 28% 45%,#283a5c29,#0000 60%),linear-gradient(#070b12 0%,#04060b 100%)}.menu:has(#scrSettings.show) .menu-brand{left:auto;right:26px;-webkit-mask-position:100%;mask-position:100%}#scrSettings{flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;max-width:100%;position:relative}#scrSettings .back{color:#cfd6e2;background:#ffffff0f;border:1px solid #ffffff1f;position:absolute;top:40px;left:4vw}#scrSettings .back:hover{color:#fff;filter:none;background:#ffffff1f}#scrSettings .settings{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);scrollbar-color:#ffffff38 #ffffff0d;background:#0a0e168c;border:1px solid #ffffff1a;margin-top:22px;box-shadow:0 24px 70px #00000080}#scrSettings .settings::-webkit-scrollbar-track{background:#ffffff0d}#scrSettings .settings::-webkit-scrollbar-thumb{background:#fff3}#scrSettings .settings::-webkit-scrollbar-thumb:hover{background:var(--blue)}#scrSettings .set-title{color:#fff;letter-spacing:.03em;font-size:34px}#scrSettings .set-h{color:#aeb6c6;border-bottom-color:#ffffff1f}#scrSettings .set-tabs{border-bottom-color:#ffffff1f}#scrSettings .set-tab{color:#aeb6c6;background:#ffffff12;border-color:#ffffff2e}#scrSettings .set-tab:hover{color:#fff;background:#ffffff24}#scrSettings .set-tab.on{color:#0b0d12;background:#fff;border-color:#fff}#scrSettings .set-name{color:#cdd4e0}#scrSettings .set-val{color:#fff}#scrSettings .set-fixed{color:#7f8aa0}#scrSettings .set-key{color:#e8ecf3;background:#ffffff0f;border:1px solid #ffffff24}#scrSettings .set-key:hover{filter:none;background:#ffffff21}#scrSettings .set-key.listening{filter:none;color:#fff;background:#ffffff38}#scrSettings .lobby-btn{color:#e8ecf3;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff24}#scrSettings .lobby-btn:hover{filter:none;background:#ffffff24;border-color:#ffffff47}.menu:has(#scrCustom.show){background:radial-gradient(120% 100% at 28% 45%,#283a5c29,#0000 60%),linear-gradient(#070b12 0%,#04060b 100%)}.menu:has(#scrCustom.show) .menu-brand{left:auto;right:26px;-webkit-mask-position:100%;mask-position:100%}#scrCustom{flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;max-width:100%;position:relative}#scrCustom .back{color:#cfd6e2;background:#ffffff0f;border:1px solid #ffffff1f;position:absolute;top:40px;left:4vw}#scrCustom .back:hover{color:#fff;filter:none;background:#ffffff1f}#scrCustom .customize{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e168c;border:1px solid #ffffff1a;box-shadow:0 24px 70px #00000080}#scrCustom .cz-title{color:#fff;font:800 34px var(--font);letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px}#scrCustom .cz-label{color:#cdd4e0;overflow-wrap:anywhere}#scrCustom .cz-sw{border-color:#fff3}#scrCustom .cz-sw.on{border-color:var(--blue);box-shadow:0 0 0 3px #2f6bff59}.cz-name{align-items:center;gap:10px;margin-bottom:14px;display:flex}.cz-input{color:#fff;font:700 15px var(--font);letter-spacing:.02em;background:#00000059;border:1px solid #ffffff29;outline:none;flex:1;padding:10px 14px;transition:border-color .12s}.cz-input::placeholder{color:#6b7488}.cz-abbr{text-align:center;text-transform:uppercase;letter-spacing:3px;flex:none;width:5.5em;font:800 15px ui-monospace,Menlo,Consolas,monospace}.cz-input:focus{border-color:#ffffff73}.cz-ok{color:#0b0d12;font:800 13px var(--font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #fff;padding:10px 18px;transition:filter .12s,transform 80ms}.cz-ok:hover{filter:brightness(.9)}.cz-ok:active{transform:translateY(1px)}.cz-note{color:#8f97a8;font:700 12px / 1.25 var(--font);flex:0 auto}.cz-note[hidden]{display:none}.cz-acc{flex-wrap:wrap;gap:10px;max-height:274px;margin:-4px;padding:4px;display:flex;overflow:hidden auto}.cz-acc-tile{cursor:pointer;background:#00000059;border:1px solid #ffffff29;justify-content:center;align-items:center;width:123px;height:123px;padding:0;transition:transform 90ms,border-color .12s,box-shadow .12s;display:flex;overflow:hidden}.cz-acc-tile:hover{border-color:#fff6;transform:scale(1.06)}.cz-acc-tile.on{border-color:var(--blue);box-shadow:0 0 0 3px #2f6bff59}.cz-acc-tile img,.cz-acc-cv{object-fit:contain;width:100%;height:100%;display:block}.cz-acc-none{color:#9aa3b4;font:800 12px var(--font);letter-spacing:.04em;text-transform:uppercase}.cz-design-sw{width:100%;height:100%;display:block;position:relative;overflow:hidden}.cz-design-sw i{display:block;position:absolute}.cz-chips{flex-wrap:wrap;gap:8px;display:flex}.cz-chip{cursor:pointer;color:#aeb6c6;font:800 11px var(--font);letter-spacing:1px;background:#ffffff12;border:2px solid #ffffff2e;border-radius:0;padding:6px 12px;transition:background .12s,border-color .12s,color .12s}.cz-chip:hover{background:#ffffff24;border-color:#ffffff4d}.cz-chip.on{color:#10131a;background:#fff;border-color:#fff}.cz-sec{color:#cdd4e2;font:800 11px var(--font);letter-spacing:1.4px;text-transform:uppercase;border-top:1px solid #ffffff1f;margin-top:4px;padding-top:12px}.cz-crest{position:relative}.cz-crest:before{content:"";z-index:0;background-image:linear-gradient(45deg,#ffffff12 25%,#0000 25% 75%,#ffffff12 75%),linear-gradient(45deg,#ffffff12 25%,#0000 25% 75%,#ffffff12 75%);background-position:0 0,8px 8px;background-size:16px 16px;position:absolute;inset:0}.cz-crest img{z-index:1;padding:8px;position:relative}.cz-crest-x{z-index:2;color:#fff;width:22px;height:22px;font:800 15px/1 var(--font);background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.cz-crest-x:hover{background:#e02a2a}.cz-crest.bad img{display:none}.cz-crest.bad:after{content:"!";z-index:1;color:#e02a2a;font:900 28px var(--font);position:relative}.cz-crest-add{gap:8px}.cz-input.bad{border-color:#e02a2a}.cz-hint{color:#9aa3b4;font:600 11px var(--font);line-height:1.4}@media (height<=620px){#scrCustom .customize{max-height:92vh;padding:14px 16px;overflow-y:auto}#scrCustom .cz-title{margin-bottom:4px;font-size:18px}.cz-name{margin-bottom:6px}.cz-designs{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.cz-rows{min-height:0}}@media (height<=480px){#scrCustom .cz-title{margin-bottom:2px;font-size:16px}.cz-name{margin-bottom:4px}.cz-input,.cz-ok{padding-top:6px;padding-bottom:6px}}.legal{z-index:70;font-family:var(--font);background:#0a0d14;animation:.2s scrIn;position:fixed;inset:0;overflow-y:auto}.legal.hidden{display:none}.legal-doc{max-width:720px;margin:0 auto;padding:28px 20px 60px}.legal-back{color:#7f8aa0;font:700 13px var(--font);cursor:pointer;background:0 0;border:none;padding:6px 0}.legal-back:hover{color:#fff}.legal-title{color:#fff;font:800 32px var(--font);margin:14px 0 4px}.legal-date{color:#6b7486;font:600 12px var(--font);margin-bottom:22px}.legal-note{color:#8b95a4;font:600 13px var(--font);border-left:2px solid #ffffff2e;margin-bottom:18px;padding-left:10px}.legal-body h2{color:#fff;font:800 17px var(--font);margin:26px 0 8px}.legal-body p{color:#b9c1cf;font:400 15px/1.65 var(--font);margin:0 0 12px}.legal-btn{color:#fff;font:700 13px var(--font);cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:6px;margin:4px 0 8px;padding:9px 16px;display:inline-block}.legal-btn:hover{background:#ffffff0f;border-color:#ffffff80}.legal-links{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:18px}.legal-a{color:#ffffffdb;font:600 13px var(--font);text-decoration:none}.legal-a:hover,.legal-a:visited{color:#fff}.legal-a:hover{text-decoration:underline}#menuLegal{pointer-events:auto;margin-right:10px}#menuLegal .legal-a{color:inherit;font:inherit;letter-spacing:inherit;margin-right:10px}#menuLegal .legal-a:hover{color:#fff;text-decoration:underline}.adc{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06090fb8;justify-content:center;align-items:center;padding:12px;animation:.2s scrIn;display:flex;position:fixed;inset:0}.adc-box{background:#0a0d14f7;border:1px solid #ffffff1f;border-radius:10px;width:min(560px,100%);max-height:calc(100dvh - 24px);padding:14px 16px;overflow-y:auto;box-shadow:0 10px 40px #00000080}.adc-title{color:#fff;font:800 15px var(--font);letter-spacing:.02em;margin-bottom:6px}.adc-txt{color:#aeb6c6;font:500 13px/1.45 var(--font)}.adc-more{margin-top:8px}.adc-btns{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.adc-btns button{color:#cfd6e2;font:700 13px var(--font);cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;padding:8px 16px}.adc-btns button:hover{color:#fff;border-color:#fff6}@media (width<=820px),(height<=620px){.adc-box{padding:12px 13px}.adc-title{margin-bottom:4px;font-size:14px}.adc-txt{font-size:12px;line-height:1.4}.adc-btns{margin-top:10px}.adc-btns button{padding:9px 14px}}.adc-btns .adc-yes{background:var(--blue);border-color:var(--blue);color:#fff}.pause{z-index:30;font-family:var(--font);background:radial-gradient(120% 100% at 50% 40%,#283a5c29,#0000 60%),linear-gradient(#04060bdb 0%,#030509eb 100%);justify-content:center;align-items:center;animation:.2s scrIn;display:flex;position:fixed;inset:0;overflow:hidden}.pause.hidden,body.finished .pause:not(.finish){display:none}body.picking .scoreboard,body.picking .power,body.picking .stamina,body.picking .gk-badge,body.picking .gk-x,body.picking .restart-hud,body.picking .perf-hud,body.picking .mic-hud,body.picking .goal-banner,body.picking .tut{display:none!important}.pause-title{color:#fff;font:800 46px var(--font);letter-spacing:.03em;text-align:center;line-height:1}.pause-title small{font:600 13px var(--font);letter-spacing:.03em;color:#7f8aa0;margin-top:10px;display:block}.pause-band{flex-direction:row;justify-content:center;align-items:flex-start;gap:min(9vw,130px);display:flex}.pause-center{flex-direction:column;align-items:center;display:flex}.pr-team{width:min(24vw,300px)}.pr-th{color:#fff;font:800 24px var(--font);letter-spacing:2px;text-transform:uppercase;text-align:center;border-bottom:2px solid #fff3;margin-bottom:12px;padding-bottom:8px}.pr-team.red .pr-th{border-bottom-color:var(--tm-red)}.pr-team.blue .pr-th{border-bottom-color:var(--tm-blue)}.pr-list{flex-direction:column;gap:8px;display:flex}.pr-player{font:700 20px var(--font);letter-spacing:.02em;align-items:center;gap:7px;display:flex}.pr-pos{color:#ffffff73;min-width:34px;font:800 13px var(--font);letter-spacing:1px;text-align:left;flex:none;margin-right:4px}.pr-mod{cursor:pointer;border-radius:0;transition:background .12s}.pr-mod:hover{background:#ffffff17}.mod-menu{z-index:60;background:#141a26;border:2px solid #ffffff29;flex-direction:column;gap:4px;min-width:150px;padding:8px;display:flex;position:fixed;box-shadow:0 18px 44px #0000008c}.mod-menu.hidden{display:none}.mod-who{color:#aab3c4;font:800 11px var(--font);letter-spacing:1px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff1f;padding:2px 4px 6px;overflow:hidden}.mod-opt{text-align:left;color:#e6e9f0;font:800 13px var(--font);letter-spacing:.4px;cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:0;padding:9px 12px;transition:background .12s,border-color .12s,color .12s}.mod-opt:hover{background:#ffffff21}.mod-opt.captain:hover{color:#ffd76a;border-color:#ffc733}.mod-opt.kick:hover{color:#ffb85c;border-color:#ff9d2e}.mod-opt.ban:hover{border-color:var(--red);color:#ff6b6b}.mod-opt.cancel{color:#8b93a4;font-size:12px}.mod-opt.mute:hover{color:#cbd4e2;border-color:#7f8ba0}.mod-opt.report:hover{border-color:var(--red);color:#ff6b6b}.report-box{width:min(94vw,430px)}.rep-reasons{flex-direction:column;gap:6px;display:flex}.rep-r{text-align:left;cursor:pointer;font:700 13px var(--font);color:#d7dde8;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px}.rep-r:hover{background:#ffffff1c}.rep-r.on{color:#0b0d12;background:#fff;border-color:#fff}.rep-note{color:#8b93a4;font:600 12px var(--font);line-height:1.45}.rep-yes[disabled],.fb-yes[disabled]{opacity:.45;cursor:not-allowed}.fb-mood{gap:8px;display:flex}.fb-m{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:8px 0;display:flex}.fb-m:hover{background:#ffffff1c}.fb-thumb{background-color:#fff;width:22px;height:22px;transition:background-color .12s;-webkit-mask:url(/assets/icons/thumb.svg) 50%/contain no-repeat;mask:url(/assets/icons/thumb.svg) 50%/contain no-repeat}.fb-thumb.down{transform:rotate(180deg)}.fb-m.on[data-v="1"] .fb-thumb{background-color:var(--blue)}.fb-m.on[data-v="-1"] .fb-thumb{background-color:var(--red)}.fb-text{box-sizing:border-box;resize:vertical;width:100%;min-height:76px;font:600 13px var(--font);color:#eef2f8;background:#00000047;border:1px solid #ffffff24;border-radius:8px;padding:10px 12px;line-height:1.45}.fb-text:focus{border-color:#fff6;outline:none}.fb-text::placeholder{color:#7c8496}.feedback-ico{-webkit-mask:url(/assets/icons/feedback.svg) 50%/contain no-repeat;mask:url(/assets/icons/feedback.svg) 50%/contain no-repeat}@media (width<=820px),(height<=620px){.pass-box{--pass-pad:16px;--pass-gap:9px}.pass-title{font-size:18px}.fb-text{min-height:56px}.fb-m{padding:5px 0}.rep-r{padding:8px 11px}.rep-note{font-size:11px;line-height:1.35}}.pr-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.pr-team.red .pr-name{color:var(--tm-red)}.pr-team.blue .pr-name{color:var(--tm-blue)}.pr-goals{color:#fff;font:800 17px var(--font);flex:none}.pr-og{color:#d98b8b;font:800 12px var(--font);flex:none}.pr-card{border-radius:2px;flex:none;width:9px;height:13px;margin-left:5px}.pr-card.yel{background:#ffd21e}.pr-card.red{background:#e8281f}.pr-ping{color:#6b7486;font:800 12px var(--font);font-variant-numeric:tabular-nums;flex:none}.pr-ping.pr-pushright{margin-left:auto;padding-left:10px}.pr-ping.good{color:#3ad06a}.pr-ping.mid{color:#ffc23a}.pr-ping.bad{color:#ff5a4a}.pr-ping.host{color:#7f8aa0;letter-spacing:1px}.pr-watching{display:none}.pr-watching:not(:empty){flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;margin-top:20px;display:flex}.pr-wcap{color:#7f8aa0;font:800 12px var(--font);letter-spacing:1.5px;text-transform:uppercase}.pr-watching .pr-player{color:#ffffffd1;font-size:15px}.pr-watching .pr-pos:empty{display:none}.pr-mute{flex:none;justify-content:center;align-items:center;width:20px;display:flex}.pr-cap{flex:none;width:15px;height:15px;margin-right:5px}.pr-cap.on{background-color:#ffc733;-webkit-mask:url(/assets/icons/cap.svg) 50%/contain no-repeat;mask:url(/assets/icons/cap.svg) 50%/contain no-repeat}.pr-spk{cursor:pointer;background-color:#fff;border:none;width:18px;height:18px;padding:0;transition:background-color .1s;-webkit-mask:url(/assets/icons/speakeron.svg) 50%/contain no-repeat;mask:url(/assets/icons/speakeron.svg) 50%/contain no-repeat}.pr-spk:hover{background-color:#9aa4b6}.pr-spk.talking{background-color:#3ad06a}.pr-spk.muted{background-color:#ff5a4a;-webkit-mask-image:url(/assets/icons/speakeroof.svg);mask-image:url(/assets/icons/speakeroof.svg)}.pr-dev{background-color:#ffffffc7;flex:none;height:12px;margin-left:7px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.pr-dev-t{width:18px;height:18px;-webkit-mask-image:url(/assets/icons/tabletphone.svg);mask-image:url(/assets/icons/tabletphone.svg)}.pr-dev-p{width:17px;-webkit-mask-image:url(/assets/icons/joystick.svg);mask-image:url(/assets/icons/joystick.svg)}.pr-dev-k{width:20px;-webkit-mask-image:url(/assets/icons/keyboard.svg);mask-image:url(/assets/icons/keyboard.svg)}.mic-hud{bottom:24px;left:calc(50% + var(--bar-w) / 2 + 12px);z-index:18;cursor:pointer;pointer-events:auto;touch-action:manipulation;filter:drop-shadow(0 2px 6px #0000008c);background-color:#cdd4e0;width:40px;height:41px;display:none;position:fixed;-webkit-mask:url(/assets/icons/microon.svg) 50%/contain no-repeat;mask:url(/assets/icons/microon.svg) 50%/contain no-repeat}.mic-hud.show{display:block}.mic-hud.talking{background-color:#3ad06a}.mic-hud.muted{background-color:#ff5a4a;-webkit-mask-image:url(/assets/icons/microoof.svg);mask-image:url(/assets/icons/microoof.svg)}.set-cycle{color:#dfe5ee;font:700 14px var(--font);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;padding:6px 14px;transition:background .12s,color .12s}.set-cycle:hover{color:#fff;background:#ffffff1f}@media (width<=820px),(height<=620px){.lobby-row{grid-template-columns:20px minmax(0,1fr) 58px 42px 52px;gap:5px;padding:10px 8px;font-size:12px}.c-players,.c-ping,.c-km,.c-code{font-size:10px}.lobby-row{grid-template-columns:22px minmax(0,1fr) 58px 42px 52px 60px}.lobby-th{letter-spacing:0}.c-code{letter-spacing:1px;padding:2px 5px;font-size:11px}.room-code{padding:5px 9px}.rc-val{font-size:13px}.rc-lab{font-size:9px}.pause-top{justify-content:center;gap:6px 8px}.room-row{margin-left:0}.roomcfg{gap:6px}.rcf-lab{display:none}.rcf-chip{padding:5px 9px;font-size:10px}.gkb-lab{font-size:10px}.gkb-chip{padding:5px 9px;font-size:10px}.pause{align-items:flex-start}.pause-inner{padding:max(10px, env(safe-area-inset-top)) 0 max(20px, env(safe-area-inset-bottom));gap:12px}.pause-band{flex-wrap:wrap;gap:12px 4vw}.pause-center{flex-basis:100%;order:-1}.pause-title{font-size:30px}.pause-title small{margin-top:4px}.pause-nav{gap:2px;margin-top:12px}.pause-opt{padding:8px 0}.pr-team{width:min(45vw,220px)}.pr-th{margin-bottom:8px;font-size:18px}.pr-list{gap:5px}.pr-player{font-size:15px}.pr-goals{font-size:14px}.pr-og{font-size:11px}.pr-card{width:8px;height:11px;margin-left:4px}.pr-ping{font-size:11px}.pr-mute{width:18px}.pr-spk{width:16px;height:16px}.pr-dev{height:11px;margin-left:6px}.pr-dev-t{width:16px;height:16px}.pr-dev-p{width:16px}.pr-dev-k{width:18px}.pause-tl{width:92vw}}@media (height<=560px){.pause-title{font-size:20px}.pause-title small{display:none}.pause-nav{flex-flow:wrap;justify-content:center;gap:3px 18px;margin-top:6px}.pause-opt{padding:3px 0;font-size:15px}.pause-opt:hover{transform:none}.pause-inner{gap:7px;padding:3px 0}.pause-band{gap:7px 4vw}.pr-th{margin-bottom:4px;padding-bottom:4px;font-size:14px}.pr-list{gap:3px}.pr-player{font-size:13px}.tl-head{padding:5px 12px}.tl-cap{font-size:11px}.tl-track{padding:6px 12px}}.pause-nav{flex-direction:column;align-items:center;gap:4px;margin-top:26px;display:flex}.pause-opt{cursor:pointer;color:#cdd4e0;font:800 clamp(18px, 2vw, 26px) var(--font);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;padding:4px 0;transition:color .12s,transform .1s}.pause-opt:hover{color:#fff;transform:translate(6px)}.pause-opt.danger:hover{color:#ff6b6b}.pause-inner{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;gap:22px;width:100%;height:100svh;padding:12px 0;display:flex;overflow-y:auto}.pause-top{flex-wrap:wrap;align-items:center;gap:8px 10px;width:calc(100% - 32px);display:flex}.pause-top:not(:has(.room-code:not(.hidden),.roomcfg:not(.hidden))){display:none}.pause-tl{background:#ffffff08;border:1px solid #ffffff17;width:min(92vw,540px)}.tl-head{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.tl-cap{color:#8b95a8;font:800 12px var(--font);letter-spacing:2px;text-transform:uppercase}.tl-score{font:900 20px var(--font);align-items:center;gap:8px;display:flex}.tl-score b{text-align:center;min-width:18px}.tl-score i{color:#6b7486;font-style:normal}.tl-score .red{color:var(--tm-red)}.tl-score .blue{color:var(--tm-blue)}.tl-track{padding:12px 14px;position:relative}.tl-track:before{content:"";background:#ffffff21;width:2px;margin-left:-1px;position:absolute;top:10px;bottom:10px;left:50%}.tl-empty{color:#6b7486;text-align:center;font:700 14px var(--font);padding:14px 0}.tl-goal{grid-template-columns:1fr 62px 1fr;align-items:center;min-height:38px;display:grid;position:relative}.tl-side{align-items:center;gap:6px;min-width:0;display:flex}.tl-left{text-align:right;justify-content:flex-end}.tl-right{text-align:left;justify-content:flex-start}.tl-name{text-overflow:ellipsis;white-space:nowrap;font:800 16px var(--font);overflow:hidden}.tl-goal.red .tl-name{color:var(--tm-red)}.tl-goal.blue .tl-name{color:var(--tm-blue)}.tl-goal.og .tl-name{color:#aab3c4}.tl-og{color:#d98b8b;font:800 10px var(--font);letter-spacing:1px;text-transform:uppercase}.tl-mid{flex-direction:column;align-items:center;gap:2px;display:flex}.tl-ball{z-index:1;background:#0a0e16;padding:1px 3px;font-size:15px;line-height:1}.tl-time{color:#9aa4b6;font:800 12px var(--font);letter-spacing:.5px}@media (width<=820px),(height<=620px){.pause-inner{gap:14px}.pause-tl{width:min(94vw,380px)}.tl-name{font-size:14px}.tl-score{font-size:17px}}@keyframes finishDrop{0%{opacity:0;transform:translateY(-16%)}to{opacity:1;transform:translateY(0)}}.pause.finish.drop .pause-inner{animation:1s cubic-bezier(.15,.9,.25,1) finishDrop}.finish-head{flex-direction:column;align-items:center;gap:5px;display:flex}.finish-title{color:#fff;font:900 42px var(--font);letter-spacing:5px;line-height:1}.finish-winner{font:900 26px var(--font);letter-spacing:2px;color:#cdd4e0}.finish-winner.red{color:var(--tm-red)}.finish-winner.blue{color:var(--tm-blue)}.finish-score{font:900 34px var(--font);font-variant-numeric:tabular-nums;align-items:center;gap:12px;display:flex}.finish-score .red{color:var(--tm-red)}.finish-score .blue{color:var(--tm-blue)}.finish-score i{color:#6b7486;font-style:normal}.finish-stats{color:#aeb6c6;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:26px;display:flex}.finish-stats .fn-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.finish-stats .fn-lab{color:#7f8aa0;text-transform:uppercase;font:800 12px var(--font);letter-spacing:2px}.finish-stats .fn-nums{font:800 20px var(--font);align-items:center;gap:8px;display:flex}.finish-stats .red{color:var(--tm-red)}.finish-stats .blue{color:var(--tm-blue)}.finish-stats i{color:#6b7486;font-style:normal}.finish-nav{align-self:center}@media (width<=820px),(height<=620px){.finish-title{letter-spacing:3px;font-size:28px}.finish-winner{font-size:20px}.finish-score{font-size:26px}.finish-stats{font-size:14px}}.scoreboard{z-index:11;pointer-events:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#000000a8;padding:2px;display:flex;position:fixed;top:32px;left:50px;box-shadow:0 8px 22px #00000059}.sc-track{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:0 0;align-items:stretch;display:flex;overflow:hidden}.scoreboard .sc-clock{letter-spacing:1px;color:#fff;background:0 0;align-items:center;padding:2px 12px;font:900 14px ui-monospace,SFMono-Regular,monospace;display:flex}.scoreboard .sc-chip{color:#fff;letter-spacing:1px;font:800 13px var(--font);background:#ffffff0f;justify-content:center;align-items:center;gap:7px;padding:2px 12px;display:flex}.sc-dot{border-radius:50%;flex:none;width:9px;height:9px}.scoreboard .sc-chip.red .sc-dot{background:var(--tm-red)}.scoreboard .sc-chip.blue .sc-dot{background:var(--tm-blue)}.sc-crest{object-fit:contain;flex:none;width:20px;height:20px;display:none}.sc-crest[src]{display:block}.sc-track .sc-clock{order:0}.sc-track .sc-chip.red{order:1}.sc-track .sc-score{order:2}.sc-track .sc-chip.blue{order:3}.scoreboard.flip .sc-chip.red{flex-direction:row-reverse;order:3}.scoreboard.flip .sc-chip.blue{flex-direction:row-reverse;order:1}.sc-ab{font:inherit}.scoreboard .sc-score{font:800 17px var(--font);letter-spacing:2px;font-variant-numeric:tabular-nums;color:#fff;background:0 0;justify-content:center;align-items:center;padding:2px 14px;display:flex}.goal-banner{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);text-align:center;color:#fff;opacity:0;pointer-events:none;z-index:16;background:#000000a8;min-width:min(320px,80vw);padding:10px 30px 12px;transition:opacity .2s,transform .32s cubic-bezier(.2,1.3,.4,1);position:fixed;top:4%;left:50%;transform:translate(-50%,-14px);box-shadow:0 8px 22px #0006}.goal-banner.show{opacity:1;transform:translate(-50%)}.gb-title{font:900 clamp(28px, 5.4vw, 46px) var(--font);letter-spacing:4px;text-transform:uppercase;color:#fff;line-height:1}.goal-banner.red .gb-title{color:var(--tm-red)}.goal-banner.blue .gb-title{color:var(--tm-blue)}.gb-sub{font:800 clamp(12px, 2.4vw, 16px) var(--font);letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:#ffffff24;margin-top:8px;padding:3px 12px;display:inline-block}.goal-banner.red .gb-sub{background:var(--tm-red)}.goal-banner.blue .gb-sub{background:var(--tm-blue)}@media (width<=820px),(height<=620px){.goal-banner{min-width:0;padding:6px 16px 8px;top:3%}.gb-title{letter-spacing:2px;font-size:clamp(20px,6vw,30px)}.gb-sub{margin-top:5px;padding:2px 8px;font-size:clamp(10px,3vw,13px)}}.restart-hud{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color:#fff;z-index:14;pointer-events:none;background:#000000a8;align-items:center;gap:10px;padding:5px 16px;display:none;position:fixed;top:10%;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.restart-hud.show{display:flex}.rh-label{font:800 14px var(--font);letter-spacing:1.5px;text-transform:uppercase}.restart-hud.red .rh-label{color:var(--tm-red)}.restart-hud.blue .rh-label{color:var(--tm-blue)}.restart-hud.sentoff{background:#2a0a08d0}.restart-hud.sentoff .rh-label,.restart-hud.sentoff .rh-time{color:#ff6a5c}.restart-hud.wait{background:#0d1119d0}.restart-hud.wait:before{content:"";background:var(--warn);border-radius:50%;flex:none;width:7px;height:7px;animation:1.5s ease-in-out infinite waitPulse}.restart-hud.wait .rh-label{color:var(--warn)}.restart-hud.wait .rh-time:empty{display:none}@keyframes waitPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.restart-hud.wait:before{animation:none}}.rh-time{text-align:center;min-width:20px;font:900 16px ui-monospace,SFMono-Regular,monospace}@media (width<=820px),(height<=620px){.restart-hud{gap:7px;padding:4px 12px;top:8%}.rh-label{letter-spacing:1px;font-size:12px}.rh-time{font-size:14px}.restart-hud.wait:before{width:6px;height:6px}}.perf-hud{z-index:12;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:fixed;top:5px;right:5px}.fps-hud,.ping-hud{color:#fff;font:800 13px var(--font);font-variant-numeric:tabular-nums;padding:6px 12px;display:none}.fps-hud.show,.ping-hud.show{display:block}.fps-hud.good,.ping-hud.good{color:#3ad06a}.fps-hud.mid,.ping-hud.mid{color:#ffc23a}.fps-hud.bad,.ping-hud.bad{color:#ff5a4a}.notice{color:#fff;font:800 22px var(--font);letter-spacing:1px;text-align:center;text-shadow:0 2px 12px #0009;z-index:30;display:none;position:fixed;top:22%;left:50%;transform:translate(-50%)}.notice.show{display:block}.hint{color:#fff;font:13px var(--font);pointer-events:none;z-index:10;background:#0b0f1799;border-radius:0;padding:8px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.power{width:var(--bar-w);pointer-events:none;z-index:10;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#000000a8;height:20px;position:fixed;bottom:46px;left:50%;transform:translate(-50%)}.power-track{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#0b0f1700;position:absolute;inset:2px;overflow:hidden}.power-fill{background:linear-gradient(90deg,#6bd0ff,#4aa3ff,#2f6bff);width:100%;height:100%}.stamina{width:var(--bar-w);z-index:10;pointer-events:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#000000a8;height:20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.stamina-track{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#0b0f1700;position:absolute;inset:2px;overflow:hidden}.stamina-fill{background:linear-gradient(90deg,#e0b400,#ffe14d);width:100%;height:100%;transition:background .25s}.stamina-fill.low{background:linear-gradient(90deg,#ff9a3c,#ff5a3c)}.gk-badge{bottom:22px;right:calc(50% + var(--bar-w) / 2 + 12px);z-index:10;pointer-events:none;width:46px;height:46px;position:fixed}.gk-glove{object-fit:contain;filter:drop-shadow(0 2px 6px #0000008c);width:100%;height:100%;transition:filter .15s,opacity .15s;display:block}.gk-badge.out .gk-glove{filter:grayscale()brightness(.75)drop-shadow(0 2px 6px #0000008c);opacity:.55}.gk-x{display:none;position:absolute;inset:-2px}.gk-x.show{display:block}.gk-x:before,.gk-x:after{content:"";background:#e5313b;border-radius:3px;width:100%;height:6px;position:absolute;top:50%;left:0;box-shadow:0 0 5px #0009}.gk-x:before{transform:translateY(-50%)rotate(45deg)}.gk-x:after{transform:translateY(-50%)rotate(-45deg)}@media (width<=560px){.menu-cards{grid-template-columns:1fr 1fr;grid-template-rows:var(--cell) auto}.card.wide{grid-column:span 2}.qp-fav{flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px}.qp-fav:after{display:none}.lobby{padding:16px}.menu-play{padding:14px 40px;font-size:19px}}.menu-globe{z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;position:fixed;inset:0}.menu-globe.on{opacity:1}.menu:has(#scrRooms.show){background:radial-gradient(120% 100% at 28% 45%,#283a5c29,#0000 60%),linear-gradient(#070b12 0%,#04060b 100%)}#scrRooms{flex:1;justify-content:flex-end;align-self:stretch;align-items:center;width:100%;max-width:100%;padding:0 4vw;position:relative}.menu:has(#scrRooms.show) .menu-brand{left:auto;right:26px;-webkit-mask-position:100%;mask-position:100%}#scrRooms .rooms-head{flex-direction:column;align-items:flex-start;gap:28px;display:flex;position:absolute;top:40px;left:4vw}#scrRooms .back{color:#cfd6e2;background:#ffffff0f;border:1px solid #ffffff1f;align-self:flex-start;position:static}#scrRooms .back:hover{color:#fff;background:#ffffff1f}#scrRooms .rooms-title{letter-spacing:.03em;color:#fff;font-size:46px;font-weight:800;line-height:1}#scrRooms .rooms-title small{letter-spacing:.03em;color:#7f8aa0;margin-top:10px;font-size:13px;font-weight:600;display:block}#scrRooms .rooms-nav{flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;display:flex}#scrRooms .rooms-opt{cursor:pointer;text-align:left;color:#cdd4e0;font:800 clamp(17px, 1.9vw, 24px) var(--font);letter-spacing:.05em;text-transform:uppercase;filter:none;background:0 0;border:none;padding:3px 0;transition:color .12s,transform .1s}#scrRooms .rooms-opt:hover{color:#fff;background:0 0;transform:translate(5px)}#scrRooms #btnRefresh{gap:8px}#scrRooms #btnRefresh:before{background-color:currentColor;width:15px;height:15px}#scrRooms .lobby{width:min(560px,46vw);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%)}@media (width<=1280px){#scrRooms .lobby{width:min(520px,52vw);left:60%}}#scrRooms .lobby-head{align-items:center;gap:10px;display:flex}#scrRooms .lobby-sub{letter-spacing:.04em;color:#aeb6c6;text-transform:uppercase;font-size:15px;font-weight:700}#scrRooms .room-search{color:#eef2f8;font:700 13px var(--font);background:#0006;border:1px solid #ffffff29;outline:none;width:min(200px,45%);padding:7px 12px}#scrRooms .room-search::placeholder{color:#6b7486;text-transform:none;letter-spacing:.02em}#scrRooms .room-search:focus{border-color:var(--fn-blue,#2f6bff);box-shadow:0 0 0 3px #2f6bff38}#scrRooms .lobby-title{color:#fff;letter-spacing:.04em}#scrRooms .lobby-btn{color:#e8ecf3;background:#ffffff0f;border:1px solid #ffffff24}#scrRooms .lobby-btn:hover{filter:none;background:#ffffff21;border-color:#ffffff47}#scrRooms .lobby-btn.primary,#scrRooms .menu-play{color:#e8ecf3;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff24;font-weight:800}#scrRooms .lobby-btn.primary:hover,#scrRooms .menu-play:hover{filter:brightness(1.1)}#scrRooms .lobby-table{background:#06090f;border-color:#fff0}#scrRooms .lobby-row{color:#cdd4e0;border-bottom-color:#ffffff0f;padding:13px 16px}#scrRooms .lobby-row:not(.lobby-th):hover{box-shadow:inset 3px 0 0 var(--fn-blue,#2f6bff);background:#ffffff12}#scrRooms .lobby-th,#scrRooms .lobby-th:hover{color:#7f8aa0;letter-spacing:.06em;background:#00000065}#scrRooms .c-name{color:#eef2f8;font-weight:700}#scrRooms .c-name.qp{color:var(--go)}#scrRooms .c-lock{opacity:.85;justify-content:center;align-items:center;min-width:22px;display:inline-flex}#scrRooms .lobby-empty{text-align:center;color:#7f8aa0;padding:26px}#scrRooms .lobby-rows::-webkit-scrollbar-track{background:#ffffff0a}#scrRooms .lobby-rows::-webkit-scrollbar-thumb{background:#ffffff2e}#scrRooms .lobby-rows::-webkit-scrollbar-thumb:hover{background:var(--fn-blue,#2f6bff)}#scrRooms .host-info,#scrRooms .lobby-note,#scrRooms .lf{color:#aeb6c6}#scrRooms .host-info b{color:#fff}#scrRooms .lf input,#scrRooms .lf select{color:#eef2f8;background:#0006;border:1px solid #ffffff29}#scrRooms .lf input:focus,#scrRooms .lf select:focus{border-color:var(--fn-blue,#2f6bff);box-shadow:0 0 0 3px #2f6bff38}#scrRooms .cr-time{color:#eef2f8;background:#0006;border:1px solid #ffffff29}#scrRooms .cr-time:hover{background:#ffffff1f;border-color:#ffffff80}#scrRooms .cr-time.on{color:#0b0d12;background:#fff;border-color:#fff}.menu:has(#scrPick.show){pointer-events:none;background:0 0}.menu:has(#scrPick.show) .menu-brand{display:block;left:auto;right:26px;-webkit-mask-position:100%;mask-position:100%}.menu:has(#scrPick.show) .menu-logo{display:block}#scrPick{pointer-events:none;flex:1;justify-content:space-between;align-self:stretch;align-items:center;gap:0;width:100%;max-width:100%;padding:0;position:relative}#scrPick .pick-top{text-shadow:0 2px 10px #0000008c;flex-direction:column;align-items:center;gap:6px;margin-top:30px;display:flex}#scrPick .pick-info{color:#fff;font:700 13px var(--font);letter-spacing:.08em;text-transform:uppercase}#scrPick .pick-bar{pointer-events:none;background:0 0;flex-direction:column;align-items:center;gap:12px;width:100%;padding:26px 20px 22px;display:flex}#scrPick .pick-sel{color:#fff;font:800 20px var(--font);letter-spacing:.04em;text-shadow:0 2px 10px #0000008c}#scrPick .pick-hint{color:#ffffffe6;font:700 12px var(--font);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 8px #00000080}#scrPick .lf-actions{pointer-events:auto;justify-content:center;gap:12px;display:flex}body.touch #scrPick .pick-bar{width:100%;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#00000073);gap:8px;position:absolute;bottom:0;left:0}#scrPick .back,#scrPick .lobby-btn,#scrPick .lobby-btn.primary{color:#fff;-webkit-backdrop-filter:blur(3px);background:#0c121c80;border:1px solid #fff6;font-weight:800}#scrPick .back:hover,#scrPick .lobby-btn:hover,#scrPick .lobby-btn.primary:hover{color:#fff;filter:none;background:#141c28b8;border-color:#ffffffb3}#scrPick .back{pointer-events:auto;position:absolute;top:40px;left:4vw}body.touch #game{touch-action:none}.mob{z-index:16;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;position:fixed;inset:0}.mob,.mob *{touch-action:none}.mob-zone{pointer-events:auto;z-index:1;position:absolute;top:0;bottom:0}.mob-zone-move{width:50%;left:0}.mob-zone-look{width:50%;right:0}.mob-joy{pointer-events:none;z-index:2;background:#0a0e164d;border:2px solid #ffffff4d;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;position:absolute}.mob-joy-thumb{background:#ffffffe0;border:2px solid #141c288c;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.mob-ctl{z-index:3;pointer-events:none;position:absolute}.mob-btn{pointer-events:auto;-webkit-tap-highlight-color:transparent;color:#fff;width:clamp(46px,12.5vmin,72px);height:clamp(46px,12.5vmin,72px);font:800 clamp(11px, 2.9vmin, 14px) var(--font);letter-spacing:.04em;text-transform:uppercase;background:#0a0e166b;border:2px solid #ffffff52;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background 60ms,border-color 60ms,filter 60ms;display:flex}.mob-ic{object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:78%;height:78%}.mob-btn.on{filter:brightness(1.15);background:#2f6bff99;border-color:#fff}.mob-btn-shoot{background:#2f6bff57;border-color:#ffffff80}.mob-btn:has(.mob-cap){flex-direction:column;gap:1px;line-height:1}.mob-btn:has(.mob-cap) .mob-ic{width:56%;height:56%}.mob-cap{letter-spacing:.06em;opacity:.95;font-size:clamp(8px,2.1vmin,11px);font-style:normal}.mob-btn-diveL,.mob-btn-diveR{font-size:clamp(16px,4vmin,22px)}.mob-btn-pause{letter-spacing:2px;font-size:clamp(11px,2.6vmin,13px)}.mob.editing{background:#00000073}.mob.editing .mob-btn{border-style:dashed;border-color:#ffffff8c}.mob-ctl.sel .mob-btn{border-color:var(--blue);background:#2f6bff66}.mob-edit{left:50%;top:calc(8px + env(safe-area-inset-top));z-index:5;pointer-events:none;border:2px solid var(--blue);color:#fff;font:700 12px var(--font);background:#080c14d1;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:94vw;padding:8px 12px;display:flex;position:absolute;transform:translate(-50%)}.mob-edit-t{opacity:.85;pointer-events:none}.mob-edit-size{touch-action:auto;pointer-events:auto;width:clamp(90px,30vw,180px)}.mob-edit-btn{pointer-events:auto;color:#fff;font:800 12px var(--font);letter-spacing:.04em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff6;padding:8px 14px}.mob-edit-done{color:#0b0d12;background:#fff;border-color:#fff}@media (width<=680px){.scoreboard{top:8px;left:8px}.scoreboard .sc-clock{padding:2px 8px;font-size:12px}.scoreboard .sc-chip{padding:2px 8px;font-size:11px}.scoreboard .sc-score{padding:2px 10px;font-size:14px}.power{height:13px;bottom:38px}.stamina{height:13px;bottom:20px}.gk-badge{width:38px;height:38px;bottom:18px;left:auto}.mic-hud{width:38px;height:38px;top:auto;bottom:18px;right:auto}.fps-hud,.ping-hud{padding:4px 8px;font-size:11px}.notice{width:90vw;font-size:16px}.scr-title{letter-spacing:1px}}@media (height<=430px){.scoreboard{top:4px}.power{height:14px;bottom:30px}.stamina{height:14px;bottom:14px}.gk-badge{bottom:12px}.settings{max-height:84vh}}@media (width<=820px),(height<=620px){:root{--bar-w:min(250px, 42vw)}.menu{gap:12px}.menu-brand{width:128px;height:32px;top:10px;left:12px}:is(.menu:has(#scrRooms.show) .menu-brand,.menu:has(#scrSettings.show) .menu-brand,.menu:has(#scrCustom.show) .menu-brand,.menu:has(#scrPick.show) .menu-brand){display:none}.menu-logo{font-size:11px;bottom:8px;right:10px}.menu-corner{--corner-s:40px;--corner-i:22px;--corner-b:10px;--corner-l:12px;--corner-gap:8px;--corner-f:11px;--corner-px:10px}.store-invite{width:min(400px,94vw)}.store-open{gap:10px;padding:9px 12px}.store-invite .store-ico{width:24px;height:24px}.store-copy b{font-size:13px}.store-copy span{font-size:11px}.store-x{width:36px}.back{padding:7px 12px;font-size:12px}#scrSettings .back,#scrCustom .back{top:10px;left:10px}.scr-title{letter-spacing:1px;font-size:clamp(18px,5vw,26px)}#scrSettings .set-title,.set-title{margin-bottom:4px;font-size:22px}.set-tabs{gap:4px;padding-bottom:8px}.set-tab{letter-spacing:.5px;flex:30%;min-width:0;padding:8px 6px;font-size:10px}#scrCustom .cz-title{margin-bottom:8px;font-size:24px}.settings,.customize,.lobby{gap:10px;max-height:90vh;padding:12px 14px;overflow-y:auto}#scrRooms .lobby{scrollbar-width:none;max-height:100dvh;padding:12px 0;top:0;overflow-y:auto;transform:translate(-50%)}#scrRooms .lobby::-webkit-scrollbar{display:none}#lvCreate{gap:10px}#lvCreate .lf{gap:4px;font-size:10px}#lvCreate input,#lvCreate select{padding:8px 10px;font-size:13px}#lvCreate .cr-times{gap:5px}#lvCreate .cr-time{min-width:52px;padding:7px 6px;font-size:11px}#scrSettings .settings{margin-top:6px}.set-h{font-size:12px}.set-row{gap:8px;padding:2px 0}.set-name,.set-key,.set-val{font-size:12px}.set-toggle{transform:scale(.9)}.menu-cards{--cell:clamp(78px, 21vw, 128px);gap:10px}.card{padding:10px;font-size:clamp(11px,2.6vw,15px)}.card.big{padding:14px;font-size:clamp(17px,4vw,26px)}#scrCustom{width:100%;max-width:none}#scrCustom .customize{border:0;gap:8px;width:100vw;max-width:none;height:100dvh;max-height:none;padding:12px 14px}#scrCustom .back{z-index:3;align-self:auto;width:auto;margin:0;padding:8px 14px;font-size:12px;position:fixed;top:10px;left:10px}#scrCustom .cz-title{min-height:34px;margin-bottom:6px;padding-left:100px;font-size:22px}.cz-name{gap:8px;margin-bottom:8px}.cz-main{flex:1;gap:12px;min-height:0}.cz-panel{flex:1;width:auto;min-width:0}.cz-preview{width:clamp(130px,26vw,320px)}.cz-rows{flex:1;gap:10px;min-height:0;max-height:none;padding-bottom:38px;padding-right:4px;overflow-y:auto}#scrCustom .set-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}#scrCustom .set-tabs::-webkit-scrollbar{display:none}#scrCustom .set-tab{letter-spacing:.4px;flex:none;min-width:0;padding:9px 14px;font-size:11px}.cz-designs{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.cz-design{letter-spacing:.3px;gap:4px;padding:7px 4px;font-size:10px}.cz-design-cv{width:36px;height:24px}.cz-row{flex-wrap:wrap;gap:8px}.cz-rows .cz-label{width:100%;font-size:10px}.cz-name{flex-wrap:wrap;gap:8px}.cz-name .cz-label{flex:none;width:auto}.cz-input{min-width:0}.cz-ok{flex:none}.cz-row-top .cz-label{padding-top:0}.cz-sw{width:32px;height:32px}.cz-acc-tile{width:74px;height:74px}.cz-acc{max-height:176px}.cz-subtabs .set-tab{min-width:54px;padding:5px 9px;font-size:10px}.cz-input{padding:8px 10px;font-size:13px}.lobby-view{gap:9px}.lobby-title{font-size:17px}.lf{gap:4px;font-size:10px}.lf input,.lf select{padding:8px 11px;font-size:14px}.cr-times{gap:6px}.cr-time{min-width:52px;padding:7px 6px;font-size:12px}.lf-actions{margin-top:2px}.scoreboard{top:8px;left:8px}.scoreboard .sc-clock{padding:2px 8px;font-size:12px}.scoreboard .sc-chip{padding:2px 8px;font-size:11px}.scoreboard .sc-score{padding:2px 10px;font-size:14px}.power,.stamina{width:min(300px,62vw);height:13px}.power{bottom:38px}.stamina{bottom:18px}.gk-badge{width:38px;height:38px;bottom:16px;left:auto;right:calc(50% + min(150px,31vw) + 8px)}.mic-hud{width:38px;height:38px;inset:auto auto 16px calc(50% + min(150px,31vw) + 8px)}.fps-hud,.ping-hud{padding:4px 8px;font-size:11px}.perf-hud{top:6px;right:6px}.notice{width:90vw;font-size:16px}}@media (width<=560px){.menu-cards{grid-template-columns:1fr 1fr}.card.big{grid-column:span 2}.cz-row{flex-wrap:wrap;gap:8px}.cz-label{width:100%}.cz-name{flex-wrap:wrap}.set-row{grid-template-columns:1fr auto}}.chat{z-index:19;pointer-events:none;flex-direction:column-reverse;align-items:flex-start;gap:8px;display:flex;position:fixed;bottom:22px;left:26px}.chat-toggle,.chat-panel{pointer-events:auto}.chat.hidden{display:none}.chat-toggle{cursor:pointer;background:#0c121c6b;border:2px solid #ffffff2e;border-radius:0;width:40px;height:40px;transition:background .12s,border-color .12s;position:relative}.chat-toggle:hover,.chat-toggle.on{background:#0c121cb8;border-color:#ffffff2e}.chat-ico{border:2px solid #dfe5ee;border-radius:3px;position:absolute;inset:10px 9px 13px}.chat-ico:after{content:"";border:4px solid #0000;border-top-color:#dfe5ee;border-bottom:0;position:absolute;bottom:-6px;left:4px}.chat-badge{background:var(--red);color:#fff;min-width:18px;height:18px;font:800 11px var(--font);text-align:center;border-radius:9px;padding:0 4px;line-height:18px;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 8px #00000080}.chat-badge.hidden{display:none}.chat-panel:not(.typing) .chat-log{pointer-events:none}@media (hover:none){.chat-panel:not(.typing){pointer-events:none}.chat-panel:not(.typing) .chat-form{display:none}}.chat-panel{background:#0c121c8c;border:2px solid #ffffff2e;flex-direction:column;width:min(320px,76vw);display:flex}.chat-panel.typing{border-color:#ffffff2e}.chat-panel{transition:opacity,visibility,border-color .12s}.chat-panel.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s}.chat-panel.instant{transition:none}.chat-log{overscroll-behavior:contain;flex-direction:column;gap:4px;max-height:168px;padding:8px 10px;display:flex;overflow-y:auto}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:#ffffff38}.chat-line{font:600 13px var(--font);color:#fff;word-break:break-word;text-shadow:0 1px 3px #000000e6;line-height:1.35}.chat-who{color:#cfd6e2;text-shadow:0 1px 3px #000000e6;margin-right:6px;font-weight:800}.chat-who.red{color:var(--tm-red)}.chat-who.blue{color:var(--tm-blue)}.chat-who.watching{color:#b9c1cf}.chat-sys{color:#fff;font-style:italic}.chat-sys-tag{color:#8b93a4;margin-right:5px;font-style:italic}.chat-form{border-top:1px solid #ffffff24;position:relative}.chat-input{color:#fff;width:100%;font:600 13px var(--font);background:0 0;border:0;outline:none;padding:9px 10px}.chat-form .chat-input{padding-right:34px}.chat-x{cursor:pointer;color:#7f8aa0;width:30px;height:30px;font:700 14px/1 var(--font);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:3px;right:2px}.chat-x:hover{color:#fff}.chat-panel:not(.typing) .chat-x{display:none}.chat-input::placeholder{color:#7f8aa0}.chat-tips{color:#7f8aa0;font:700 10px var(--font);letter-spacing:.04em;text-transform:uppercase;gap:12px;padding:0 10px 7px;display:flex}.chat-panel:not(.typing) .chat-tips,.chat.no-keys .chat-tips{display:none}.chat-tips span{align-items:center;gap:5px;display:flex}.chat-tips b{color:#cfd6e2;background:#ffffff1a;border:1px solid #fff3;padding:1px 5px;font-weight:800}@media (width<=820px),(height<=620px){.chat{bottom:14px;left:12px}.chat-toggle{width:34px;height:34px}.chat-ico{inset:8px 7px 11px}.chat-panel{width:min(260px,70vw)}.chat-log{max-height:120px;font-size:12px}}.pr-watch{background-color:#ffffffb8;flex:none;width:15px;height:15px;margin-right:5px;-webkit-mask:url(/assets/icons/eye-bold.svg) 50%/contain no-repeat;mask:url(/assets/icons/eye-bold.svg) 50%/contain no-repeat}.chat-watch{vertical-align:-1px;filter:drop-shadow(0 1px 2px #000000e6);background-color:#ffffffd9;width:12px;height:12px;margin-right:4px;display:inline-block;-webkit-mask:url(/assets/icons/eye-bold.svg) 50%/contain no-repeat;mask:url(/assets/icons/eye-bold.svg) 50%/contain no-repeat}.pk-hud{z-index:12;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;display:none;position:fixed;top:26px;left:50%;transform:translate(-50%)}.pk-hud.show{display:flex}.pk-msg{font:900 20px var(--font);letter-spacing:3px;color:#fff;text-shadow:0 2px 10px #000000b3;min-height:26px}.pk-msg.goal{color:#46e07a}.pk-msg.save{color:#7fb6ff}.pk-msg.out,.pk-msg.time{color:#ff6b6b}.pk-board{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#000000a8;align-items:stretch;padding:2px;display:flex;box-shadow:0 8px 22px #00000059}.pk-chip{color:#fff;letter-spacing:1px;font:800 13px var(--font);background:#ffffff0f;align-items:center;gap:7px;padding:3px 12px;display:flex}.pk-dot{border-radius:50%;flex:none;width:9px;height:9px}.pk-chip.red .pk-dot{background:var(--tm-red)}.pk-chip.blue .pk-dot{background:var(--tm-blue)}.pk-crest{object-fit:contain;flex:none;width:20px;height:20px;display:none}.pk-crest[src]{display:block}.pk-sc{font:800 18px var(--font);font-variant-numeric:tabular-nums;color:#fff;align-items:center;padding:3px 10px;display:flex}.pk-dash{background:#ffffff59;align-self:center;width:2px;height:14px}.pk-rows{gap:18px;display:flex}.pk-dots{gap:5px;display:flex}.pk-dots i{background:#ffffff47;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #00000080}.pk-dots i.ok{background:#3ddc6f}.pk-dots i.no{background:#e8443f}.pk-bar{z-index:12;pointer-events:none;justify-content:space-between;padding:0 26px;display:none;position:fixed;bottom:78px;left:0;right:0}.pk-bar.show{display:flex}.pk-who{color:#fff;font:800 14px var(--font);letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#000000a8;align-items:center;gap:10px;padding:5px 14px;display:flex}.pk-who.r{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));flex-direction:row-reverse}.pk-who.off{visibility:hidden}.pk-who-crest{object-fit:contain;flex:none;width:26px;height:26px;display:none}.pk-who-crest[src]{display:block}.pk-who-num{font:900 16px var(--font);opacity:.75;font-variant-numeric:tabular-nums}.pk-who-name{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.pk-who-role{font:700 10px var(--font);letter-spacing:2px;opacity:.6;padding:0 4px;font-style:normal}.pk-who.red{box-shadow:inset 3px 0 0 var(--tm-red)}.pk-who.blue{box-shadow:inset 3px 0 0 var(--tm-blue)}.pk-who.r.red{box-shadow:inset -3px 0 0 var(--tm-red)}.pk-who.r.blue{box-shadow:inset -3px 0 0 var(--tm-blue)}.pk-who.mine{background:#000000d8;outline:1px solid #ffffff47}@media (width<=820px),(height<=620px){.pk-hud{top:16px}.pk-msg{letter-spacing:2px;min-height:20px;font-size:15px}.pk-bar{padding:0 12px;bottom:58px}.pk-who{gap:7px;padding:4px 10px;font-size:12px}.pk-who-name{max-width:96px}.pk-who-role{display:none}.pk-who-crest{width:20px;height:20px}.pk-dots i{width:9px;height:9px}}.finish-pk{font:800 15px var(--font);letter-spacing:2px;opacity:.85;margin-top:-4px}.pk-agg{font:700 11px var(--font);letter-spacing:2px;color:#ffffff9e;text-shadow:0 1px 6px #000c}.pr-pk{font:800 11px var(--font);color:#3ddc6f;letter-spacing:1px}.ew{z-index:25;pointer-events:none;--ew-pad:clamp(34px, 5.6vmin, 48px);background:#060a126b;place-items:center;animation:.12s ease-out ewFade;display:grid;position:fixed;inset:0}.ew.hidden{display:none}@keyframes ewFade{0%{opacity:0}to{opacity:1}}@keyframes ewPop{0%{transform:scale(.9)}to{transform:scale(1)}}.ew-title{left:50%;bottom:calc(100% + var(--ew-pad) + 10px);white-space:nowrap;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#080c14eb;border-radius:999px;padding:6px 18px;font-size:clamp(10px,1.6vmin,12px);font-weight:900;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff24}.ew-ring{width:calc(var(--ew-r,200px) * 2);height:calc(var(--ew-r,200px) * 2);animation:.12s ease-out ewPop;position:relative}.ew-ring:before{content:"";inset:calc(-1 * var(--ew-pad));background:#090d16e6;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 2px #ffffff1a,0 24px 60px #00000080}.ew-slots{position:absolute;inset:0}.ew-slot{pointer-events:auto;cursor:pointer;justify-items:center;gap:6px;width:clamp(64px,10.5vmin,88px);display:grid;position:absolute;top:50%;left:50%}.ew-tile{background:linear-gradient(#303a50f2,#161c2af2);border-radius:22%;place-items:center;width:clamp(46px,8vmin,64px);height:clamp(46px,8vmin,64px);transition:transform 90ms ease-out,box-shadow 90ms ease-out,filter 90ms ease-out;display:grid;box-shadow:inset 0 0 0 2px #ffffff29}.ew-tile img{object-fit:contain;opacity:.66;width:86%;height:86%;transition:opacity 90ms ease-out}.ew-tile img.ew-img-off{visibility:hidden}.ew-name{letter-spacing:.07em;text-transform:uppercase;color:#fff9;text-align:center;text-shadow:0 2px 6px #000000d9;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(8px,1.3vmin,10px);font-weight:800;transition:color 90ms ease-out;overflow:hidden}.ew-slot.on .ew-tile{filter:brightness(1.15);transform:scale(1.16);box-shadow:inset 0 0 0 3px #fff,0 0 26px #ffffff4d}.ew-slot.on .ew-tile img{opacity:1}.ew-slot.on .ew-name{color:#fff}.ew-center{pointer-events:auto;cursor:pointer;background:#05080ef0;border-radius:50%;align-content:center;justify-items:center;gap:7px;width:clamp(96px,16vmin,128px);height:clamp(96px,16vmin,128px);padding:0 12px;transition:box-shadow 90ms ease-out;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #ffffff1f}.ew-center.on{box-shadow:inset 0 0 0 3px #fff,0 0 26px #fff3}.ew-center-t{letter-spacing:.05em;text-transform:uppercase;color:#fff;text-align:center;min-height:1.15em;font-size:clamp(10px,1.6vmin,12px);font-weight:900;line-height:1.15}.ew-center-sep{background:repeating-linear-gradient(90deg,#fff6 0 3px,#0000 3px 7px);width:62%;height:1px}.ew-center-cancel{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:clamp(9px,1.4vmin,11px);font-weight:800;transition:color 90ms ease-out}.ew-center.on .ew-center-cancel{color:#fff}.ew-cursor{background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffffffb3}.ew-pages{left:50%;top:calc(100% + var(--ew-pad) + 10px);gap:7px;display:flex;position:absolute;transform:translate(-50%)}.ew-dot{background:#ffffff47;border-radius:50%;width:7px;height:7px}.ew-dot.on{background:#fff}.gw{z-index:20;pointer-events:none;contain:layout paint style;display:none;position:fixed;inset:0;overflow:hidden}.gw.on{display:block}.gw-links{width:calc(100% + 28vh);height:144%;position:absolute;top:-22%;left:-14vh}.gw-link{top:0;bottom:0;left:calc(var(--i) * 100% / var(--gw-n));width:calc(100% / var(--gw-n) + 1px);background:linear-gradient(#12151c 0%,#000 20% 80%,#12151c 100%);position:absolute;transform:skew(-8deg)}.gw-link:before,.gw-link:after{content:"";background:linear-gradient(#fff6,#fff0);height:16%;position:absolute;left:-1px;right:-1px}.gw-link:before{top:0}.gw-link:after{bottom:0;transform:scaleY(-1)}.gw.in .gw-link,.gw.out .gw-link{animation-duration:var(--gw-dur);animation-fill-mode:both;animation-delay:calc(var(--i) * var(--gw-step))}.gw.in .gw-link{animation-timing-function:cubic-bezier(.16,1,.3,1)}.gw.out .gw-link{animation-timing-function:cubic-bezier(.7,0,.84,0)}.gw.in .gw-link.dn{animation-name:gwInDown}.gw.in .gw-link.up{animation-name:gwInUp}.gw.out .gw-link.dn{animation-name:gwOutDown}.gw.out .gw-link.up{animation-name:gwOutUp}@keyframes gwInDown{0%{transform:skew(-8deg)translateY(-132%)scaleY(1.14)}to{transform:skew(-8deg)translateY(0)scaleY(1)}}@keyframes gwInUp{0%{transform:skew(-8deg)translateY(132%)scaleY(1.14)}to{transform:skew(-8deg)translateY(0)scaleY(1)}}@keyframes gwOutDown{0%{transform:skew(-8deg)translateY(0)scaleY(1)}to{transform:skew(-8deg)translateY(132%)scaleY(1.14)}}@keyframes gwOutUp{0%{transform:skew(-8deg)translateY(0)scaleY(1)}to{transform:skew(-8deg)translateY(-132%)scaleY(1.14)}}.gw-title{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gw-logo{aspect-ratio:600/210;background-color:#fff;width:min(52vw,620px);display:block;-webkit-mask:url(/assets/logo2-CO8AFp6J.svg) 50%/contain no-repeat;mask:url(/assets/logo2-CO8AFp6J.svg) 50%/contain no-repeat}.gw.in .gw-logo{animation:.72s cubic-bezier(.16,1,.3,1) both gwLogo;animation-delay:calc(var(--gw-cover) - .14s)}@keyframes gwLogo{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(1.06)}60%{opacity:1}to{opacity:1;clip-path:inset(0);transform:none}}.gw.out .gw-title{animation:.26s ease-in both gwTitleOut}@keyframes gwTitleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@media (width<=820px),(height<=620px){.gw-logo{width:min(74vw,420px)}}.bcomp{pointer-events:none;z-index:40;opacity:0;place-items:center;width:34px;height:34px;transition:opacity .16s;display:grid;position:fixed;top:0;left:0}.bcomp.on{opacity:1}.bcomp-arrow{transform-origin:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.bcomp-arrow:before{content:"";filter:drop-shadow(0 1px 2px #0000008c);border:6px solid #0000;border-left-color:#fff;margin-top:-6px;position:absolute;top:50%;left:100%}.bcomp-ball{background:#fff;border-radius:50%;width:25px;height:25px;display:block;position:relative;box-shadow:0 1px 3px #0009}.bcomp-ball:before{content:"";background-color:#11161d;position:absolute;inset:0;-webkit-mask:url(/assets/icons/soccerball.svg) 50%/contain no-repeat;mask:url(/assets/icons/soccerball.svg) 50%/contain no-repeat}.bcomp-foe .bcomp-ball{background:var(--red,#e02a2a)}.bcomp-foe .bcomp-ball:before{background-color:#fff;inset:4px;-webkit-mask-image:url(/assets/icons/player.svg);mask-image:url(/assets/icons/player.svg)}.bcomp-foe .bcomp-arrow:before{border-left-color:var(--red,#e02a2a)}@media (width<=820px),(height<=620px){.bcomp{width:28px;height:28px}.bcomp-arrow{width:28px;height:28px;margin:-14px 0 0 -14px}.bcomp-arrow:before{border-width:5px;margin-top:-5px}.bcomp-ball{width:21px;height:21px}}@media (width>=1400px){.bcomp{width:37px;height:37px}.bcomp-arrow{width:37px;height:37px;margin:-18.5px 0 0 -18.5px}.bcomp-arrow:before{border-width:7px;margin-top:-7px}.bcomp-ball{width:27px;height:27px}}.qp-veil{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06090fb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qp-veil.hidden{display:none}.qp-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#0a0e16f0;border:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:14px;width:min(92vw,400px);padding:30px 24px 24px;display:flex;box-shadow:0 24px 60px #0009}.qp-title{color:#fff;font:800 22px var(--font);letter-spacing:.03em;text-transform:uppercase}.qp-sub{color:#aeb6c6;min-height:17px;font:700 13px var(--font);font-variant-numeric:tabular-nums}.qp-radar{width:68px;height:68px;margin-top:4px;position:relative}.qp-radar i{border:2px solid var(--go);opacity:0;border-radius:50%;animation:1.8s cubic-bezier(.2,.6,.3,1) infinite qpPing;position:absolute;inset:0}.qp-radar i:nth-child(2){animation-delay:.6s}.qp-radar i:nth-child(3){animation-delay:1.2s}.qp-radar:after{content:"";background:var(--go);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}@keyframes qpPing{0%{opacity:0;transform:scale(.18)}15%{opacity:.9}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.qp-radar i{opacity:.4;animation:none;transform:scale(1)}}.qp-veil .lobby-btn{color:#e8ecf3;min-width:140px;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff24;margin-top:2px}.qp-veil .lobby-btn:hover{filter:none;background:#ffffff21;border-color:#ffffff47}:root{--prac:#e8a33d}.c-name.c-prac,#scrRooms .c-name.c-prac{color:var(--prac)}#cardPractice:after{-webkit-mask-image:url(/assets/textures/practice.svg);mask-image:url(/assets/textures/practice.svg)}.pause-tl.hidden{display:none}.prac{background:#ffffff08;border:1px solid #ffffff17;flex-direction:column;width:min(92vw,640px);display:flex}.prac.hidden{display:none}.prac-head{border-bottom:1px solid #ffffff17;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;display:flex}.prac-cap{color:#8b95a8;font:800 12px var(--font);letter-spacing:2px;text-transform:uppercase}.prac-score{color:#eef2f8;font:800 13px var(--font);font-variant-numeric:tabular-nums;margin-right:auto}.prac-hint{color:#6b7486;font:600 11px var(--font)}.prac-rows{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.prac-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prac-row.hidden{display:none}.prac-lab{color:#aeb6c6;min-width:74px;font:800 11px var(--font);letter-spacing:1px;text-transform:uppercase;flex:none}.prac-lab2{min-width:0;margin-left:10px}.prac-right{margin-left:auto}.prac-seg{align-items:center;gap:4px;display:flex}.prac-kinds{flex-wrap:wrap;gap:6px}.prac-count{color:#6b7486;font:700 11px var(--font);font-variant-numeric:tabular-nums;min-width:42px}.prac-go{color:#10131a;background:#fff;border-color:#fff}.prac-go:hover{color:#10131a;filter:brightness(.94);background:#fff;border-color:#fff}.prac .gkb-chip[disabled]{opacity:.35;cursor:not-allowed;filter:none}.prac .gkb-chip[disabled]:hover{background:#ffffff12;border-color:#ffffff2e}.prac-go[disabled],.prac-go[disabled]:hover{color:#aeb6c6;background:#ffffff12;border-color:#ffffff2e}.prac-opts:empty{display:none}.host-opts.in-prac{border-top:1px solid #ffffff17;align-items:stretch;gap:8px;width:100%;padding-top:10px;position:static}.host-opts.in-prac .gkb-lab{flex:none;min-width:74px}.host-opts.in-prac .gkbots{flex-wrap:wrap}@media (width<=720px),(height<=620px){.prac{width:92vw}.prac-head{padding:6px 12px}.prac-rows{gap:8px;padding:8px 12px}.prac-lab,.host-opts.in-prac .gkb-lab{flex-basis:100%;min-width:0}.prac-lab2{margin-top:2px;margin-left:0}.prac-right{margin-left:0}.prac-row{gap:6px}.prac .gkb-chip{padding:6px 9px;font-size:10px}.prac-hint{display:none}}.prac-intro{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:9px;width:100%;margin:14px 0 0;padding:12px 4px;list-style:none;display:flex}.prac-intro li{color:#d6dced;font:600 12.5px var(--font);text-align:left;align-items:center;gap:9px;line-height:1.35;display:flex}.prac-ikeys{flex:none;gap:4px;display:flex}.prac-ikeys b{color:#fff;font:800 11px var(--font);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff38;padding:3px 7px;display:inline-block}@media (width<=820px),(height<=620px){.prac-intro{gap:7px;margin-top:11px;padding:9px 2px}.prac-intro li{font-size:11.5px}.prac-ikeys b{padding:2px 5px;font-size:10px}}.tut{z-index:17;color:#fff;pointer-events:none;background:#000000a8;width:min(340px,34vw);padding:10px 12px 11px;display:block;position:fixed;top:50%;left:14px;transform:translateY(-50%)}.tut.hidden{display:none}.tut-mode{top:var(--tut-mode-top,58px);z-index:17;pointer-events:none;color:#fff;font:900 clamp(13px, 1.5vw, 17px) / 1 var(--font);letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 8px #000000d9;position:fixed;left:50%;transform:translate(-50%)}.tut-mode.hidden,body.picking .tut-mode{display:none}body:has(.mob) .tut-mode{--tut-mode-top:calc(6vh + 4.4vmin + 14px)}.tut-head{align-items:baseline;gap:8px;display:flex}.tut-n{color:var(--go);font:800 12px var(--font);letter-spacing:1px;min-width:3ch}.tut-title{font:800 clamp(14px, 1.5vw, 18px) / 1.15 var(--font);letter-spacing:.5px;text-transform:uppercase;overflow-wrap:anywhere;flex:1}.tut-ok{font:900 16px/1 var(--font);color:#4ade80;opacity:0;flex:none;font-style:normal;transition:opacity .12s,transform .18s;transform:scale(.5)}.tut-ok:before{content:"✓"}.tut-ok.on{opacity:1;transform:scale(1)}.tut-hint{color:#cdd4e0;font:600 clamp(11px, 1.15vw, 13px) / 1.35 var(--font);margin-top:3px}.tut-keys{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.tut-keys.hidden{display:none}.tut-keys b{min-width:1.6em;font:800 12px var(--font);letter-spacing:.5px;text-align:center;text-transform:uppercase;background:#ffffff1a;border:2px solid #ffffff47;padding:3px 8px}.tut-bar{background:#ffffff24;height:4px;margin-top:9px}.tut-bar i{background:var(--go);width:0;height:100%;transition:width .25s;display:block}.tut-acts{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.tut-btn{pointer-events:auto;color:#cdd4e0;font:800 11px var(--font);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:#ffffff14;border:2px solid #fff3;padding:5px 10px;transition:background .12s,border-color .12s,color .12s}.tut-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff57}.tut-btn.hidden{display:none}@media (width<=820px),(height<=620px){.tut{width:min(240px,40vw);padding:7px 9px 8px;top:8px;left:8px;transform:none}.tut-hint{font-size:10px}.tut-keys b{padding:2px 6px;font-size:10px}.tut-btn{padding:4px 8px;font-size:10px}}.tut-tip{color:#8d97a8;font:700 10px var(--font);letter-spacing:.3px}.tut-tip.hidden{display:none}.pass-modal:has(.tut-dlg){z-index:29}.pass-box.tut-dlg{text-align:center;align-items:center;gap:0;width:min(92vw,380px)}.tut-badge{background:#1dd7e11f;border:2px solid #1dd7e173;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:12px;font-size:26px;line-height:1;display:flex}.tut-badge.done{color:#4ade80;background:#4ade801f;border-color:#4ade8080;font-size:30px;font-weight:900}.tut-dt{color:#fff;font:900 21px var(--font);letter-spacing:.04em;text-transform:uppercase}.tut-ds{color:#aeb6c6;font:600 13px var(--font);margin-top:7px;line-height:1.45}.tut-list{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:6px 12px;width:100%;margin:14px 0 0;padding:12px 4px;list-style:none;display:grid}.tut-list li{color:#d6dced;font:700 12px var(--font);text-align:left;align-items:center;gap:7px;display:flex}.tut-list li:before{content:"✓";color:var(--go,#1dd7e1);flex:none;font-size:11px;font-weight:900}.pass-box.tut-dlg .pass-btns{width:100%;margin-top:16px}.pass-box.tut-dlg .lobby-btn.primary{color:#0b0d12;background:#fff;border-color:#fff}.pass-box.tut-dlg .lobby-btn.primary:hover{filter:brightness(.93)}@media (width<=820px),(height<=620px){.tut-badge{width:44px;height:44px;margin-bottom:9px;font-size:21px}.tut-badge.done{font-size:24px}.tut-dt{font-size:18px}.tut-ds{font-size:12px}.tut-list{gap:5px 10px;margin-top:11px;padding:9px 2px}.tut-list li{font-size:11px}}.pause.in-tut #pauseResume{order:1}.pause.in-tut #pauseChangePos{order:2}.pause.in-tut #pauseTutStep{order:3}.pause.in-tut #pauseSettings{order:4}.pause.in-tut #pauseTutSkip{order:5}.pause.in-tut #pauseLeave{order:6}body:has(.pause:not(.hidden)) .tut{display:none!important}.ctrls{z-index:11;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font);flex-direction:column;align-items:flex-end;gap:3px;max-height:82vh;animation:.16s ctrlsIn;display:flex;position:fixed;bottom:12px;right:12px;overflow:hidden}.ctrls.hidden{display:none}@keyframes ctrlsIn{0%{opacity:0}to{opacity:1}}.ctrls-badge{color:#aeb8c8;font:900 10px var(--font);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px #000c;background:#080c148c;border:1px solid #ffffff42;align-self:flex-end;margin-bottom:4px;padding:2px 8px}.ctrls-badge.on{color:#0b0d12;text-shadow:none;background:#fff;border-color:#fff}.ctrls-badge.hidden{display:none}.ctrls-rows{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.ctrls-rows.hidden{display:none}.ctrls-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.ctrls-n{color:#dfe6f0;font:700 11.5px var(--font);letter-spacing:.02em;opacity:.92;text-shadow:0 1px 3px #000000e6,0 0 2px #000c}.ctrls-k{align-items:center;gap:3px;display:flex}.ctrls-plus{font:800 10px var(--font);color:#aeb8c8;text-shadow:0 1px 2px #000000d9;padding:0 1px;font-style:normal}.ctrls-k b{text-align:center;color:#fff;min-width:18px;font:800 10.5px var(--font);letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 2px #000c;background:#080c148c;border:1px solid #ffffff42;padding:1px 5px;display:inline-block}@media (width<=820px),(height<=620px){.ctrls{gap:2px;max-height:74vh;bottom:8px;right:8px}.ctrls-badge{margin-bottom:3px;padding:2px 6px;font-size:9px}.ctrls-rows{gap:2px}.ctrls-n{font-size:10.5px}.ctrls-k b{min-width:16px;padding:1px 4px;font-size:9.5px}}.loadscr{z-index:9000;opacity:1;background:#05070c;transition:opacity .28s;display:none;position:fixed;inset:0}.loadscr.show{display:block}.loadscr.out{opacity:0}.ls-bg{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.ls-bg.on{opacity:1}.ls-veil{background:linear-gradient(#03050ab8 0%,#03050a00 34%),linear-gradient(#03050a00 74%,#03050ae0 100%);position:absolute;inset:0}.ls-brand{opacity:.9;background-color:#fff;width:clamp(120px,16vw,210px);height:clamp(32px,4.2vw,55px);position:absolute;top:clamp(16px,4vh,44px);left:clamp(16px,3.5vw,56px);-webkit-mask:url(/assets/logo2-CO8AFp6J.svg) 0/contain no-repeat;mask:url(/assets/logo2-CO8AFp6J.svg) 0/contain no-repeat}.ls-info{text-align:right;max-width:70vw;position:absolute;top:clamp(16px,4vh,44px);right:clamp(16px,3.5vw,56px)}.ls-map{letter-spacing:.04em;text-transform:uppercase;color:#ffd233;text-shadow:0 2px 18px #0009;font:800 clamp(26px,5.2vw,62px)/1 Inter,system-ui,sans-serif}.ls-note{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;margin-top:.45em;font:600 clamp(11px,1.5vw,16px)/1.2 Inter,system-ui,sans-serif}.ls-foot{padding:0 clamp(16px,3.5vw,56px) clamp(18px,3.4vh,40px);position:absolute;bottom:0;left:0;right:0}.ls-kicker{letter-spacing:.28em;text-transform:uppercase;color:#fffc;margin-bottom:.85em;font:700 clamp(11px,1.4vw,15px)/1 Inter,system-ui,sans-serif}.ls-bar{background:#ffffff29;border-radius:2px;height:4px;position:relative;overflow:hidden}.ls-bar>i{transform-origin:0;border-radius:inherit;background:#fff;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 12px #ffffff8c}@media (height<=480px){.ls-note{display:none}.ls-kicker{margin-bottom:.6em}}
