@font-face{font-family:Boom;src:url(/fonts/BoomSeguk.otf)format("opentype");font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Bold.woff2)format("woff2");font-weight:700;font-display:swap}.gp-focus{border-radius:6px;outline-offset:-2px!important;background-color:var(--primary,#1affba)!important;color:var(--ink,#04231a)!important;filter:brightness(1.08)!important;outline:2px solid #fff!important}.hub-play.gp-focus,.hub-play-arrow.gp-focus,.hub-mute.gp-focus{filter:none!important;color:var(--bubble-ink)!important;background-color:#0000!important;outline:none!important}.hub-play.gp-focus:before,.hub-play-arrow.gp-focus:before,.hub-mute.gp-focus:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)!important}.hub-play.gp-focus:after,.hub-play-arrow.gp-focus:after,.hub-mute.gp-focus:after{background:#fff!important}:root{--bg:#121212;--primary:#42ff87;--grad-a:#1affba;--grad-b:#62f460;--grad2-a:#151f46;--grad2-b:#263365;--primary-dark:#2faf5e;--ink:#06210f;--panel:#2c3145;--surface:#10131c;--surface-2:#1a1f2c;--white:#fff;--ink-dark:#14171f;--field:#eef0f4;--danger:#ff4d6d;--text-1:#ffffffd9;--text-2:#fff9;--text-3:#fff6;--line:#ffffff26;--fill-1:#ffffff0f;--bubble-1:#ffd23f;--bubble-2:#ff881e;--bubble-ink:#3a2400;--font-display:"Boom", sans-serif;--font-body:"Space Grotesk", sans-serif;--stroke:2px;--bevel:16px;--shadow-hard:5px 6px 0 #000;--skew:-10deg;--radius:0;--header-height:112px}*{box-sizing:border-box;margin:0;padding:0}body{cursor:default;font-family:var(--font-body);background:#000;overflow:hidden}body.locked{cursor:none}canvas{display:block}#ui{pointer-events:none;z-index:50;width:100%;max-width:1440px;display:none;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}#hud{color:#ffffff73;font-family:var(--font-body);letter-spacing:.3px;pointer-events:none;font-size:11px;font-weight:500;position:absolute;bottom:14px;left:16px}.ic{vertical-align:-.15em;flex:none;width:1em;height:1em;display:inline-block}.discord-link{color:#fff;cursor:pointer;background:#5865f2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:filter .12s,transform .12s;display:inline-flex;position:relative}.discord-link .ic{width:24px;height:24px}.discord-link:hover{filter:brightness(1.12);transform:scale(1.08)}.discord-bubble{opacity:0;transform-origin:0;pointer-events:none;width:134px;transition:opacity .16s,transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:118%;transform:translateY(-50%)scale(.6)}.discord-bubble:before{content:"";z-index:-1;clip-path:polygon(7% 2%,99% 0,100% 98%,7% 100%,7% 62%,0 50%,7% 38%);background:#000;position:absolute;inset:0;transform:translate(3px,4px)}.discord-bubble-bd{clip-path:polygon(7% 2%,99% 0,100% 98%,7% 100%,7% 62%,0 50%,7% 38%);background:#000;padding:2px;display:block}.discord-bubble-in{text-align:center;color:#1a1a22;font-family:var(--font-body);clip-path:polygon(7% 2%,99% 0,100% 98%,7% 100%,7% 62%,0 50%,7% 38%);background:#fff;padding:9px 10px 9px 15px;font-size:10.5px;font-weight:800;line-height:1.25;display:block}.discord-link:hover .discord-bubble{opacity:1;transform:translateY(-50%)scale(1)}#crosshair{transform:translate(-50%, -50%) scale(var(--ch-scale,1));pointer-events:none;width:140px;height:240px;display:none;position:absolute;top:50%;left:50%}#player-status,#match-hud,#kill-feed{opacity:var(--hud-op,1)}body.locked #crosshair{display:block}.ch-stroke{stroke:var(--ch-color,#fff);stroke-width:2.2px;stroke-linecap:round;fill:none}.ch-hit{stroke:#ff3b5c;stroke-width:3px;stroke-linecap:round;fill:none;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity 50ms}.ch-hit.on{opacity:1;animation:.22s ease-out ch-hit-pop}@keyframes ch-hit-pop{0%{transform:scale(.6)}45%{transform:scale(1.3)}to{transform:scale(1)}}.ch-combo{font-family:var(--font-display);color:#fff;text-shadow:2px 2px 0 var(--panel), -2px 2px 0 var(--panel), 2px -2px 0 var(--panel), -2px -2px 0 var(--panel);opacity:0;pointer-events:none;font-size:26px;position:absolute;top:118px;left:102px;transform:translateY(-55%)}.ch-combo.on{opacity:1;animation:.2s cubic-bezier(.2,1.6,.4,1) ch-combo-slam}.ch-combo.payoff{color:#fd0;text-shadow:2px 2px 0 var(--panel), -2px 2px 0 var(--panel), 2px -2px 0 var(--panel), -2px -2px 0 var(--panel), 0 0 14px #ffdd00d9;font-size:38px;animation:.26s cubic-bezier(.2,1.8,.4,1) ch-combo-slam}@keyframes ch-combo-slam{0%{opacity:0;transform:translateY(-55%)scale(2.2)rotate(7deg)}55%{opacity:1;transform:translateY(-55%)scale(.9)rotate(-3deg)}to{transform:translateY(-55%)scale(1)rotate(0)}}.ch-spin-track{stroke:#ffffff29;stroke-width:2.5px}.ch-spin-fill{stroke:#fd0;stroke-width:2.5px;stroke-linecap:round;transform-origin:70px 118px;transform:rotate(-90deg)}#player-status{pointer-events:none;filter:saturate(2);width:220px;height:220px;position:absolute;bottom:64px;right:44px}@media (width<=1000px){#player-status{bottom:12px;right:16px}}#player-status svg{width:100%;height:100%;display:block}.st-pct{font-family:var(--font-display);fill:#fff;stroke:var(--panel);stroke-width:25px;paint-order:stroke;stroke-linejoin:round;font-size:320px}.st-stock{font-family:var(--font-display);fill:#fff;stroke:var(--panel);stroke-width:18px;paint-order:stroke;stroke-linejoin:round;text-anchor:middle;dominant-baseline:central;font-size:200px}#game-banner{text-align:center;color:#fff;width:92vw;max-width:1000px;text-shadow:none;pointer-events:none;display:none;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#game-banner .title{font-family:var(--font-display);letter-spacing:1px;color:#fff;-webkit-text-stroke:10px var(--panel);paint-order:stroke;font-size:92px}#game-banner.waiting .title{-webkit-text-stroke-width:5px;font-size:40px}#game-banner .sub{font-family:var(--font-body);opacity:.85;letter-spacing:.5px;margin-top:12px;font-size:16px;font-weight:500}#postmatch{text-align:center;pointer-events:auto;flex-direction:column;align-items:center;width:340px;max-width:90vw;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#postmatch.is-open{display:flex}.pm-panel{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.pm-title{font-family:var(--font-display);color:#fff;-webkit-text-stroke:9px var(--panel);paint-order:stroke;margin-bottom:16px;font-size:72px;line-height:1}.pm-title.is-winner{color:var(--primary)}.pm-sub{font-family:var(--font-body);color:#fff;text-shadow:0 2px 8px #000;margin:14px 0 16px;font-size:16px;font-weight:500}#pm-ready{font-family:var(--font-display);background:var(--primary);color:var(--ink);border-radius:var(--radius);cursor:pointer;min-width:200px;box-shadow:0 6px 0 var(--primary-dark);border:none;padding:8px 0;font-size:28px}#pm-ready:active{box-shadow:0 3px 0 var(--primary-dark);transform:translateY(3px)}#pm-ready.on{color:#ffffff80;box-shadow:none;background:#ffffff26}#pm-quit{color:#ffffff73;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:14px;font-weight:500;text-decoration:underline}#pm-quit:hover{color:#fff}.podium{flex-direction:column;gap:8px;width:100%;margin-bottom:4px;display:flex}.podium-row{border-radius:var(--radius);background:#ffffff0f;align-items:center;gap:12px;padding:10px 14px;display:flex}.podium-row.is-me{background:#42ff8714;outline:1px solid #42ff8740}.podium-rank{text-align:center;flex:none;width:24px;font-size:20px}.podium-ava{border-radius:var(--radius);border:2px solid #ffffff26;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.podium-ava-img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.podium-info{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.podium-name{font-family:var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1;overflow:hidden}.podium-row.is-me .podium-name{color:var(--primary)}.podium-stats{font-family:var(--font-body);color:#fff6;letter-spacing:.3px;font-size:11px}#title{z-index:110;font-family:var(--font-body);color:#fff;cursor:default;position:fixed;inset:0;overflow:hidden}.title-bg{filter:blur(4px)brightness(.7);background:url(/hub-bg.webp) 50%/cover no-repeat;position:absolute;inset:-2%;transform:scale(1.03)}.title-floor{background:linear-gradient(#12121200 0%,#121212e6 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.title-center{flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.title-logo{filter:drop-shadow(0 8px 24px #00000080);width:min(440px,70vw);height:auto}.title-play{font-family:var(--font-display);letter-spacing:1px;border-radius:var(--radius);isolation:isolate;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:10px 64px;font-size:56px;line-height:1;transition:filter .14s,transform .1s;position:relative}.title-play:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.title-play:after,.title-play.is-loading:after{content:"";inset:calc(-1 * var(--stroke));z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute}.title-play:hover{filter:drop-shadow(5px 5px #000);color:var(--bubble-ink)}.title-play:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.title-play.is-loading{opacity:1}.title-play.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.title-play:active{transform:translateY(3px)}.title-login{color:#fff;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600;text-decoration:underline}.title-login:disabled{cursor:not-allowed;opacity:.85}#hub{z-index:100;font-family:var(--font-body);color:#fff;cursor:default;--safe-x:calc(50% - min(50%, 900px));position:fixed;inset:0;overflow:hidden}.hub-bg{filter:blur(4px);background:url(/hub-bg.webp) 50%/cover no-repeat;position:absolute;inset:-2%;transform:scale(1.16)translateY(-12%)}.hub-floor{background:linear-gradient(#fff0 0%,#fff 70% 100%);height:84%;position:absolute;bottom:0;left:0;right:0}.hub-party{top:26px;left:calc(var(--safe-x) + 26px);flex-direction:column;gap:9px;width:290px;display:flex;position:absolute}.hub-card{border-radius:var(--radius);background:#121212cc;align-items:center;gap:12px;padding:8px 12px;display:flex}.hub-card--host{padding:10px 14px}.hub-ava{border-radius:var(--radius);background:var(--panel);border:2px solid #fff;flex:none;width:44px;height:44px;position:relative}.hub-ava.sm{width:32px;height:32px}.hub-lvl{background:var(--panel);border-radius:var(--radius);border:2px solid #fff;padding:2px 5px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:-7px;right:-7px}.hub-card-body{flex:1;min-width:0}.hub-name{font-size:15px;font-weight:700}.hub-bar{border-radius:var(--radius);background:#ffffff29;height:8px;margin-top:5px;overflow:hidden}.hub-bar i{background:linear-gradient(90deg,#ffb03a,#ff5132);width:60%;height:100%;display:block}.hub-card--slot{opacity:.92}.hub-slot-txt{opacity:.8;font-size:13px}.hub-topright{top:26px;right:calc(var(--safe-x) + 26px);z-index:10;align-items:center;gap:10px;display:flex;position:absolute}.hub-topleft{top:26px;left:calc(var(--safe-x) + 26px);z-index:10;align-items:center;gap:10px;display:flex;position:absolute}#hub[data-view=locker] .hub-topleft{display:none}.hub-gear{border-radius:var(--radius);color:#fff;cursor:pointer;background:#121212cc;border:none;width:46px;height:46px;font-size:22px}.hub-idchip-wrap{isolation:isolate;cursor:pointer;display:inline-block;position:relative}.hub-idchip-wrap:before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,96% 100%,2% 100%);background:#000;position:absolute;inset:-3px}.hub-idchip{cursor:pointer;clip-path:polygon(2% 8%,98% 0,94% 92%,0 100%);background:#fff;border-radius:0;align-items:center;gap:12px;padding:0 30px 0 0;display:flex;position:relative}.hub-idchip:hover{background:var(--field)}.hub-idchip .hub-avatar-card-slot{flex:none;display:flex}.hub-idchip .hub-avatar-card{border-radius:var(--radius);width:56px;height:56px;box-shadow:none;border:none}.hub-idchip-panel{flex-direction:column;padding:0 0 6px;display:flex}.hub-idchip-nameline{align-self:flex-start;align-items:center;gap:8px;display:inline-flex;position:relative}.hub-idchip-lvlbadge{background:linear-gradient(135deg, var(--grad-a), var(--grad-b));width:20px;height:20px;color:var(--ink);font-family:var(--font-body);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:800;line-height:1;display:flex}.hub-idchip-name{font-family:var(--font-display);color:var(--ink-dark);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:19px;line-height:1;overflow:hidden}.hub-idchip-alert{background:#ff3b30;border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:-3px;left:100%;box-shadow:0 2px 6px #0006}.hub-idchip-wrap.is-anon .hub-idchip-alert{animation:1.8s ease-in-out infinite idchip-alert-blink;display:block}@keyframes idchip-alert-blink{0%,42%{opacity:1}50%{opacity:.35}58%,to{opacity:1}}.hub-idchip-xpbar{z-index:2;background:#0000004d;height:15px;position:absolute;bottom:0;left:56px;right:0;overflow:hidden}.hub-idchip-xpfill{background:linear-gradient(90deg, var(--bubble-1), var(--bubble-2));height:100%;transition:width .5s;display:block}.hub-idchip-nudge{z-index:5;opacity:0;transform-origin:top;pointer-events:none;width:206px;transition:opacity .16s,transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:calc(100% + 3px);left:6px;transform:scale(.6)}.hub-idchip-nudge:before{content:"";z-index:-1;clip-path:polygon(3% 20%,33% 20%,42% 0,51% 20%,100% 16%,95% 100%,5% 96%);background:#000;position:absolute;inset:0;transform:translate(5px,6px)}.hub-idchip-nudge-bd{padding:var(--stroke);clip-path:polygon(3% 20%,33% 20%,42% 0,51% 20%,100% 16%,95% 100%,5% 96%);background:#000;display:block}.hub-idchip-nudge-in{text-align:center;clip-path:polygon(3% 20%,33% 20%,42% 0,51% 20%,100% 16%,95% 100%,5% 96%);background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);color:var(--bubble-ink);font-family:var(--font-body);padding:20px 15px 11px;font-size:12px;font-weight:800;line-height:1.25;display:block}.hub-idchip-wrap.is-anon:hover .hub-idchip-nudge,.hub-idchip-wrap.is-anon.tease .hub-idchip-nudge{opacity:1;pointer-events:auto;transform:scale(1)}.hub-avatar-card{border-radius:var(--radius);cursor:pointer;border:2px solid #ffffff2e;flex-shrink:0;width:46px;height:46px;position:relative;overflow:hidden}.hub-avatar-card-bg{position:absolute;inset:0}.hub-avatar-card img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.hub-gear.is-active{background:var(--primary);color:var(--ink)}@keyframes avatar-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.hub-avatar-card.is-loading .hub-avatar-card-bg{animation:1.4s linear infinite avatar-shimmer;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%!important}.hub-logo{cursor:pointer;z-index:10;height:clamp(90px,12vw,144px);transition:transform .12s;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hub-logo:hover{transform:translate(-50%)scale(1.04)}.hub-footer{z-index:10;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;display:grid;position:absolute;bottom:22px;left:0;right:0}.hub-footer>*{pointer-events:auto}.hub-discord{justify-self:start}.hub-footer-center{justify-self:center;align-items:center;gap:10px;display:flex}.hub-version{color:#1e223273;font-family:var(--font-body);letter-spacing:.3px;font-size:12px;font-weight:600}.hub-legal{color:#1e223273;font-family:var(--font-body);font-size:12px;font-weight:600;text-decoration:none;transition:color .15s}.hub-legal:hover{color:#1e2232bf;text-decoration:underline}.lb-topright{z-index:20}.lb-back{border-radius:var(--radius);color:#fff;font-family:var(--font-body);cursor:pointer;background:#121212cc;border:1px solid #fff3;padding:8px 18px;font-size:14px;font-weight:600}.hub-currency{border-radius:var(--radius);background:#121212cc;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:16px;font-weight:700;display:flex}.hub-coin{border-radius:var(--radius);background:radial-gradient(circle at 35% 32%,#ffe27a,#efa636);border:2px solid #c9892a;width:20px;height:20px}.hub-plus{border-radius:var(--radius);background:var(--primary);width:26px;height:26px;color:var(--ink);cursor:pointer;border:none;font-size:16px;font-weight:700}.hub-view{position:absolute;inset:0}.hub-view[hidden]{display:none}.hub-stage{position:absolute;inset:0;transform:translateY(-11%)}.hub-stage canvas{width:100%;height:100%;display:block}.hub-stage--locker{inset:0;left:var(--safe-x);right:var(--safe-x);transform:none}.hub-nametag{font-family:var(--font-body);color:#fff;text-shadow:0 2px 8px #00000080;pointer-events:none;white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex;position:absolute;top:41%;left:50%;transform:translate(-50%)}.hub-nametag .hub-lvl{background:var(--panel);border-radius:var(--radius);border:2px solid #fff;padding:2px 7px;font-size:12px;position:static}.lk-valider{font-family:var(--font-display);letter-spacing:1px;text-align:center;isolation:isolate;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:16px;font-size:24px;transition:filter .14s,transform .1s;position:relative}.lk-valider:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.lk-valider:after,.lk-valider.is-loading:after{content:"";z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-4px}.lk-valider:hover{filter:drop-shadow(6px 6px #000);color:var(--bubble-ink)}.lk-valider:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.lk-valider.is-loading{opacity:1}.lk-valider.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.lk-valider:active{transform:translateY(3px)}.lk-panel{width:calc(var(--safe-x) + 420px);padding:var(--header-height) 32px 32px calc(var(--safe-x) + 32px);background:linear-gradient(270deg,#0000 0,#0a0e1814 50px,#0a0e1847 105px,#0a0e188c 168px,#0a0e18c7 231px,#0a0e18e6 315px,#0a0e18ed 420px);flex-direction:column;gap:18px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.lk-title{font-family:var(--font-display);color:#fff;letter-spacing:1px;font-size:52px;line-height:1}.pf-modal{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;display:none;position:fixed;inset:0}.pf-modal.is-open{display:flex}.pf-card{background:var(--surface);border-radius:var(--radius);width:460px;max-width:92vw;font-family:var(--font-body);color:#fff;flex-direction:column;gap:18px;margin-top:9vh;padding:28px 28px 24px;display:flex;position:relative;overflow:visible;box-shadow:0 24px 70px #0009}.pf-title{font-family:var(--font-display);color:#fff;letter-spacing:1px;font-size:34px;line-height:1}.pf-close{color:#ffffff80;cursor:pointer;z-index:1;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:14px;right:16px}.pf-close:hover{color:#fff}.pf-tabs{flex-direction:column;gap:8px;display:flex;position:absolute;top:24px;left:0;transform:translate(-100%)}.pf-tab{background:var(--surface-2);border-radius:var(--radius);color:#ffffff8c;cursor:pointer;border:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:-5px 4px 14px #00000059}.pf-tab:hover{color:#fff}.pf-tab.is-active{background:var(--primary);color:var(--ink)}.pf-tabpanel{flex-direction:column;gap:18px;display:flex}.pf-tabpanel[hidden]{display:none}.pf-ptitle{font-family:var(--font-display);color:#fff;letter-spacing:1px;font-size:28px;line-height:1}.auth-page{z-index:320;font-family:var(--font-body);background:#fff;grid-template-columns:minmax(360px,42%) 1fr;display:grid;position:fixed;inset:0}.auth-pane{z-index:1;background:#fff;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow-y:auto;box-shadow:14px 0 90px #00000029}.auth-pane-inner{flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.auth-logo{align-self:center;width:180px;height:auto;margin-bottom:8px}.auth-back{color:#6a7180;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;position:absolute;top:24px;left:24px}.auth-back:hover{color:var(--ink-dark)}.auth-title{font-family:var(--font-display);letter-spacing:1px;color:var(--ink-dark);font-size:34px;line-height:1}.auth-sub{color:#6a7180;margin-bottom:6px;font-size:14px;line-height:1.35}.auth-providers{flex-direction:column;gap:10px;display:flex}.auth-btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:15px;font-weight:700;display:inline-flex}.auth-btn .ic{width:22px;height:22px}.auth-btn:hover{filter:brightness(1.08)}.auth-discord{background:#5865f2}.auth-google{color:var(--ink-dark);background:#fff;border:2px solid #e2e5ea}.auth-or{color:#9aa0ac;align-items:center;gap:10px;margin:2px 0;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:#e2e5ea;flex:1;height:1px}.auth-email-row{gap:8px;display:flex}.auth-email{background:var(--field);border-radius:var(--radius);min-width:0;height:46px;color:var(--ink-dark);font-family:var(--font-body);border:2px solid #e2e5ea;outline:none;flex:1;padding:0 12px;font-size:14px}.auth-email:focus{border-color:var(--primary)}.auth-email-btn{background:var(--primary);color:var(--ink);flex:none;padding:0 16px}.auth-msg{color:#c2410c;font-size:13px;line-height:1.35}.auth-msg.is-ok{color:#1b9e4b}.auth-banner{background:linear-gradient(135deg, var(--grad-a) 0%, var(--grad-b) 100%);position:relative}.auth-banner:after{content:"";background:linear-gradient(100deg,#ffffff2e 0%,#0000 32%);position:absolute;inset:0}@media (width<=720px){.auth-page{grid-template-columns:1fr}.auth-banner{display:none}}.pf-head{flex-direction:column;gap:8px;display:flex}.pf-level{font-family:var(--font-display);color:#fff;letter-spacing:1px;font-size:22px}.pf-level-num{color:var(--primary)}.pf-xpbar{border-radius:var(--radius);background:#ffffff1f;height:12px;overflow:hidden}.pf-xpfill{background:var(--primary);border-radius:var(--radius);height:100%;transition:width .4s;display:block}.pf-xptext{font-family:var(--font-body);color:#ffffff80;font-size:12px}.pf-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pf-stat{border-radius:var(--radius);background:#ffffff0f;flex-direction:column;align-items:center;gap:2px;padding:12px;display:flex}.pf-stat-val{font-family:var(--font-display);color:#fff;font-size:28px;line-height:1}.pf-stat-lbl{font-family:var(--font-body);color:#ffffff80;letter-spacing:.3px;font-size:12px}.pf-account{border-radius:var(--radius);background:#ffffff0a;flex-direction:column;gap:8px;padding:14px;display:flex}.pf-account-status{font-family:var(--font-body);color:#ffffffa6;font-size:13px;line-height:1.35}.pf-link{border-radius:var(--radius);color:#fff;font-family:var(--font-body);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;padding:10px;font-size:13px;font-weight:600}.pf-link:hover:not(:disabled){background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);color:var(--bubble-ink);border-color:#000}.pf-link:disabled{opacity:.55;cursor:not-allowed}.lbm{z-index:10;isolation:isolate;color:#fff;width:256px;max-width:62vw;font-family:var(--font-body);transform-origin:50%;background:linear-gradient(158deg,#2a3042 0%,#171b26 60%,#12151e 100%);border-radius:0;flex-direction:column;gap:8px;padding:11px 12px 12px;display:flex;position:absolute;top:calc(50% - 20px);left:max(14px,50% - 560px);transform:perspective(720px)rotateY(13deg)}#hub:not([data-view=play]) .lbm{display:none}.lbm-head{font-family:var(--font-display);letter-spacing:.5px;text-align:center;color:#fff;text-shadow:0 2px #05070c,0 0 6px #00000080;font-size:20px}.lbm-list{flex-direction:column;gap:5px;display:flex;position:relative}.lbm-row{isolation:isolate;color:#fff;grid-template-columns:22px 26px 1fr auto;align-items:center;gap:9px;min-height:32px;padding:5px 16px 5px 9px;font-size:13.5px;font-weight:700;display:grid;position:relative}.lbm-row:after{content:"";z-index:-2;background:#05070c;border-radius:0;position:absolute;inset:0}.lbm-row:before{content:"";z-index:-1;background:linear-gradient(#2b313f 0%,#1c212c 100%);border-radius:0;position:absolute;inset:2px}.lbm-row.is-me{color:var(--ink-dark)}.lbm-row.is-me:before{background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%)}.lbm-rank{font-family:var(--font-display);text-align:center;color:#cfd6e2;font-size:17px}.lbm-medal-1 .lbm-rank{color:#f0b64a}.lbm-medal-2 .lbm-rank{color:#dfe6f2}.lbm-medal-3 .lbm-rank{color:#d9975a}.lbm-ava{object-fit:cover;object-position:top center;background:#0003;border-radius:50%;width:26px;height:26px}.lbm-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lbm-score{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.lbm-ellipsis{text-align:center;color:#fff;opacity:.45;letter-spacing:3px;min-height:14px;padding:0;display:block}.lbm-ellipsis:before,.lbm-ellipsis:after{display:none}.lbm-empty{opacity:.6;text-align:center;font-size:12px}@keyframes lbm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lbm-row--skel:after{display:none}.lbm-row--skel:before{background:linear-gradient(90deg,#262c3b 25%,#363d51 50%,#262c3b 75%) 0 0/200% 100%;animation:1.1s linear infinite lbm-shimmer;inset:0}.lb-row--skel{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.1s linear infinite lbm-shimmer}.lbm-listwrap{position:relative}.lbm.is-anon .lbm-list{-webkit-mask-image:linear-gradient(#000 42%,#0000000f 100%);mask-image:linear-gradient(#000 42%,#0000000f 100%)}.lbm:not(.is-anon).is-more-above:not(.is-more-below) .lbm-list{-webkit-mask-image:linear-gradient(#0000 0,#000 15%);mask-image:linear-gradient(#0000 0,#000 15%)}.lbm:not(.is-anon).is-more-below:not(.is-more-above) .lbm-list{-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.lbm:not(.is-anon).is-more-above.is-more-below .lbm-list{-webkit-mask-image:linear-gradient(#0000 0,#000 15% 85%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 15% 85%,#0000 100%)}.lbm-signin{font-family:var(--font-body);letter-spacing:.4px;text-transform:uppercase;color:#fffc;text-align:center;pointer-events:none;background:linear-gradient(#12151e00 0%,#12151e 64%);padding:26px 6px 4px;font-size:10.5px;font-weight:700;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.lbm-signin-link{pointer-events:auto;color:var(--primary);font-family:inherit;font-size:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.lbm-signin-link:hover{filter:brightness(1.15)}.lbm-full{isolation:isolate;color:var(--ink-dark);cursor:pointer;background:0 0;border:none;transition:filter .14s,transform .1s;position:relative}.lbm-full:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.lbm-full:after,.lbm-full.is-loading:after{content:"";z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-2px}.lbm-full:hover{filter:drop-shadow(3px 3px #000);color:var(--bubble-ink)}.lbm-full:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.lbm-full.is-loading{opacity:1}.lbm-full.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.lbm-full:active{transform:translateY(3px)}.lbm-full{width:100%;font-family:var(--font-display);letter-spacing:.4px;text-transform:uppercase;margin-top:2px;padding:11px 8px;font-size:15px;line-height:1.1}.lb-modal{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;display:none;position:fixed;inset:0}.lb-modal.is-open{display:flex}.lb-panel{border-radius:var(--radius);background:#0a0e18f5;flex-direction:column;width:720px;max-width:92vw;height:min(86vh,900px);margin-top:8vh;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0009}.lb-body{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.lb-close{color:#ffffff80;cursor:pointer;z-index:1;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:14px;right:16px}.lb-close:hover{color:#fff}.lb-title{font-family:var(--font-display);color:#fff;letter-spacing:1px;font-size:34px}.lb-loading{color:#ffffff80;font-family:var(--font-body)}.lb-note{font-family:var(--font-body);color:#ffffff8c;margin-top:-8px;font-size:12px;line-height:1.35}.lb-head,.lb-row{grid-template-columns:48px 56px 1fr 54px 42px 66px;align-items:center;gap:10px;display:grid}.lb-head{font-family:var(--font-body);letter-spacing:.5px;text-transform:uppercase;color:#fff6;padding:0 10px 0 0;font-size:11px;font-weight:700}.lb-head span{text-align:center}.lb-head span:nth-child(3){text-align:left}.lb-listwrap{flex:1;min-height:0;display:flex;position:relative}.lb-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:6px;display:flex;overflow-y:auto}.lb-list::-webkit-scrollbar{width:6px}.lb-list::-webkit-scrollbar-track{background:0 0}.lb-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.lb-list::-webkit-scrollbar-thumb:hover{background:#ffffff52}.lb-listwrap:before,.lb-listwrap:after{content:"";pointer-events:none;z-index:2;opacity:0;height:54px;transition:opacity .15s;position:absolute;left:0;right:0}.lb-listwrap:before{background:linear-gradient(#0a0d1452,#0000);top:0}.lb-listwrap:after{background:linear-gradient(#0000,#0a0d1452);bottom:0}.lb-listwrap.more-above:before,.lb-listwrap.more-below:after{opacity:1}.lb-row{border-radius:var(--radius);min-height:34px;color:var(--ink-dark);font-family:var(--font-body);background:#fff;padding:0 10px 0 0;font-size:14px;position:relative;overflow:hidden}.lb-row.is-me:not(.lb-top){background:linear-gradient(90deg,#c9ffe0,#9bf7c0)}.lb-row.is-me .lb-rank{background:linear-gradient(180deg, var(--grad-a), var(--grad-b));color:var(--ink-dark);clip-path:polygon(0 0,75% 0,100% 100%,0% 100%);justify-content:center;align-self:stretch;align-items:center;display:flex}.lb-rank{font-family:var(--font-display);color:#1a1a22;text-align:center;font-size:18px}.lbd-ava{align-self:stretch;position:relative}.lbd-ava-img,.lbd-ava-fallback{object-fit:cover;object-position:center top;width:56px;height:70px;position:absolute;bottom:0;left:0}.lbd-ava-fallback{background:linear-gradient(to top, var(--panel), transparent)}.lb-row:not(.lb-top) .lbd-ava-img,.lb-row:not(.lb-top) .lbd-ava-fallback{transform:translateY(18px)}.lb-top{min-height:72px}.lb-medal-1{background:linear-gradient(100deg,#fff1c2,#f5c842 58%,#e0a91e)}.lb-medal-2{background:linear-gradient(100deg,#f6f8fc,#cfd5e0 58%,#a9b1bf)}.lb-medal-3{background:linear-gradient(100deg,#f8dcbd,#d99a5b 58%,#b3743a)}.lb-top .lb-stat{color:#3a2f22}.lb-top:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffbf,#0000);width:45%;position:absolute;top:0;bottom:0;left:0;transform:translate(-220%)skew(-18deg)}.lb-intro:after{animation:.9s ease-out .4s lb-shine}.lb-intro.lb-medal-2:after{animation-delay:.55s}.lb-intro.lb-medal-3:after{animation-delay:.7s}.lb-top.is-shining:after{animation:.7s ease-out lb-shine}@keyframes lb-shine{0%{transform:translate(-220%)skew(-18deg)}to{transform:translate(360%)skew(-18deg)}}.lb-name{min-width:0;font-family:var(--font-body);align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.lb-pseudo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-lvl{background:var(--primary);height:20px;color:var(--ink);font-family:var(--font-body);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.lb-stat{text-align:center;color:#4a4a52;font-weight:700}.lb-xp{text-align:center;font-family:var(--font-body);color:#1a1a22;font-size:15px;font-weight:800}.lk-playername{font-family:var(--font-body);letter-spacing:1px;opacity:.55;text-transform:uppercase;margin-top:-4px;font-size:14px;font-weight:700}.namecard-field{background:var(--field);border-radius:var(--radius);align-items:center;gap:10px;padding:9px 14px;transition:box-shadow .15s;display:flex}.namecard-field:focus-within{box-shadow:0 0 0 2px var(--primary)}.namecard-field input{color:#1a1a22;min-width:0;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:600}.namecard-field input::placeholder{color:#9aa0ac}.namecard-field input:disabled{cursor:not-allowed}.namecard-field:has(input:disabled){cursor:not-allowed;opacity:.7}.namecard-pencil{color:#8a90a0;flex:none}.lk-name{font-family:var(--font-display);color:#fff;letter-spacing:1px;font-size:52px;line-height:1}.lk-stat{align-items:center;gap:10px;display:flex}.lk-stat-label{letter-spacing:1px;opacity:.55;text-transform:uppercase;flex:none;width:72px;font-size:11px}.lk-stat-val{text-align:right;opacity:.8;flex:none;width:28px;font-size:12px;font-weight:700}.lk-bar{border-radius:var(--radius);background:#ffffff1f;flex:1;height:7px;overflow:hidden}.lk-bar i{background:var(--primary);border-radius:var(--radius);height:100%;display:block}.lk-section{flex-direction:column;gap:10px;display:flex}.lk-label{letter-spacing:2px;text-transform:uppercase;opacity:.5;font-size:10px;font-weight:700}.lk-row{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.lk-slot,.lk-sw{isolation:isolate;cursor:pointer;background:0 0;border:none;padding:0;position:relative}.lk-slot:after,.lk-sw:after{content:"";z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#05070c;position:absolute;inset:-3px}.lk-slot:before,.lk-sw:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);position:absolute;inset:0}.lk-slot{color:#fff;justify-content:center;align-items:center;width:58px;height:58px;font-size:20px;display:flex}.lk-slot:before{background:linear-gradient(#fff 0%,#cdd6e5 100%)}.lk-slot:after{background:0 0}.lk-slot-ic{z-index:1;object-fit:contain;pointer-events:none;width:78px;height:78px;position:relative;transform:rotate(-5deg)}.lk-slot.soon{opacity:.3;cursor:not-allowed}.lk-weapon-card{isolation:isolate;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:118px;padding:0;display:flex;position:relative}.lk-weapon-card:after{content:"";z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#05070c;position:absolute;inset:-3px}.lk-weapon-card:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);background:linear-gradient(#2a2e38 0%,#838383 100%);position:absolute;inset:0}.lk-weapon-card:hover:before{background:linear-gradient(#333846 0%,#909090 100%)}.lk-weapon-img{object-fit:contain;filter:drop-shadow(0 6px 10px #05070c59);pointer-events:none;width:92%;height:100%;transform:rotate(-4deg)}.lk-weapon-name{font-family:var(--font-display);letter-spacing:1px;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill;font-size:22px;position:absolute;bottom:10px;left:32px}.wp-modal{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.wp-modal.is-open{display:flex}.wp-panel{background:var(--surface);border-radius:var(--radius);color:#fff;flex-direction:column;gap:16px;width:560px;max-width:94vw;max-height:86vh;padding:26px 26px 22px;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0009}.wp-title{font-family:var(--font-display);letter-spacing:1px;font-size:34px;line-height:1}.wp-close{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:14px;right:14px}.wp-close:hover{color:#fff}.wp-list{flex-direction:column;gap:14px;display:flex}.wp-entry{border-radius:var(--radius);cursor:pointer;text-align:left;color:#fff;font-family:var(--font-body);background:#ffffff0a;border:none;align-items:stretch;gap:14px;padding:14px;display:flex}.wp-entry:hover{background:#ffffff14}.wp-entry.sel{background:#232733}.wp-entry.sel .wp-entry-name{color:var(--primary)}.wp-entry-img{border-radius:var(--radius);background:linear-gradient(160deg,#4f9dff 0%,#b8d4ff 55%,#fff 100%);flex:none;justify-content:center;align-items:center;width:150px;font-size:34px;display:flex}.wp-entry-img img{object-fit:contain;filter:drop-shadow(0 4px 8px #05070c59);width:100%;transform:rotate(-4deg)}.wp-entry-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.wp-entry-head{align-items:center;gap:10px;display:flex}.wp-entry-name{font-family:var(--font-display);letter-spacing:1px;font-size:22px}.wp-equipped{letter-spacing:1.5px;text-transform:uppercase;color:#05070c;background:var(--primary);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);padding:3px 8px;font-size:10px;font-weight:700}.wp-entry-desc{opacity:.75;font-size:12.5px;line-height:1.45}.wp-entry-stats{flex-direction:column;gap:6px;display:flex}.lk-sw{height:32px}.lk-sw:before{background:var(--sw)}.lk-sw.sel:after{background:linear-gradient(114deg,#c0d5fa 0%,#fff 100%)}.lk-sw--locked{cursor:pointer}.lk-sw--locked:before{filter:grayscale(.9)brightness(.4)}.lk-lock-hint{min-height:16px;line-height:16px;font-family:var(--font-body,sans-serif);letter-spacing:.3px;color:#ffcf52;margin-top:9px;font-size:12.5px;font-weight:700}.lk-sw[data-i="20"]:before{background:linear-gradient(135deg,#e6b98a 0%,#a66a35 40%,#f0c89a 52%,#8f5426 66%,#5e3717 100%)}.lk-sw[data-i="21"]:before{background:linear-gradient(135deg,#f5f7fa 0%,#aeb6c2 40%,#fff 52%,#c2cad6 66%,#808894 100%)}.lk-sw[data-i="22"]:before{background:linear-gradient(135deg,#fbe6a0 0%,#d9a531 40%,#fff1c0 52%,#c98f2a 66%,#8f631a 100%)}.lk-sw[data-i="23"]:before{background:linear-gradient(120deg,#ff7ec9,#ffd86e,#7effd0,#7ea8ff,#c97eff,#ff7ec9)}.lk-slot:nth-child(3n+1),.lk-sw:nth-child(3n+1){transform:rotate(-1.5deg)}.lk-slot:nth-child(3n+2),.lk-sw:nth-child(3n+2){transform:rotate(1deg)}.lk-slot:nth-child(3n),.lk-sw:nth-child(3n){transform:rotate(-.5deg)}.set-panel{gap:18px}.set-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.set-row .menu-input{width:160px}.set-field{flex-direction:column;gap:8px;display:flex}.set-field-head{color:#fff;justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.set-val{font-family:var(--font-display);color:var(--primary);font-size:15px}.set-range{appearance:none;border-radius:var(--radius);cursor:pointer;background:#ffffff26;outline:none;width:100%;height:7px}.set-range::-webkit-slider-thumb{appearance:none;border-radius:var(--radius);background:var(--primary);cursor:pointer;border:3px solid #fff;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 6px #00000059}.set-range::-webkit-slider-thumb:hover{transform:scale(1.12)}.set-range::-moz-range-thumb{border-radius:var(--radius);background:var(--primary);cursor:pointer;border:3px solid #fff;width:20px;height:20px;box-shadow:0 2px 6px #00000059}.set-sec{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#ffffff8c;border-top:1px solid #ffffff1f;margin-top:6px;padding-top:10px;font-size:13px}.set-tabs{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:2px;margin-bottom:16px;display:flex}.set-tab{appearance:none;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#fff6;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:14px;transition:color .15s}.set-tab:hover{color:#ffffffb8}.set-tab.is-active{color:#fff;border-bottom-color:var(--primary)}.set-panel{flex-direction:column;gap:14px;display:flex}.set-panel[hidden]{display:none}.set-key{color:#fff;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.set-key-btn{border-radius:var(--radius,6px);color:#fff;min-width:96px;font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;padding:7px 12px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.set-key-btn:hover{border-color:#ffffff6b}.set-key-btn.is-capturing{border-color:var(--primary);color:var(--primary);background:#1affba14}.set-color{color:#fff;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.set-color input[type=color]{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;width:46px;height:28px;padding:0}.set-toggle{color:#fff;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.set-toggle input{opacity:0;pointer-events:none;position:absolute}.set-switch{border-radius:var(--radius);background:#ffffff2e;flex:none;width:46px;height:26px;transition:background .15s;position:relative}.set-switch:after{content:"";border-radius:var(--radius);background:#fff;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.set-toggle input:checked~.set-switch{background:var(--primary)}.set-toggle input:checked~.set-switch:after{transform:translate(20px)}.set-actions{gap:10px;margin-top:8px;display:flex}.set-valider{font-family:var(--font-display);text-align:center;isolation:isolate;color:var(--ink);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 0;font-size:18px;transition:filter .14s,transform .1s;position:relative}.set-valider:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.set-valider:after,.set-valider.is-loading:after{content:"";z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-3px}.set-valider:hover{filter:drop-shadow(5px 5px #000);color:var(--bubble-ink)}.set-valider:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.set-valider.is-loading{opacity:1}.set-valider.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.set-valider:active{transform:translateY(3px)}.set-reset{border-radius:var(--radius);color:#fff;font-family:var(--font-body);cursor:pointer;background:#ffffff0f;border:2px solid #ffffff2e;flex:1;padding:12px 0;font-size:13px;font-weight:700}.set-reset:hover{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);color:var(--bubble-ink);border-color:#000}.hub-bottombar{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:clamp(40px,8vh,90px);left:0;right:0}.hub-cta-center{pointer-events:auto;flex-direction:column;align-items:center;gap:16px;display:flex}.hub-play-split{align-items:stretch;display:flex}.hub-play,.hub-play-arrow{z-index:2;font-family:var(--font-display);text-align:center;padding:clamp(13px,1.5vw,20px) 0;position:relative}.hub-play{isolation:isolate;width:clamp(150px,15vw,200px);color:var(--ink);cursor:pointer;background:0 0;border:none;font-size:clamp(24px,2.4vw,34px);transition:filter .14s,transform .1s;position:relative}.hub-play:before{content:"";z-index:-1;clip-path:polygon(14% 0,96% 6%,98% 96%,3% 94%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.hub-play:after,.hub-play.is-loading:after{content:"";z-index:-2;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-5px}.hub-play:hover{filter:drop-shadow(7px 7px #000);color:var(--bubble-ink)}.hub-play:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.hub-play.is-loading{opacity:1}.hub-play.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.hub-play:active{transform:translateY(3px)}.hub-mute{isolation:isolate;width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:filter .14s,transform .1s;display:inline-flex;position:relative}.hub-mute:before{content:"";z-index:-1;clip-path:polygon(14% 0,96% 6%,98% 96%,3% 94%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.hub-mute:after,.hub-mute.is-loading:after{content:"";z-index:-2;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-4px}.hub-mute:hover{filter:drop-shadow(5px 5px #000);color:var(--bubble-ink)}.hub-mute:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.hub-mute.is-loading{opacity:1}.hub-mute.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.hub-mute:active{transform:translateY(3px)}.hub-mute svg{display:block}.hub-mute.is-muted{filter:grayscale(.65)brightness(.85)}.hub-play-arrow{isolation:isolate;width:clamp(52px,5vw,68px);color:var(--ink);cursor:pointer;background:0 0;border:none;margin-left:-3px;font-size:clamp(15px,1.6vw,21px);transition:filter .14s,transform .1s;position:relative}.hub-play-arrow:before{content:"";z-index:-1;clip-path:polygon(4% 0,95% 6%,86% 95%,2% 100%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.hub-play-arrow:after,.hub-play-arrow.is-loading:after{content:"";z-index:-2;clip-path:polygon(0 0,100% 0,90% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-5px}.hub-play-arrow:hover{filter:drop-shadow(7px 7px #000);color:var(--bubble-ink)}.hub-play-arrow:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.hub-play-arrow.is-loading{opacity:1}.hub-play-arrow.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.hub-play-arrow:active{transform:translateY(3px)}.hub-cr-row{align-items:center;gap:10px;display:flex}.hub-cr-btn{border-radius:var(--radius);background:linear-gradient(135deg, var(--grad2-a), var(--grad2-b));color:#fff;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border:0;padding:clamp(9px,1vw,13px) clamp(18px,2vw,28px);font-size:clamp(15px,1.5vw,20px);box-shadow:0 3px #00000059}.hub-cr-btn:hover{filter:brightness(1.08)}.hub-nav{border-radius:var(--radius);background:#121212d6;gap:2px;padding:4px;display:flex}.hub-tab{color:#ffffff8c;font-family:var(--font-display);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:8px 18px;font-size:22px}.hub-tab.is-active{color:var(--primary);background:#42ff871a}#menu{z-index:100;cursor:default;background:linear-gradient(160deg,#6ec6f5,#3a7bd5);justify-content:center;align-items:center;font-family:monospace;display:flex;position:fixed;inset:0}.menu-card{border-radius:var(--radius);background:#0000008c;flex-direction:column;gap:12px;min-width:320px;padding:32px 36px;display:flex;box-shadow:0 12px 40px #0006}.menu-title{color:#fff;text-align:center;text-shadow:0 3px 10px #00000080;margin-bottom:8px;font-size:38px}.menu-label{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;font-size:12px}.menu-input{border-radius:var(--radius);color:#fff;background:#ffffff14;border:2px solid #fff3;outline:none;padding:10px 12px;font-family:monospace;font-size:16px}.menu-input:focus{border-color:#fd0}.menu-swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.swatch{border-radius:var(--radius);cursor:pointer;border:3px solid #0000;width:38px;height:38px;padding:0;transition:transform 80ms}.swatch:hover{transform:scale(1.1)}.swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #fd0}.menu-play{border-radius:var(--radius);color:#222;cursor:pointer;letter-spacing:1px;background:#fd0;border:none;margin-top:10px;padding:12px;font-family:monospace;font-size:18px;font-weight:700}.menu-play:hover{background:#ffe84d}.menu-secondary{color:#fff;background:#ffffff24}.menu-secondary:hover{background:#ffffff3d}.menu-join-row{align-items:stretch;gap:8px;display:flex}.menu-join-row .menu-input{flex:1}.menu-join-row .menu-play{white-space:nowrap;margin-top:0}.menu-play.on{color:var(--ink);background:#42ff87}#pause-menu{z-index:200;font-family:var(--font-body);background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#pause-menu.is-open{display:flex}.pause-card{border-radius:var(--radius);background:#0c0c12eb;border:1px solid #ffffff1a;flex-direction:column;gap:12px;min-width:280px;padding:36px 44px;display:flex;box-shadow:0 20px 60px #0009}.pause-title{color:#fff;font-family:var(--font-display);text-align:center;letter-spacing:1px;margin-bottom:8px;font-size:28px}.pause-btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:none;padding:12px 16px;font-size:15px;font-weight:700;transition:background .1s}.pause-btn--primary{background:var(--primary,#42ff87);color:var(--ink)}.pause-btn--primary:hover{filter:brightness(1.1)}.pause-btn--danger{color:#ff6b6b;background:#ff3c3c26}.pause-btn--danger:hover{background:#ff3c3c47}#lobby{z-index:100;font-family:var(--font-body);color:#fff;cursor:default;z-index:100;font-family:var(--font-body);cursor:default;inset:0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lobby-bg{filter:blur(4px);background:url(/hub-bg.webp) 50%/cover no-repeat;position:absolute;inset:-2%;transform:scale(1.03)}.lb-layout{grid-template-columns:1fr 380px;display:grid;position:absolute;inset:0}.lb-left{-webkit-backdrop-filter:blur(8px);background:#141418b8;flex-direction:column;min-height:0;padding:48px 26px;display:flex}.lb-header{margin-bottom:32px}.lb-mode{font-family:var(--font-display);letter-spacing:3px;color:var(--primary);cursor:default;background:0 0;border:none;margin-bottom:6px;padding:0;font-size:13px;display:inline-block}.lb-mode.is-host{cursor:pointer}.lb-mode.is-host:hover{filter:brightness(1.2)}.lb-mode-caret{opacity:.7}.lb-code{font-family:var(--font-display);color:#fff;font-size:48px;line-height:1}.lb-copy{opacity:.5;cursor:pointer;margin-left:10px;font-size:22px;transition:opacity .15s,color .15s}.lb-copy:hover{opacity:1}.lb-copy.is-copied{opacity:1;color:var(--primary)}.lb-players{flex-direction:column;flex:1;gap:8px;list-style:none;display:flex}.lb-player{background:#ffffff0d;border-left:3px solid #0000;align-items:center;gap:14px;padding:12px 16px;display:flex}.lb-player.is-ready{border-left-color:var(--primary);background:#42ff8712}.lb-player-ava{border-radius:var(--radius);cursor:default;border:2px solid #ffffff26;flex:none;position:relative;overflow:hidden;width:40px!important;height:40px!important}.lb-ava-bg{position:absolute;inset:0}.lb-ava-img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.lb-player-name{flex:1;font-size:16px;font-weight:700}.lb-player-status{letter-spacing:2px;opacity:.4;font-size:11px}.lb-player.is-ready .lb-player-status{color:var(--primary);opacity:1}.lb-player.is-inmatch{opacity:.55;filter:grayscale(.5);border-left-color:#ffffff40}.lb-player.is-inmatch .lb-player-status{color:#ffd15a;opacity:1}.lb-player.is-spectator{border-left-color:#8ab4ff}.lb-player.is-spectator .lb-player-status{color:#8ab4ff;opacity:1}.lb-right{-webkit-backdrop-filter:blur(8px);background:#141418b8;border-left:1px solid #ffffff0f;flex-direction:column;min-height:0;padding:48px 28px 28px;display:flex}.lb-chat{flex-direction:column;flex:1;gap:10px;margin-bottom:20px;display:flex}.lb-log{flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px 0;display:flex;overflow-y:auto}.lb-msg{opacity:.85;font-size:13px;line-height:1.5}.lb-msg b{color:var(--primary);margin-right:6px}.lb-chat-input-row{gap:8px;display:flex}.lb-input{border-radius:var(--radius);color:#fff;font-family:var(--font-body);background:#ffffff12;border:1px solid #ffffff1f;outline:none;flex:1;padding:10px 14px;font-size:14px}.lb-input:focus{border-color:var(--primary)}.lb-send{border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff1a;border:none;width:42px;font-size:18px}.lb-actions{flex-direction:row;gap:10px;display:flex}.lb-btn-ready,.lb-btn-start{flex:1}.lb-btn-ready{border-radius:var(--radius);color:#fff;font-family:var(--font-display);cursor:pointer;background:0 0;border:2px solid #fff3;padding:16px;font-size:26px}.lb-btn-ready.is-ready{background:var(--primary);color:var(--ink);border-color:var(--primary)}.lb-btn-start{border-radius:var(--radius);background:var(--primary);color:var(--ink);font-family:var(--font-display);cursor:pointer;border:none;padding:16px;font-size:26px}.es-screen{z-index:400;font-family:var(--font-body);color:#fff;background:radial-gradient(#080a1059,#080a10b3);flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,2.5vh,28px);padding:30px;display:flex;position:fixed;inset:0}.es-top{text-align:center}.es-title{font-family:var(--font-display);letter-spacing:1px;color:#fff;-webkit-text-stroke:6px var(--panel);paint-order:stroke;font-size:clamp(44px,7vw,84px);line-height:1}.es-win .es-title{color:var(--primary)}.es-timer{color:#fff9;margin-top:10px;font-size:14px}.es-timer b{color:#fff}.es-body{align-items:stretch;gap:18px;width:100%;max-width:880px;display:flex}.es-summary,.es-board{background:var(--surface);border-radius:var(--radius);border:1px solid #ffffff1a;padding:20px}.es-summary{flex-direction:column;flex:0 0 320px;gap:16px;display:flex}.es-board{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.es-summary-title,.es-board-title{font-family:var(--font-display);letter-spacing:1px;color:#ffffff8c;font-size:16px}.es-place{font-family:var(--font-display);color:var(--primary);font-size:60px;line-height:.9}.es-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.es-stat{border-radius:var(--radius);background:#ffffff0f;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.es-stat-v{font-family:var(--font-display);font-size:24px;line-height:1}.es-stat-l{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;font-size:11px;font-weight:700}.es-xp{margin-top:auto}.es-xp-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.es-xp-lvl{font-family:var(--font-body);color:#fff;font-size:13px;font-weight:800;transition:transform .12s}.es-xp-lvl-n{color:var(--primary)}.es-xp-lvl.es-lvlup{transform:scale(1.35)}.es-xp-gain{font-family:var(--font-display);color:var(--bubble-1);font-size:22px}.es-xp-bar{border-radius:var(--radius);background:#0006;border:3px solid #000;height:18px;overflow:hidden}.es-xp-fill{background:linear-gradient(90deg, var(--bubble-1), var(--bubble-2));width:0;height:100%;display:block}.es-xp-text{color:#ffffff80;margin-top:6px;font-size:12px}.es-teams{flex-direction:column;gap:12px;min-width:0;display:flex}.es-team{flex-direction:column;gap:6px;min-width:0;display:flex}.es-team-head{color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.es-team-name{font-family:var(--font-display);letter-spacing:.5px;font-size:15px}.es-team-score{font-family:var(--font-display);font-size:22px}.es-rows{flex-direction:column;gap:5px;display:flex}.es-row{border-radius:var(--radius);min-height:34px;color:var(--ink-dark);background:#fff;grid-template-columns:28px 40px 1fr 44px 44px;align-items:center;gap:10px;padding:0 10px;display:grid;overflow:hidden}.es-row.is-me{background:linear-gradient(90deg,#c9ffe0,#9bf7c0)}.es-row-mvp{background:var(--primary);color:var(--ink);font-family:var(--font-display);letter-spacing:.5px;flex:none;padding:2px 6px;font-size:11px}.es-row-rank{font-family:var(--font-display);text-align:center;font-size:17px}.es-row-ava{align-self:stretch;position:relative}.es-row-ava-img,.es-row-ava-fallback{object-fit:cover;object-position:center top;width:40px;height:50px;position:absolute;bottom:0;left:0}.es-row-ava-fallback{background:linear-gradient(to top, var(--panel), transparent)}.es-row-name{align-items:center;gap:7px;min-width:0;display:flex}.es-row-nametext{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.es-row-stat{text-align:center;color:#4a4a52;font-weight:700}.es-bottom{flex-direction:column;align-items:center;gap:22px;display:flex}.es-actions{align-items:stretch;gap:16px;display:flex}.es-lobby{color:#ffffffd9;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:underline}.es-lobby:hover{color:#fff}.es-newgame{font-family:var(--font-display);isolation:isolate;color:#fff;cursor:pointer;background:0 0;border:none;padding:14px 30px;font-size:22px;transition:filter .14s,transform .1s;position:relative}.es-newgame:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);background:linear-gradient(120deg, var(--grad2-a) 0%, var(--grad2-b) 100%);position:absolute;inset:0}.es-newgame:after,.es-newgame.is-loading:after{content:"";z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-4px}.es-newgame:hover{filter:drop-shadow(6px 6px #000);color:var(--bubble-ink)}.es-newgame:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.es-newgame.is-loading{opacity:1}.es-newgame.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.es-newgame:active{transform:translateY(3px)}.es-ready{font-family:var(--font-display);isolation:isolate;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:14px 48px;font-size:30px;transition:filter .14s,transform .1s;position:relative}.es-ready:before{content:"";z-index:-1;clip-path:polygon(8% 7%,97% 0,95% 93%,3% 100%);background:linear-gradient(120deg, var(--grad-a) 0%, var(--grad-b) 100%);position:absolute;inset:0}.es-ready:after,.es-ready.is-loading:after{content:"";z-index:-2;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#000;border:0;border-radius:0;width:auto;height:auto;margin:0;animation:none;position:absolute;inset:-4px}.es-ready:hover{filter:drop-shadow(6px 6px #000);color:var(--bubble-ink)}.es-ready:hover:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%)}.es-ready.is-loading{opacity:1}.es-ready.is-loading:before{background:linear-gradient(135deg, var(--bubble-1) 0%, var(--bubble-2) 100%);filter:brightness(1.5)}.es-ready:active{transform:translateY(3px)}.es-ready span{font-family:var(--font-body);opacity:.7;margin-left:8px;font-size:13px;font-weight:700}button{transition:filter .1s,transform .1s,opacity .1s}.hub-tab:not(.is-active):hover,.hub-gear:not(.is-active):hover,.hub-plus:hover,.lb-back:hover,.lb-send:hover{filter:brightness(1.18)}.hub-cr-btn:not(.is-loading):hover{filter:brightness(1.1);transform:translateY(-1px)}.lb-btn-ready:not(.is-loading):hover,.lb-btn-start:not(.is-loading):hover{filter:brightness(1.12);transform:translateY(-1px)}.lk-slot:not(.soon):not(.sel):hover:before{background:linear-gradient(#fff 0%,#e3e9f4 100%)}.lk-sw:hover{filter:brightness(1.2)}@keyframes spin{to{transform:rotate(360deg)}}.is-loading{opacity:.75;position:relative;pointer-events:none!important;color:#0000!important}.is-loading:after{content:"";width:22px;height:22px;color:inherit;border:2.5px solid #0003;border-top-color:currentColor;border-radius:50%;margin:-11px 0 0 -11px;animation:.55s linear infinite spin;position:absolute;top:50%;left:50%}.hub-play.is-loading:after,.lb-btn-ready.is-ready.is-loading:after,.lb-btn-start.is-loading:after,.lk-valider.is-loading:after{border-top-color:var(--ink)}.hub-cr-btn.is-loading:after,.lb-btn-ready:not(.is-ready).is-loading:after{border-top-color:#fffc}.cta-spin{display:none}.is-loading>.cta-spin{border:2.5px solid #00000040;border-top-color:var(--ink);z-index:1;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.55s linear infinite spin;display:block;position:absolute;top:50%;left:50%}#scoreboard{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;background:#080a10b8;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:none;position:fixed;inset:0}#scoreboard.is-open{display:flex}#scoreboard h2{text-align:center;letter-spacing:2px;margin-bottom:12px;font-size:18px}#scoreboard table{border-collapse:collapse;width:100%}#scoreboard th{opacity:.6;text-align:left;padding:4px 8px;font-size:11px}#scoreboard td{padding:5px 8px;font-size:14px}#scoreboard .dot{border-radius:var(--radius);vertical-align:middle;width:10px;height:10px;margin-right:7px;display:inline-block}#scoreboard tr.me td{color:#fd0}