:root{--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;--blue:#2f6bff;--ok:#22b24a;--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;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}#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(/logo2.svg) 0/contain no-repeat;mask:url(/logo2.svg) 0/contain no-repeat}.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{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(100px, 20vw, 190px);grid-template-columns:repeat(3, 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;background:#080d17;border:1px solid #ffffff1a;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:after{content:"";opacity:.85;background-color:#010001;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{transform:translateY(-6px)}.card:hover:after{opacity:1;transform:scale(1.05)}.card:active{transform:translateY(-2px)}#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{color:var(--fn-navy);font:600 15px var(--font);cursor:pointer;border-bottom:1px solid #141e3714;grid-template-columns:34px 1fr 92px 92px;align-items:center;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:hover{background:#d3dbea}.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-ping{justify-content:flex-end;align-items:center;gap:6px;display:flex}.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}.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}.menu-sub{color:#ffffffd9;font:14px var(--font)}.menu-buttons{flex-direction:column;align-items:center;gap:14px;display:flex}.menu-join{align-items:center;gap:8px;display:flex}.menu-join input{border-radius:var(--r-sm);font:16px var(--font);border:none;outline:none;width:200px;padding:12px 16px}.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;gap:12px;display:flex}.cz-row{align-items:center;gap:10px;display:flex}.cz-label{width:70px;color:var(--fn-navy);font:800 12px var(--font);letter-spacing:.6px;text-transform:uppercase}.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}.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)}.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}.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:var(--blue)}.set-toggle.on span{background:#fff;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-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}#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-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)}.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%);flex-direction:column;justify-content:center;align-items:center;animation:.2s scrIn;display:flex;position:fixed;inset:0}.pause.hidden{display:none}.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-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}.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);justify-content:center;align-items:center;padding:2px 12px;display:flex}.scoreboard .sc-chip.red{background:var(--red)}.scoreboard .sc-chip.blue{background:var(--blue)}.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-flash{font:900 clamp(56px, 12vw, 140px) var(--font);color:#fff;letter-spacing:3px;text-transform:uppercase;opacity:0;pointer-events:none;z-index:15;transition:opacity .15s,transform .28s cubic-bezier(.2,1.4,.4,1);position:fixed;top:36%;left:50%;transform:translate(-50%,-50%)scale(.6)}.goal-flash.red{color:var(--red)}.goal-flash.blue{color:var(--blue)}.goal-flash.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.ping-hud{z-index:12;color:#fff;font:800 13px var(--font);padding:6px 12px;display:none;position:fixed;top:5px;right:5px}.ping-hud.show{display:block}.ping-hud.good{color:#3ad06a}.ping-hud.mid{color:#ffc23a}.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{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;width:360px;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{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;width:360px;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{z-index:10;pointer-events:none;width:46px;height:46px;position:fixed;bottom:22px;right:calc(50% + 192px)}.gk-glove{object-fit:contain;filter:drop-shadow(0 2px 6px #0000008c);width:100%;height:100%;display:block}.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}.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,42vw);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%)}#scrRooms .lobby-head{align-items:center;gap:10px;display:flex}#scrRooms .lobby-sub{letter-spacing:.04em;color:#aeb6c6;text-transform:uppercase;margin-right:auto;font-size:15px;font-weight:700}#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-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}.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}#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}