:root{--bg-0: #0a0a12;--bg-1: #050508;--bg-2: #000000;--panel: #08080e;--panel-border: #1b2235;--pill-bg: rgba(8, 8, 14, .85);--pill-border: #2a3450;--cyan: #2de2e6;--pink: #ff2bd6;--orange: #ff2bd6;--blue: #2f6bff;--green: #39ff14;--purple: #b14aed;--text: #eef3ff;--text-2: #8a93ad;--text-3: #aab2c8;--success: #39ff14;--danger: #ff3b6b;--glow: 0 0 24px rgba(45, 226, 230, .55);--glow-pink: 0 0 24px rgba(255, 43, 214, .6);--glow-cyan: 0 0 24px rgba(45, 226, 230, .6);--glow-green: 0 0 24px rgba(57, 255, 20, .55);--glow-blue: 0 0 24px rgba(47, 107, 255, .6)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 100% at 50% 30%,var(--bg-0),var(--bg-1) 55%,var(--bg-2));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;overflow:hidden;user-select:none;-webkit-user-select:none}#root{display:flex;justify-content:center;height:100vh;height:100dvh;height:var(--app-h, 100dvh)}.app{width:100%;max-width:min(96vw,54vh);height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.screen.centered{justify-content:center;align-items:center;gap:clamp(8px,1.8dvh,18px);padding:clamp(10px,2.2dvh,24px);text-align:center}.title-row{display:flex;align-items:center;justify-content:center;gap:14px}.wordmark{font-weight:900;letter-spacing:2px;font-size:30px;text-transform:uppercase;color:var(--pink);text-shadow:0 0 8px rgba(255,43,214,.7),0 0 22px rgba(255,43,214,.5)}.brand{font-family:Bungee Outline,ui-sans-serif,system-ui,sans-serif;font-weight:400;letter-spacing:4px;white-space:nowrap;-webkit-text-stroke:.9px currentColor;animation:brand-pulse-pink 2.8s ease-in-out infinite}.brand .accent{animation:brand-pulse-cyan 2.8s ease-in-out infinite}@keyframes brand-pulse-pink{0%,to{text-shadow:0 0 10px rgba(255,43,214,.9),0 0 24px rgba(255,43,214,.55)}50%{text-shadow:0 0 14px rgba(255,43,214,1),0 0 38px rgba(255,43,214,.8),0 0 70px rgba(255,43,214,.5)}}@keyframes brand-pulse-cyan{0%,to{text-shadow:0 0 10px rgba(45,226,230,.9),0 0 24px rgba(45,226,230,.55)}50%{text-shadow:0 0 14px rgba(45,226,230,1),0 0 38px rgba(45,226,230,.8),0 0 70px rgba(45,226,230,.5)}}@media (prefers-reduced-motion: reduce){.brand,.brand .accent{animation:none}}.trophy-wrap{position:relative;display:inline-flex;flex:0 0 auto;align-items:flex-end;animation:trophy-bob 2.6s ease-in-out infinite}.trophy{width:38px;height:38px;display:block;color:#e0a020;filter:drop-shadow(0 0 8px rgba(224,160,32,.9)) drop-shadow(0 0 16px rgba(224,160,32,.5))}.trophy-glow{position:absolute;left:50%;bottom:-3px;transform:translate(-50%);width:38px;height:32px;background:radial-gradient(ellipse at 50% 100%,rgba(255,214,110,.7),rgba(224,160,32,.3) 45%,transparent 72%);filter:blur(3px);pointer-events:none;z-index:-1}@keyframes trophy-bob{0%,to{transform:translateY(-16px)}50%{transform:translateY(-22px)}}@keyframes hover-bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.winner-trophy{display:block;margin:0 auto 2px;position:relative;z-index:1;width:clamp(184px,52vw,250px);height:auto;animation:hover-bob 2.8s ease-in-out infinite}.overlay .winner-trophy{height:clamp(130px,34vh,300px);width:auto;max-width:82vw;flex-shrink:0;min-height:120px}.spotlight-stage{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;justify-content:center;width:100%}.spotlight-beam{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(248px,66vw);height:calc(50% + 74px);background:linear-gradient(180deg,rgba(255,247,214,.24),rgba(255,247,214,.07) 55%,transparent 92%);clip-path:polygon(42% 0,58% 0,92% 100%,8% 100%);filter:blur(4px);pointer-events:none;z-index:0}.spotlight-pool{position:absolute;top:calc(50% + 70px);bottom:auto;left:50%;transform:translate(-50%);width:min(190px,52vw);height:40px;background:radial-gradient(ellipse at center,rgba(255,247,214,.3),transparent 70%);filter:blur(3px);pointer-events:none;z-index:0}@media (min-width: 700px){.sb-rig{max-width:min(560px,92vw)}.sb-screen{font-size:52px}.sb-num{font-size:58px}.sb-label{font-size:15px}.overlay .winner-trophy{height:clamp(220px,40vh,360px);width:auto}.spotlight-beam{width:min(380px,42vw);height:calc(50% + 116px)}.spotlight-pool{width:min(300px,34vw);top:calc(50% + 112px)}}.wordmark .accent{color:var(--cyan);text-shadow:0 0 8px rgba(45,226,230,.75),0 0 22px rgba(45,226,230,.5)}.title{font-weight:800;font-size:22px;letter-spacing:1px;text-shadow:var(--glow)}.subtle{color:var(--text-2);font-size:14px}.label{color:var(--text-3);text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:14px;padding:clamp(11px,1.7dvh,16px) 18px;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;width:100%;--neon: var(--pink);--neon-rgb: 255, 43, 214;background:#06060beb;color:var(--neon);border:1.5px solid var(--neon);text-shadow:0 0 10px rgba(var(--neon-rgb),.85);box-shadow:0 0 18px rgba(var(--neon-rgb),.4),inset 0 0 14px rgba(var(--neon-rgb),.12);transition:transform .05s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{box-shadow:0 0 28px rgba(var(--neon-rgb),.6),inset 0 0 18px rgba(var(--neon-rgb),.2)}.btn:active{transform:translateY(1px) scale(.995)}.btn:disabled{filter:grayscale(.6) brightness(.55);cursor:default}.btn.ghost{--neon: var(--text-3);--neon-rgb: 170, 178, 200;color:var(--text-3);border-color:var(--pill-border);text-shadow:none;box-shadow:none}.btn.ghost:hover{box-shadow:0 0 14px #aab2c82e}.btn.orange{--neon: var(--pink);--neon-rgb: 255, 43, 214}.btn.cyan{--neon: var(--cyan);--neon-rgb: 45, 226, 230}.btn.blue{--neon: var(--blue);--neon-rgb: 47, 107, 255}.btn.green{--neon: var(--green);--neon-rgb: 57, 255, 20}.btn.red{--neon: var(--danger);--neon-rgb: 255, 59, 107;color:var(--danger)}.btn.white{--neon: #eef3ff;--neon-rgb: 238, 243, 255}.btn-row{display:flex;gap:10px}.stack{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:16px;box-shadow:inset 0 0 22px #2de2e60d,0 0 16px #0009}.pill{background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--text-3);border-radius:999px;padding:6px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px}button.pill{cursor:pointer;font-family:inherit}.pill.profile{gap:8px;padding:9px 16px;font-size:15px;font-weight:700;color:var(--text);background:#08080eeb;border:1.5px solid var(--pink);box-shadow:0 0 14px #ff2bd666,inset 0 0 10px #ff2bd61f}.pill.profile:hover{box-shadow:0 0 22px #ff2bd699,inset 0 0 14px #ff2bd62e}.pill.profile svg{color:var(--pink)}.rink-frame{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;margin:6px 10px 12px;border-radius:20px;border:2px solid rgba(45,226,230,.55);box-shadow:0 0 28px #2de2e64d,inset 0 0 30px #2de2e612;overflow:hidden}.home-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:.18;pointer-events:none}.rink-frame>.screen{position:relative;z-index:2}.rink-frame:before{content:"";position:absolute;left:50%;top:-65px;width:130px;height:130px;transform:translate(-50%);border:2px solid rgba(45,226,230,.22);border-radius:50%;pointer-events:none}.rink-frame:after{content:"";position:absolute;left:50%;bottom:-65px;width:130px;height:130px;transform:translate(-50%);border:2px solid rgba(45,226,230,.22);border-radius:50%;pointer-events:none}.rink-frame>.screen{position:relative;z-index:1}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--panel);border:1px solid var(--danger);color:var(--text);padding:10px 16px;border-radius:12px;font-size:13px;z-index:50;cursor:pointer;box-shadow:0 6px 24px #0006}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.topbar-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.pill.profile{min-width:0;flex:0 1 auto}.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--panel-border)}.lb-row:last-child{border-bottom:none}.lb-rank{flex:0 0 auto;width:2.4em;text-align:right;font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums}.lb-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.lb-you{color:var(--cyan);font-weight:700}.lb-tier{flex:0 0 auto;font-size:.78rem;font-weight:700}.lb-csr{flex:0 0 auto;min-width:3em;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.lb-row.me{background:#2de2e617;border-radius:8px;border-bottom-color:transparent}.lb-mecard{border-color:var(--cyan);box-shadow:0 0 14px #2de2e633}.br-bracket{display:flex;align-items:stretch;gap:26px;overflow-x:auto;padding:8px 4px 4px}.br-col{display:flex;flex-direction:column;flex:0 0 auto;min-width:156px}.br-col.center{justify-content:center}.br-col-label{text-align:center;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding-bottom:8px}.br-col-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-around;gap:16px}.br-card{position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:6px 10px}.br-card.live{border-color:var(--cyan);box-shadow:0 0 12px #2de2e638}.br-card-div{height:1px;background:var(--panel-border);margin:2px -10px}.br-col.left .br-card:after,.br-col.right .br-card:before{content:"";position:absolute;top:50%;width:13px;border-top:1px solid var(--panel-border)}.br-col.left .br-card:after{right:-14px}.br-col.right .br-card:before{left:-14px}.br-seat{display:flex;align-items:center;gap:8px;padding:4px 0}.br-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.br-seat.lose .br-name{color:var(--text-secondary)}.br-score{flex:0 0 auto;font-weight:800;font-variant-numeric:tabular-nums;min-width:1.1em;text-align:right}.br-badge{flex:0 0 auto;width:1.2em;text-align:center;font-weight:900}.br-badge.w{color:var(--success)}.br-badge.l{color:var(--danger)}.br-live{flex:0 0 auto;font-size:.74rem;font-weight:700;color:var(--cyan);border:1px solid var(--cyan);border-radius:6px;padding:1px 6px}.br-ready{flex:0 0 auto;font-size:.8rem;font-weight:700;color:var(--success)}.br-notready{flex:0 0 auto;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.br-gate{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:8px}.iconbtn{width:40px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:10px;font-size:19px;cursor:pointer;background:#08080eeb;border:1.5px solid var(--cyan);color:var(--cyan);box-shadow:0 0 14px #2de2e666,inset 0 0 10px #2de2e61f;transition:box-shadow .15s ease}.iconbtn:hover{box-shadow:0 0 22px #2de2e699,inset 0 0 14px #2de2e62e}.presence{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:999px;background:#08080ed9;border:1px solid var(--pill-border);color:var(--text);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.presence-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:presence-pulse 2s ease-in-out infinite}@keyframes presence-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.presence-dot{animation:none}}.iconbtn:disabled{border-color:var(--pill-border);color:var(--text-3);box-shadow:none;filter:brightness(.7);cursor:default}.iconbtn.small{width:38px;height:38px}.match{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.match.match-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;height:var(--app-h, 100dvh);z-index:50;background:#04040a}.match-menu-fab{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);z-index:6;opacity:.45}.match-menu-fab:hover,.match-menu-fab:focus-visible{opacity:1}.match-hud{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:10px}.hud-names{display:flex;flex-direction:column;gap:4px;min-width:0;flex:0 1 auto}.hud-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}.hud-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hud-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.hud-ping{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.3px}.canvas-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}canvas.rink{width:100%;height:100%;display:block;touch-action:none}.practice{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.practice-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 12px;font-weight:700;color:var(--text)}.practice canvas.rink{flex:1;min-height:0;height:auto}.practice-bar .practice-spinner{width:40px;height:40px;border-width:3px;box-shadow:none;flex:0 0 auto}.koth-specs{position:fixed;top:0;bottom:0;width:calc((100vw - min(96vw,62vh))/2);display:none;flex-direction:column;justify-content:center;gap:22px;padding:16px 8px;z-index:4;pointer-events:none}.koth-specs.left{left:0;align-items:flex-end;padding-right:14px}.koth-specs.right{right:0;align-items:flex-start;padding-left:14px}.koth-spec{display:flex;flex-direction:column;align-items:center;gap:6px}.koth-spec-paddle{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#0a0a12,#050509);border:3px solid #2de2e6}.koth-spec-name{max-width:110px;font-size:12px;font-weight:700;color:var(--text-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1000px) and (min-aspect-ratio: 5 / 4){.koth-specs{display:flex}}.king-wins{color:var(--success);font-weight:800;font-variant-numeric:tabular-nums}.king-ready{color:var(--success);font-weight:700;font-size:13px}.king-notready{color:var(--text-2);font-weight:600;font-size:13px}.lobby-present{color:var(--success);font-weight:700;font-size:13px}.lobby-away{color:var(--danger);font-weight:700;font-size:13px}.king-standings .king-wins{font-size:22px;line-height:1}.king-standings .row{padding-top:11px;padding-bottom:11px}.king-standings .row>span:first-child{font-size:17px}.king-result .banner,.series-result .banner{font-size:clamp(22px,5.5vw,32px)}@media (max-width: 560px){.overlay.king-result{gap:clamp(5px,1.1vh,14px)}.king-result .spotlight-stage{flex:0 0 auto}.king-result .winner-trophy{height:clamp(74px,12vh,120px);min-height:0}}.shot-clock{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;line-height:1}.shot-clock-float{position:absolute;top:38px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none}.shot-clock-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--text-3)}.shot-clock-num{font-family:Doto,ui-monospace,monospace;font-weight:800;font-size:26px;line-height:1;color:#ff2b2b;text-shadow:0 0 12px rgba(255,30,30,.85);font-variant-numeric:tabular-nums}.shot-clock-num.low{color:red;text-shadow:0 0 18px rgba(255,30,30,.95)}.mute-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(45,226,230,.5);background:#2de2e614;color:var(--text-2);font-size:12px;font-weight:700;cursor:pointer;flex:0 0 auto}.mute-btn .mute-icon{display:inline-flex;color:#2de2e6}.mute-btn.muted{border-color:#ffffff2e;background:#ffffff0a}.mute-btn.muted .mute-icon{color:var(--text-3)}.faceoff{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Bungee Outline,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:120px;letter-spacing:2px;color:var(--text);text-shadow:0 0 16px rgba(45,226,230,.9),0 0 40px rgba(45,226,230,.6);font-variant-numeric:tabular-nums;pointer-events:none;z-index:4}.faceoff.faceoff-top{top:0;right:0;bottom:50%;left:0;transform:rotate(180deg)}.faceoff.faceoff-bottom{top:50%;right:0;bottom:0;left:0}.replay-final{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Bungee Outline,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:clamp(34px,11vw,64px);letter-spacing:4px;color:#ffe79a;text-shadow:0 0 16px rgba(255,210,74,.95),0 0 46px rgba(255,210,74,.6);pointer-events:none;z-index:5;animation:replay-final-in .35s ease-out both}@keyframes replay-final-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.canvas-wrap.on-ice .faceoff{color:#0b1220;text-shadow:0 0 12px rgba(255,255,255,.95),0 2px 6px rgba(255,255,255,.75)}.canvas-wrap.on-ice .replay-final{color:#0b1220;text-shadow:0 0 14px rgba(255,255,255,.95),0 2px 8px rgba(255,255,255,.75)}.canvas-wrap.on-ice .replay-final.banner-red{color:#c8112b;text-shadow:0 0 14px rgba(255,255,255,.95),0 0 30px rgba(255,90,110,.5)}.canvas-wrap.on-ice .replay-final.banner-white{color:#0b1220;text-shadow:0 0 14px rgba(255,255,255,.95),0 2px 8px rgba(255,255,255,.75)}.replay-final.banner-red{color:#ff5b6e;text-shadow:0 0 16px rgba(255,59,107,.95),0 0 46px rgba(255,59,107,.6)}.replay-final.banner-white{color:#eef3ff;text-shadow:0 0 16px rgba(200,225,255,.95),0 0 46px rgba(160,210,255,.55)}.replay-final.replay-top{top:0;right:0;bottom:50%;left:0;transform:rotate(180deg)}.replay-final.replay-top.banner-red,.replay-final.replay-top.banner-white{animation:none}.replay-final.replay-bottom{top:50%;right:0;bottom:0;left:0}@media (prefers-reduced-motion: reduce){.replay-final{animation:none}}.replay-badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:#02030b8c;border:1px solid rgba(255,70,90,.7);color:#fff;font-weight:700;font-size:13px;letter-spacing:3px;text-shadow:0 0 10px rgba(255,70,90,.8);pointer-events:none;z-index:4}.replay-dot{width:9px;height:9px;border-radius:50%;background:#ff465a;box-shadow:0 0 8px #ff465ae6;animation:replay-blink 1s ease-in-out infinite}@keyframes replay-blink{0%,to{opacity:1}50%{opacity:.25}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(8px,2vh,20px);padding:clamp(4px,1.5vh,12px) 18px clamp(12px,2.5vh,24px);overflow-y:auto;text-align:center;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.banner{font-weight:900;font-size:40px;letter-spacing:2px;text-transform:uppercase}.banner.you{color:var(--pink);text-shadow:0 0 14px rgba(255,43,214,.9),0 0 36px rgba(255,43,214,.55)}.banner.them{color:var(--cyan);text-shadow:0 0 14px rgba(45,226,230,.9),0 0 36px rgba(45,226,230,.55)}.delta-up{color:var(--success);font-weight:800}.delta-down{color:var(--danger);font-weight:800}.bigscore{font-size:56px;font-weight:900;letter-spacing:4px}.sb-rig{width:100%;max-width:min(380px,94vw);margin:0 auto;perspective:760px;perspective-origin:50% 0%}.sb-cables{position:relative;height:30px}.sb-cables:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:5px;border-radius:3px;background:linear-gradient(180deg,#4a5675,#232a3d);box-shadow:0 1px 2px #0009}.sb-cable{position:absolute;bottom:0;width:2px;height:30px;transform-origin:top center;background:linear-gradient(180deg,#586383,#2a3148);box-shadow:0 0 2px #0009}.sb-cable.left{left:34%;transform:rotate(11deg)}.sb-cable.right{right:34%;transform:rotate(-11deg)}.scoreboard{width:100%;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 14px),0 14px);background:linear-gradient(160deg,#5cf0f4,#2de2e6 45%,#168f93);padding:2px;transform:rotateX(9deg);transform-origin:50% 0%;filter:drop-shadow(0 0 10px rgba(45,226,230,.55)) drop-shadow(0 14px 22px rgba(0,0,0,.72))}.scoreboard.win{filter:drop-shadow(0 0 11px rgba(57,255,20,.5)) drop-shadow(0 0 5px rgba(45,226,230,.5)) drop-shadow(0 14px 22px rgba(0,0,0,.72))}.scoreboard.lose{filter:drop-shadow(0 0 11px rgba(255,59,107,.5)) drop-shadow(0 0 5px rgba(45,226,230,.4)) drop-shadow(0 14px 22px rgba(0,0,0,.72))}.sb-body{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(180deg,#06070e,#020205);padding:8px;box-shadow:inset 0 0 18px #2de2e624,inset 0 1px #ffffff0d}.sb-screen{text-align:center;font-family:Bungee Outline,ui-sans-serif,system-ui,sans-serif;font-weight:400;letter-spacing:5px;font-size:42px;text-transform:uppercase;padding:12px 0 14px;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 3px);border-radius:8px}.sb-screen.win{color:#5bff5b;text-shadow:0 0 4px rgba(160,255,140,1),0 0 10px rgba(57,255,20,1),0 0 22px rgba(57,255,20,.95),0 0 44px rgba(57,255,20,.7),0 0 78px rgba(57,255,20,.45)}.sb-screen.lose{color:var(--danger);text-shadow:0 0 6px rgba(255,59,107,1),0 0 16px rgba(255,59,107,.95),0 0 34px rgba(255,59,107,.65),0 0 60px rgba(255,59,107,.4)}.sb-teams{margin-top:6px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#030308;border:1px solid rgba(45,226,230,.18);border-radius:9px;padding:7px 4px}.sb-team{text-align:center;min-width:0}.sb-label{font-size:13px;letter-spacing:2px;font-weight:700;text-transform:uppercase;text-shadow:0 0 8px currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-num{margin-top:2px;font-size:42px;font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 6px rgba(255,255,255,.85),0 0 16px rgba(255,255,255,.45)}.sb-colon{font-size:24px;font-weight:900;color:var(--text-3);padding:0 4px}@media (max-width: 560px){.sb-rig{max-width:min(300px,84vw)}.sb-cables,.sb-cable{height:18px}.sb-body{padding:6px}.sb-screen{font-size:28px;letter-spacing:3px;padding:7px 0 8px}.sb-teams{margin-top:4px;padding:4px}.sb-num{font-size:28px}.sb-label{font-size:11px}.sb-colon{font-size:18px}}.searching{width:120px;height:120px;border-radius:50%;border:3px solid rgba(45,226,230,.15);border-top-color:var(--cyan);box-shadow:0 0 22px #2de2e666;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{animation:pop .4s ease}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.row{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.5dvh,14px) 4px;border-bottom:1px solid rgba(27,34,53,.7)}.row:last-child{border-bottom:none}.toggle{width:52px;height:30px;border-radius:999px;border:1px solid var(--pill-border);background:#05050a;position:relative;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.toggle.on{background:#39ff142e;border-color:var(--green);box-shadow:0 0 16px #39ff1473,inset 0 0 8px #39ff1433}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#eaf6ff;transition:transform .15s ease}.toggle.on:after{transform:translate(22px);background:var(--green);box-shadow:0 0 10px #39ff14cc}.textinput{background:#05050a;border:1px solid var(--pill-border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:15px;width:160px;text-align:right}.customize-screen{padding:8px 16px 0;gap:10px}.customize-preview{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.customize-hint{flex:0 0 auto;text-align:center}.customize-options{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px;margin:0 auto;padding-bottom:12px}.opt{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;background:#08080ed9;border:1.5px solid var(--pill-border);color:var(--text);cursor:pointer;font-weight:600;text-align:left}.opt.on{border-color:var(--cyan);box-shadow:0 0 14px #2de2e659}.opt-swatch{width:18px;height:18px;border-radius:50%;flex:0 0 auto}.linklike{background:none;border:none;padding:0;color:var(--cyan);font:inherit;cursor:pointer;text-decoration:underline}.home-footer{margin-top:10px;display:flex;gap:10px;align-items:center;justify-content:space-evenly;flex-wrap:wrap;width:100%;max-width:360px}.ach-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--panel-border)}.ach-row:last-child{border-bottom:none}.ach-main{flex:1;min-width:0}.ach-head{display:flex;align-items:center;gap:8px}.ach-name{font-weight:700}.ach-done{color:var(--success);font-size:.78rem;font-weight:700}.ach-lock{color:var(--text-secondary)}.ach-desc{margin:2px 0 6px;font-size:.85rem}.ach-row.unlocked .ach-desc{opacity:.7}.ach-progress{display:flex;align-items:center;gap:8px}.ach-bar{flex:1;height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.ach-bar-fill{height:100%;border-radius:99px;background:var(--cyan);box-shadow:0 0 8px #2de2e680}.ach-count{font-size:.75rem;flex:0 0 auto}.ach-reward{flex:0 0 auto;display:flex;gap:8px;align-items:center}.ach-row:not(.unlocked) .ach-reward{opacity:.5}.reward-glyph{display:inline-flex;filter:drop-shadow(0 0 5px currentColor)}.unlock-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;width:max-content;max-width:90vw;pointer-events:none}.unlock-toast-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:#08080ef5;border:1.5px solid var(--cyan);box-shadow:0 0 18px #2de2e659;color:var(--text);font-weight:600}.unlock-toast-item .opt-swatch{width:16px;height:16px}.unlock-toast-swatches{display:flex;gap:5px;flex:0 0 auto}.unlock-toast-sub{color:var(--text-secondary);font-weight:500;font-size:.82rem}.info-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;color:var(--text-secondary);cursor:pointer;flex:0 0 auto}.info-btn:hover{color:var(--cyan)}.rankinfo-wrap{position:relative;display:inline-flex;align-items:center}.rankinfo-pop{display:none;position:absolute;bottom:calc(100% + 10px);right:-6px;width:232px;max-width:80vw;padding:10px 12px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 10px 28px #0000008c;z-index:60;text-align:left}.rankinfo-pop.open{display:block}@media (hover: hover){.rankinfo-wrap:hover .rankinfo-pop,.rankinfo-wrap:focus-within .rankinfo-pop{display:block}}.rankinfo-pop:before{content:"";position:absolute;top:100%;right:11px;border:8px solid transparent;border-top-color:var(--panel-border)}.rankinfo-pop:after{content:"";position:absolute;top:calc(100% - 1.5px);right:12px;border:7px solid transparent;border-top-color:var(--panel)}.rankinfo-title{font-weight:700;color:var(--cyan);font-size:.9rem;margin-bottom:6px}.rankinfo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}.rankinfo-name{display:flex;align-items:center;gap:8px;font-weight:700}.rank-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.seg{display:flex;gap:4px;padding:4px;background:#08080ed9;border:1px solid var(--panel-border);border-radius:12px}.seg-btn{flex:1;padding:9px 10px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer}.seg-btn.on{background:#2de2e624;color:var(--cyan);box-shadow:0 0 12px #2de2e640}.doc{text-align:left;gap:14px;user-select:text;-webkit-user-select:text}.doc:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.doc-section{display:block;text-align:left}.doc-h2{margin:0 0 8px;font-size:1.05rem;color:var(--cyan);letter-spacing:.02em}.doc p{margin:0 0 8px;line-height:1.5;color:var(--text-muted)}.doc p:last-child{margin-bottom:0}.doc-list{margin:0;padding-left:18px;line-height:1.5;color:var(--text-muted)}.doc-list li{margin:0 0 6px}.doc-list .doc-list{margin-top:6px}.doc strong{color:var(--text)}.doc-meta{font-size:.85rem;opacity:.75}.linkrow{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 4px;background:none;border:none;border-bottom:1px solid var(--panel-border);color:var(--text);font-weight:600;cursor:pointer;text-align:left}.linkrow:last-child{border-bottom:none}.linkrow .chev{color:var(--text-secondary)}.opt.locked{opacity:.5}.opt.locked:hover{border-color:var(--pill-border);box-shadow:none}.opt-lockend{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.opt-unlock-msg{color:var(--danger);font-size:.74rem;font-weight:600;line-height:1.15;text-align:right;max-width:140px}.opt-lock{color:var(--text-secondary);flex:0 0 auto}.victory-preview{position:relative;width:100%;max-width:300px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 12px;background:radial-gradient(ellipse at 50% 30%,#2de2e60f,#05050a 70%);border-radius:16px;cursor:pointer}.victory-preview.compact{max-width:240px;gap:4px;padding:10px 10px 8px}.victory-preview.compact .sb-rig{max-width:200px}.victory-preview.compact .sb-screen{font-size:22px}.victory-preview.compact .sb-num{font-size:26px}.victory-preview.compact .sb-label{font-size:10px}.victory-preview.compact .winner-trophy{width:clamp(100px,28vw,140px)}.victory-preview.compact .spotlight-beam{width:min(150px,40vw);height:calc(50% + 48px)}.victory-preview.compact .spotlight-pool{width:min(120px,32vw);top:calc(50% + 46px)}.bracket{display:flex;gap:14px;align-items:flex-start;justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.bracket-col{display:flex;flex-direction:column;gap:12px;justify-content:space-around;min-width:130px;flex:0 0 auto}.bracket-match{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px}.bracket-seat{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracket-vs{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;padding:3px 0}@media (prefers-reduced-motion: reduce){.searching{animation-duration:2s}.trophy,.trophy-wrap,.winner-trophy,.replay-dot{animation:none}}.btn.ice{--neon: #eaf8ff;--neon-rgb: 155, 220, 255;background:radial-gradient(130% 100% at 18% 0%,rgba(234,248,255,.18),transparent 55%),radial-gradient(90% 80% at 85% 110%,rgba(155,220,255,.14),transparent 60%),linear-gradient(135deg,#152a36,#1b3543 55%,#132530)}.vp-spectrum{animation:vp-hue 9s linear infinite}@keyframes vp-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.vp-allstar circle{animation:vp-allstar-shimmer 2.8s ease-in-out infinite}@keyframes vp-allstar-shimmer{0%,to{stroke:#cfd6e4}50%{stroke:#ffd56b}}.vp-cork{transform-box:fill-box;transform-origin:center;animation:vp-cork-pop 1.4s cubic-bezier(.2,.7,.4,1) .35s forwards}@keyframes vp-cork-pop{0%{transform:translate(0) rotate(0);opacity:1}60%{opacity:1}to{transform:translate(30px,-52px) rotate(260deg);opacity:0}}.vp-drop{transform-box:fill-box;opacity:0;animation:vp-fizz 1.15s ease-out .55s infinite}@keyframes vp-fizz{0%{transform:translate(0) scale(1);opacity:.95}to{transform:translate(var(--dx, 16px),var(--dy, -28px)) scale(.4);opacity:0}}@media (prefers-reduced-motion: reduce){.vp-spectrum,.vp-allstar circle,.vp-drop{animation:none}}.lobby-roster.two-col{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.lobby-roster.two-col .row{font-size:13.5px;gap:6px}.lobby-roster .row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lobby-roster .lobby-present,.lobby-roster .lobby-away{flex:0 0 auto;white-space:nowrap}.consent-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:min(440px,calc(100vw - 24px));z-index:60;display:flex;flex-direction:column;gap:10px;padding:14px}.consent-banner .consent-text{font-size:13px;line-height:1.45;color:var(--text-2, #c9d4e3);text-align:left}.consent-banner .consent-actions{display:flex;gap:10px}.consent-banner .btn{padding:10px 14px;font-size:14px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:#000000b8}.pse-modal{width:min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:18px;text-align:left}.pse-modal .pse-title{font-weight:800;font-size:1.05rem;color:var(--cyan);letter-spacing:.02em}.pse-modal .consent-actions{display:flex;gap:10px;justify-content:flex-end}.home-notice{display:flex;align-items:center;gap:10px;margin:6px 12px 0;padding:9px 12px;border:1px solid var(--danger);border-radius:12px;background:#ff3b6b1a;color:#ffd7e1;font-size:13px;line-height:1.35;box-shadow:0 0 12px #ff3b6b40}.home-notice span{flex:1}.home-notice-x{flex:0 0 auto;width:26px;height:26px;border:none;border-radius:8px;background:transparent;color:#ffd7e1;font-size:20px;line-height:1;cursor:pointer}.home-notice-x:hover{background:#ff3b6b2e}