@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(./barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ui-ink:#0b1220;--ui-navy:#14233b;--ui-navy2:#1d3357;--ui-white:#f5f7fa;--ui-mute:#9ba7b8;--ui-lime:#c6f432;--ui-coral:#ff5a4e;--ui-sky:#4cc2e8;--ui-gold:#f2c230;--ui-line:#f5f7fa24;--ui-line-strong:#f5f7fa47;--ui-shadow:0 8px 24px #03081059;--ease-out:cubic-bezier(.2, .9, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--skew-r:polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);--skew-l:polygon(14px 0, 100% 0, 100% 100%, 0 100%);--f-disp:var(--font-display,"Barlow Condensed"), "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--f-body:var(--font-ui,"Inter"), "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}#ui{font-family:var(--f-body);color:var(--ui-white);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#ui *,#ui :before,#ui :after{box-sizing:border-box}.pb-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.is-hidden{display:none!important}.pb-aim{pointer-events:none;position:absolute;inset:0;overflow:hidden}#ui.is-paused .pb-aim{visibility:hidden}.pb-aim>*{will-change:transform;position:absolute;top:0;left:0}.pb-timing{opacity:0;width:200px;height:200px;transition:opacity .12s linear;overflow:visible}.pb-timing.show{opacity:var(--fade,1)}.pb-timing circle{fill:none;vector-effect:non-scaling-stroke}.pb-timing .tr-target{stroke:#f5f7fad9;stroke-width:2px}.pb-timing .tr-shrink{stroke:var(--ui-lime);stroke-width:2px}.pb-timing .tr-glow{stroke:var(--ui-lime);stroke-width:6px;opacity:0;filter:blur(3px)}.pb-timing:not(.in-reach) .tr-shrink{stroke:var(--ui-mute);stroke-dasharray:3 5;opacity:.75}.pb-timing:not(.in-reach) .tr-target{opacity:.4}.pb-timing.good .tr-shrink,.pb-timing.good .tr-target{stroke:var(--ui-sky)}.pb-timing.perfect .tr-shrink,.pb-timing.perfect .tr-target{stroke:#fff}.pb-timing.perfect .tr-target{stroke-width:3px}.pb-timing.perfect .tr-glow{stroke:#fff;opacity:.85}.pb-timing.late .tr-shrink,.pb-timing.late .tr-target{stroke:var(--ui-coral)}.pb-pop{white-space:nowrap;pointer-events:none;font:700 28px/1 var(--f-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--ui-white);text-shadow:0 2px 12px #030810b3;-webkit-text-stroke:4px #0b1220c7;paint-order:stroke fill;animation:pb-pop-rise .6s var(--ease-out) forwards;transform:translate(-50%,-100%)}.pb-pop.pop-perfect{color:var(--ui-lime);font-size:34px}.pb-pop.pop-good{color:var(--ui-sky)}.pb-pop.pop-early,.pb-pop.pop-late,.pb-pop.pop-miss{color:var(--ui-coral)}.pb-pop.pop-serve,.pb-pop.pop-auto{color:var(--ui-white);font-size:22px}@keyframes pb-pop-rise{0%{opacity:0;transform:translate(-50%,-70%)scale(.86)}16%{opacity:1;transform:translate(-50%,-100%)scale(1.06)}62%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-100% - 24px))scale(1)}}.pb-power{opacity:0;width:84px;height:84px;transition:opacity .12s}.pb-power.show{opacity:1}.pb-power svg{width:84px;height:84px;overflow:visible;transform:rotate(135deg)}.pb-power circle{fill:none;stroke-width:6px;stroke-linecap:butt}.pb-power .pw-track{stroke:#0b1220c7;stroke-dasharray:141.4 188.5}.pb-power .pw-fill{stroke:var(--ui-lime)}.pb-power.full .pw-fill{stroke:#fff}.pb-power .pw-txt{font:700 12px var(--f-disp);letter-spacing:.16em;color:var(--ui-white);text-shadow:0 1px 6px #000a;place-items:center;display:grid;position:absolute;inset:0}.pb-serve-hint{opacity:0;white-space:nowrap;border:1px solid var(--ui-line);height:38px;clip-path:var(--skew-r);font:600 13px/1 var(--f-body);letter-spacing:.02em;color:var(--ui-white);transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);background:#0b1220e6;align-items:center;gap:10px;padding:0 22px 0 14px;display:flex;bottom:17%;transform:translate(-50%)translateY(8px);top:auto!important;left:50%!important}.pb-serve-hint.show{opacity:1;transform:translate(-50%)}.pb-serve-hint .k{font:800 15px var(--f-disp);letter-spacing:.1em;color:var(--ui-ink);background:var(--ui-lime);padding:3px 8px 2px}.pb-serve-hint i{background:var(--ui-line-strong);width:1px;height:16px}.pb-hud{pointer-events:none;font-family:var(--f-body);--hs:1;position:absolute;inset:0}.pb-hud.enter{animation:pb-hudin .6s var(--ease-out) .5s both}@keyframes pb-hudin{0%{opacity:0}to{opacity:1}}.pb-hud>*{pointer-events:none}.pb-bug{width:440px;transform:scale(var(--hs));transform-origin:0 100%;filter:drop-shadow(0 8px 14px #03081059);position:absolute;bottom:24px;left:24px}.pb-hud.pos-top-left .pb-bug{transform-origin:0 0;top:24px;bottom:auto}.pb-bug .bug-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pb-bug .bug-call{background:var(--ui-ink);height:32px;clip-path:var(--skew-r);opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);align-items:center;gap:10px;margin-bottom:0;padding:0 22px 0 12px;display:inline-flex;transform:translate(-12px)}.pb-bug .bug-call.show{opacity:1;transform:none}.pb-bug .bug-call .lbl{font:600 10px var(--f-body);letter-spacing:.12em;color:var(--ui-mute);text-transform:uppercase}.pb-bug .bug-call .calls{font:700 24px/1 var(--f-disp);color:var(--ui-lime);align-items:baseline;gap:8px;display:inline-flex}.pb-bug .bug-call .calls i{color:var(--ui-mute);font-style:normal;font-weight:500}.pb-bug .bug-call .calls b{font-weight:700;display:inline-block}.pb-bug .bug-call .calls b.srv{font-size:28px}.pb-bug .bug-call .calls b.dim{color:var(--ui-white)}.pb-bug .bug-body{border-top:2px solid var(--ui-lime);background:var(--ui-navy);border-left:1px solid var(--ui-line);clip-path:var(--skew-r);opacity:.96;position:relative}.pb-bug .row{align-items:stretch;height:52px;display:flex;position:relative}.pb-bug[data-mode=doubles] .row{height:60px}.pb-bug .row+.row{border-top:1px solid var(--ui-line)}.pb-bug .tab{background:var(--ui-lime);flex:none;width:6px}.pb-bug .row.cpu .tab{background:var(--ui-sky)}.pb-bug .dotcol{flex:none;place-items:center;width:22px;display:grid}.pb-bug .sdot{background:var(--ui-lime);opacity:0;width:8px;height:8px;transition:opacity .2s, transform .3s var(--ease-out);border-radius:50%;transform:scale(.4)}.pb-bug .row.serving .sdot{opacity:1;transform:scale(1)}.pb-bug .row.serving.pulse .sdot{animation:pb-sdot .6s var(--ease-out)}@keyframes pb-sdot{0%{transform:scale(1.5);box-shadow:0 0 #c6f432b3}to{transform:scale(1);box-shadow:0 0 0 10px #c6f43200}}.pb-bug .names{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;display:flex}.pb-bug .name{font:700 22px/1 var(--f-disp);letter-spacing:.04em;text-transform:uppercase;color:var(--ui-white);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pb-bug[data-mode=doubles] .name{font-size:17px;line-height:1.12}.pb-bug .name.partner{color:var(--ui-mute);font-weight:600}.pb-bug .snum{background:var(--ui-ink);min-width:20px;height:18px;color:var(--ui-lime);font:700 13px/1 var(--f-disp);letter-spacing:.06em;flex:none;align-self:center;place-items:center;margin-right:10px;padding:0 6px;display:none}.pb-bug[data-mode=doubles] .row.serving .snum{display:grid}.pb-bug .score{background:var(--ui-ink);flex:none;place-items:center end;width:72px;margin-right:14px;padding-right:20px;display:grid;position:relative;overflow:hidden}.pb-bug .score .num{font:700 46px/1 var(--f-disp);color:var(--ui-white);font-variant-numeric:tabular-nums;display:block}.pb-bug .score .num.roll-out{animation:pb-roll-out .13s var(--ease-in) forwards}.pb-bug .score .num.roll-in{animation:pb-roll-in .26s var(--ease-out) both}.pb-bug .score:after{content:"";background:var(--ui-lime);transform-origin:0;height:2px;position:absolute;bottom:5px;left:10px;right:10px;transform:scaleX(0)}.pb-bug .score.flash:after{animation:pb-underline .4s var(--ease-out)}@keyframes pb-roll-out{to{opacity:0;transform:translateY(-60%)}}@keyframes pb-roll-in{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}@keyframes pb-underline{0%{opacity:1;transform:scaleX(0)}60%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.pb-bug .bug-meta{font:600 11px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-mute);text-shadow:0 1px 6px #030810cc;background:#0b1220b8;gap:14px;margin-top:5px;padding:4px 10px;display:inline-flex}.pb-bug .bug-meta .diff{color:var(--ui-white)}.pb-bug .bug-clock{border-left:2px solid var(--ui-gold);height:26px;font:600 10px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-mute);opacity:0;transition:opacity .2s, transform .2s var(--ease-out);background:#0b1220d1;align-items:center;gap:8px;padding:0 12px;display:inline-flex;transform:translate(-6px)}.pb-bug .bug-clock b{font:800 18px/1 var(--f-disp);color:var(--ui-white);letter-spacing:0}.pb-bug .bug-clock.show{opacity:1;transform:none}.pb-bug .bug-clock.hot{border-color:var(--ui-coral)}.pb-bug .bug-clock.hot b{color:var(--ui-coral)}.pb-bug .bug-brand{border-left:1px solid var(--ui-line);height:30px;clip-path:var(--skew-r);background:#0b1220e6;justify-content:space-between;align-items:center;gap:12px;margin-top:2px;padding:0 20px 0 12px;display:flex}.pb-bug .bug-brand .tour{white-space:nowrap;font:700 14px/1 var(--f-disp);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-white);align-items:center;gap:9px;display:inline-flex}.pb-bug .bug-brand .tour b{color:var(--ui-lime);font-weight:700}.pb-bug .bug-brand .tour i{background:var(--ui-line-strong);width:1px;height:12px}.pb-bug .bug-brand .pres{align-items:center;gap:8px;display:inline-flex}.pb-bug .bug-brand .pres[hidden]{display:none}.pb-bug .bug-brand .pres em{white-space:nowrap;font:600 9px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-mute);font-style:normal}.pb-bug .bug-brand .pres-chip{border-radius:2px;width:92px;height:23px;display:block}.pb-callouts{left:0;right:0;top:calc(20px * var(--hs) + 8px);pointer-events:none;transform:scale(var(--hs));transform-origin:top;justify-items:center;display:grid;position:absolute}.pb-callouts .co{min-height:46px;color:var(--ui-white);filter:drop-shadow(0 6px 14px #03081066);animation:pb-co-in .24s var(--ease-out) both;transition:opacity .18s var(--ease-in), transform .18s var(--ease-in);grid-area:1/1;align-items:stretch;display:flex}.pb-callouts .co.out{opacity:0;transform:translateY(-8px)}.pb-callouts .co .tag{background:var(--ui-ink);color:var(--ui-white);white-space:nowrap;font:800 30px/1 var(--f-disp);letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);z-index:1;align-items:center;margin-right:-12px;padding:0 30px 0 20px;display:flex;position:relative}.pb-callouts .co .bd{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border-bottom:2px solid var(--ui-lime);background:#0b1220eb;flex-direction:column;justify-content:center;gap:3px;margin-right:0;padding:5px 20px 5px 22px;display:flex}.pb-callouts .co .bd span{white-space:nowrap;font:600 12px/1.1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:#f5f7fad1}.pb-callouts .co .bd span.l1:only-child,.pb-callouts .co .bd .l2{color:var(--ui-white);font-size:13px;font-weight:700}.pb-callouts .co.tone-fault .tag{background:var(--ui-coral);color:#fff}.pb-callouts .co.tone-fault .bd{border-color:var(--ui-coral)}.pb-callouts .co.tone-kitchen .tag{background:var(--ui-gold);color:var(--ui-ink)}.pb-callouts .co.tone-kitchen .bd{border-color:var(--ui-gold)}.pb-callouts .co.tone-info .tag{background:var(--ui-navy2)}.pb-callouts .co.tone-info .bd{border-color:var(--ui-sky)}.pb-callouts .co.tone-point .tag{background:var(--ui-ink);color:var(--ui-lime)}.pb-callouts .co.tone-winner .tag{background:var(--ui-navy2);color:var(--ui-lime)}.pb-callouts .co.tone-winner .bd{border-color:var(--ui-lime)}.pb-callouts .co.tone-badge .tag{background:var(--ui-gold);color:var(--ui-ink)}.pb-callouts .co.tone-badge .bd{border-color:var(--ui-gold)}.pb-callouts .co.tone-nice .tag,.pb-callouts .co.tone-win .tag{background:var(--ui-lime);color:var(--ui-ink)}.pb-callouts .co.tone-lose .tag{background:var(--ui-navy)}@keyframes pb-co-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.pb-hud>.pb-pausebtn{pointer-events:auto;width:46px;height:46px;transform:scale(calc(.8 + .2 * var(--hs)));transform-origin:100% 0;cursor:pointer;color:var(--ui-white);border:0;border-top:2px solid var(--ui-lime);background:#0b1220e0;border-radius:2px;place-items:center;padding:0;transition:background .18s;display:grid;position:absolute;top:16px;right:20px;box-shadow:0 6px 14px #03081059}.pb-pausebtn svg{fill:currentColor;width:22px;height:22px}.pb-pausebtn:hover{background:var(--ui-navy2)}.pb-pausebtn:active{filter:brightness(.9)}.pb-pausebtn:focus-visible{outline:2px solid var(--ui-lime);outline-offset:2px}.pb-pausebtn:after{content:attr(data-tip);white-space:nowrap;pointer-events:none;background:var(--ui-ink);color:var(--ui-white);font:600 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .15s, transform .15s var(--ease-out);padding:7px 10px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.pb-pausebtn:hover:after,.pb-pausebtn:focus-visible:after{opacity:1;transform:none}.pb-hint{transform:scale(var(--hs));transform-origin:100% 100%;border-top:2px solid var(--ui-lime);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);min-width:232px;transition:opacity .5s, transform .5s var(--ease-out);background:#0b1220d6;flex-direction:column;gap:6px;padding:12px 22px 12px 14px;display:flex;position:absolute;bottom:24px;right:24px}.pb-hint.gone{opacity:0;transform:translateY(10px) scale(var(--hs))}.pb-hint .h{font:600 10px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-mute);margin-bottom:2px}.pb-hint .r{font:600 13px/1 var(--f-body);color:var(--ui-white);align-items:center;gap:10px;display:flex}.pb-hint .r span.l{color:var(--ui-mute);font-weight:500}.pb-key{border:1.5px solid var(--ui-line-strong);background:var(--ui-navy);min-width:22px;height:22px;font:700 12px/1 var(--f-disp);letter-spacing:.06em;color:var(--ui-white);border-bottom-width:3px;border-radius:3px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.pb-key.arrow{min-width:22px;padding:0}.pb-key svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.pb-keys{gap:3px;display:inline-flex}.pb-mouse{shape-rendering:geometricprecision;flex:none;width:22px;height:29px;overflow:visible}.pb-mouse .bd{fill:none;stroke:var(--ui-white);stroke-width:1.9px;stroke-linejoin:round;stroke-linecap:round}.pb-mouse .btn{fill:var(--ui-lime);stroke:none}.pb-ico{align-items:center;gap:7px;display:inline-flex}.pb-ring{flex:none;width:28px;height:28px}.pb-ring circle{fill:none;stroke:var(--ui-lime);stroke-width:1.9px}.pb-ring circle.dot{fill:var(--ui-lime);stroke:none}.pb-key.pb-hold{text-transform:uppercase;min-width:0;height:18px;padding:0 5px;font-size:11px}.pb-fps{color:var(--ui-lime);background:#0b1220d1;padding:4px 8px;font:500 12px/1 ui-monospace,SF Mono,Menlo,monospace;position:absolute;top:70px;right:20px}.pb-menu,.pb-pause,.pb-over{z-index:30;pointer-events:auto;font-family:var(--f-body);align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.pb-menu{background:linear-gradient(90deg,#0b1220eb 0%,#0b1220b8 38%,#0b122000 70%)}.pb-over{background:#0b12209e;flex-direction:column;justify-content:center;align-items:stretch}.pb-menu[hidden],.pb-pause[hidden],.pb-over[hidden]{display:none}.pb-col{flex-direction:column;gap:0;width:560px;max-width:100%;margin-block:auto;padding:32px 0 32px 72px;display:flex}.pb-menu .stag>*{animation:pb-stag .32s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms + 60ms)}@keyframes pb-stag{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pb-fullrules{font:700 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-lime);margin:14px 0 4px;padding:8px 0;text-decoration:none;display:inline-block}.pb-fullrules:hover,.pb-fullrules:focus-visible{text-decoration:underline}.pb-home{font:600 12px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-mute);align-items:center;gap:6px;margin-bottom:14px;padding:6px 0;text-decoration:none;display:inline-flex}.pb-home:hover,.pb-home:focus-visible{color:var(--ui-lime)}.pb-home:focus-visible{outline:2px solid var(--ui-lime);outline-offset:3px}.pb-word{margin-bottom:14px;line-height:0}.pb-word .mark{color:var(--ui-lime);display:inline-flex}.pb-word .mark svg{width:44px;height:44px}.pb-group{margin-top:14px}.pb-group>.lab{font:600 12px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-mute);justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.pb-group>.lab .val{font:500 12px/1 var(--f-body);letter-spacing:.01em;text-transform:none;color:var(--ui-white)}.pb-group .desc{min-height:16px;font:500 13px/1.3 var(--f-body);color:#f5f7fac7;margin-top:9px;margin-bottom:4px}.pb-group>.lab .desc,.pb-group>.lab .qnote{min-height:0;font:500 12px/1 var(--f-body);letter-spacing:.01em;text-transform:none;color:#f5f7fac7;margin:0}.pb-group>.lab .qnote{color:var(--ui-mute)}.pb-seg{grid-template-columns:repeat(var(--n), 1fr);background:var(--ui-navy);border:1px solid var(--ui-line);height:44px;padding:3px;display:grid;position:relative}.pb-seg .pill{width:calc((100% - 6px) / var(--n));background:var(--ui-white);transform:translateX(calc(var(--i) * 100%));transition:transform .2s var(--ease-out);pointer-events:none;position:absolute;top:3px;bottom:3px;left:3px}.pb-seg button{z-index:1;appearance:none;cursor:pointer;color:var(--ui-white);font:600 22px/1 var(--f-disp);letter-spacing:.06em;text-transform:uppercase;transition:color .2s var(--ease-out), background .2s;background:0 0;border:0;position:relative}.pb-seg button small{font:500 11px/1 var(--f-body);letter-spacing:.02em;text-transform:none;opacity:.62;margin-left:8px;display:inline}.pb-seg button:hover{background:#f5f7fa0f}.pb-seg button[aria-checked=true]{color:var(--ui-ink);background:0 0}.pb-seg.sm{height:34px}.pb-seg.sm button{font-size:17px}.pb-seg button:focus-visible,.pb-btn:focus-visible,.pb-switch:focus-visible,.pb-chip:focus-visible,.pb-x:focus-visible{outline:2px solid var(--ui-lime);outline-offset:2px}.pb-chips{align-items:center;gap:14px;display:flex}.pb-chip{appearance:none;cursor:pointer;width:44px;height:44px;transition:transform .18s var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0;position:relative}.pb-chip:hover{transform:scale(1.06)}.pb-chip .sw{background:conic-gradient(var(--c1) 0 50%, var(--c2) 0 100%);border-radius:50%;position:absolute;inset:4px;transform:rotate(-45deg);box-shadow:inset 0 0 0 1px #0b122080}.pb-chip:after{content:"";border:2px solid #0000;border-radius:50%;transition:border-color .18s;position:absolute;inset:0}.pb-chip[aria-checked=true]:after{border-color:var(--ui-white)}.pb-chips .nm{font:600 15px/1 var(--f-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-white);margin-left:4px}.pb-group .qnote{min-height:14px;font:500 12px/1.3 var(--f-body);color:var(--ui-mute);margin-top:6px}.pp-set .pb-seg.sm button{letter-spacing:.04em;font-size:14px}.pb-toggles{grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px;display:grid}.pb-switch{appearance:none;border:1px solid var(--ui-line);background:var(--ui-navy);color:var(--ui-white);text-align:left;cursor:pointer;font-family:var(--f-body);align-items:center;gap:12px;padding:9px 12px;transition:border-color .2s,background .2s;display:flex}.pb-switch:hover{border-color:var(--ui-line-strong);background:var(--ui-navy2)}.pb-switch .trk{width:34px;height:18px;transition:background .2s var(--ease-out);background:#f5f7fa2e;flex:none;position:relative}.pb-switch .trk:after{content:"";background:var(--ui-white);width:14px;height:14px;transition:transform .2s var(--ease-out), background .2s;position:absolute;top:2px;left:2px}.pb-switch[aria-checked=true] .trk{background:var(--ui-lime)}.pb-switch[aria-checked=true] .trk:after{background:var(--ui-ink);transform:translate(16px)}.pb-switch .tx b{font:600 13px/1.1 var(--f-body);display:block}.pb-switch .tx span{font:400 11px/1.25 var(--f-body);color:var(--ui-mute);margin-top:3px;display:block}.pb-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.pb-btn{appearance:none;cursor:pointer;font-family:var(--f-disp);text-transform:uppercase;transition:transform .18s var(--ease-out), filter .18s;border:0}.pb-btn.primary{background:var(--ui-lime);height:64px;color:var(--ui-ink);letter-spacing:.06em;clip-path:var(--skew-r);text-align:left;flex:1;justify-content:space-between;align-items:center;padding:0 56px 0 34px;font-size:26px;font-weight:800;display:flex}.pb-btn.primary svg{fill:none;width:22px;height:22px;stroke:var(--ui-ink);stroke-width:3px;stroke-linecap:square}.pb-btn.primary:hover{filter:brightness(1.06);transform:translate(4px)}.pb-btn.primary:active{transform:scale(.985)}.pb-btn.ghost{height:64px;color:var(--ui-white);letter-spacing:.1em;background:0 0;border:1.5px solid #f5f7fa47;padding:0 22px;font-size:17px;font-weight:700;transition:border-color .18s,background .18s}.pb-btn.ghost:hover{background:#f5f7fa0d;border-color:#f5f7fa99}.pb-foot{font:500 12px/1.4 var(--f-body);color:var(--ui-mute);margin-top:16px}.pb-foot b{color:var(--ui-white);font-weight:600}.pb-foot.keys{flex-wrap:wrap;gap:2px 14px;display:flex}.pb-foot.keys span{white-space:nowrap}.pb-howto{z-index:40;visibility:hidden;width:460px;max-width:92vw;transition:transform .3s var(--ease-out), visibility 0s .3s;border-left:2px solid var(--ui-lime);background:#0b1220f0;flex-direction:column;gap:16px;padding:38px 36px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(105%)}.pb-howto.open{visibility:visible;transition:transform .3s var(--ease-out), visibility 0s;transform:none}.pb-howto h2{font:800 44px/1 var(--f-disp);letter-spacing:.04em;text-transform:uppercase;margin:0}.pb-howto h2 span{color:var(--ui-lime)}.pb-howto .row{border-bottom:1px solid var(--ui-line);grid-template-columns:116px 1fr;align-items:center;gap:16px;padding-bottom:14px;display:grid}.pb-howto .row:last-of-type{border-bottom:0}.pb-howto .row .k{align-items:center;gap:8px;min-height:30px;display:flex}.pb-howto .row .d b{font:700 17px/1.1 var(--f-disp);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;display:block}.pb-howto .row .d span{font:400 13px/1.4 var(--f-body);color:#f5f7fac7}.pb-howto .rules{background:var(--ui-navy);border-left:3px solid var(--ui-gold);margin-top:2px;padding:14px 16px}.pb-howto .rules p{font:400 13px/1.45 var(--f-body);color:#f5f7fadb;margin:0 0 8px}.pb-howto .rules p:last-child{margin-bottom:0}.pb-howto .rules b{color:var(--ui-gold);font-weight:700}.pb-x{appearance:none;color:var(--ui-white);height:40px;font:700 15px var(--f-disp);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #f5f7fa47;align-self:flex-start;margin-top:auto;padding:0 18px}.pb-x:hover{border-color:#f5f7fa99}.pb-ring-demo{width:44px;height:44px}.pb-ring-demo circle{fill:none;stroke-width:2px}.pb-pause{background:#080d18c7}.pb-pause .pp-wrap{flex-wrap:wrap;align-items:center;gap:56px;width:100%;margin-block:auto;padding:0 72px;display:flex}.pb-pause .pb-col{gap:0;width:380px;margin:0;padding:24px 0}.pb-pause h1{font:800 clamp(64px, 10vh, 104px)/.86 var(--f-disp);letter-spacing:.01em;text-transform:uppercase;margin:0}.pb-pause .sub{font:700 20px/1 var(--f-disp);letter-spacing:.28em;color:var(--ui-lime);text-transform:uppercase;margin:10px 0 22px}.pb-pause .list{flex-direction:column;gap:8px;display:flex}.pb-pause .pb-btn.primary{flex:none}.pb-pause .pb-btn.ghost{text-align:left;height:48px;font-size:16px}.pb-pause .pb-btn.primary{height:58px;font-size:24px}.pp-set{border-top:2px solid var(--ui-lime);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);background:#0b1220f0;width:420px;max-width:100%;padding:22px 26px 24px}.pp-set h2{font:800 30px/1 var(--f-disp);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}.pp-rows{flex-direction:column;display:flex}.pp-rows .pb-group{margin-top:12px}.pp-assists{grid-template-columns:1fr;gap:8px;display:grid}.pp-rows>.pb-switch{margin-top:12px}.pb-slider{cursor:pointer;grid-template-columns:64px 1fr 34px;align-items:center;gap:12px;margin-top:12px;display:grid}.pb-slider .lab{font:600 12px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-mute)}.pb-slider output{font:700 20px/1 var(--f-disp);text-align:right;color:var(--ui-white)}.pb-slider input{-webkit-appearance:none;appearance:none;cursor:pointer;--f:50%;background:0 0;width:100%;height:24px;margin:0}.pb-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ui-lime) var(--f), #f5f7fa33 var(--f));height:6px}.pb-slider input::-moz-range-track{background:#f5f7fa33;height:6px}.pb-slider input::-moz-range-progress{background:var(--ui-lime);height:6px}.pb-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ui-white);border:0;border-radius:1px;width:14px;height:22px;margin-top:-8px;box-shadow:0 2px 6px #03081080}.pb-slider input::-moz-range-thumb{background:var(--ui-white);border:0;border-radius:1px;width:14px;height:22px}.pb-slider input:focus-visible{outline:2px solid var(--ui-lime);outline-offset:3px}.pb-sound{margin-top:0}.pb-vol{border:1px solid var(--ui-line);background:var(--ui-navy);align-items:center;gap:6px;min-width:0;padding:3px 12px 3px 3px;transition:border-color .2s;display:flex}.pb-vol:hover{border-color:var(--ui-line-strong)}.pb-vol .pb-slider.nolab{flex:1;grid-template-columns:1fr 26px;gap:8px;min-width:0;margin:0}.pb-vol .pb-slider output{font-size:17px}.pb-mute{appearance:none;color:var(--ui-white);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:38px;height:34px;padding:0;transition:background .2s,color .2s;display:grid}.pb-mute:hover{background:#f5f7fa14}.pb-mute svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.pb-mute .off{display:none}.pb-mute:focus-visible{outline:2px solid var(--ui-lime);outline-offset:2px}.pb-vol.muted .pb-mute{color:var(--ui-coral);background:#ff5a4e1f}.pb-vol.muted .pb-mute .on{display:none}.pb-vol.muted .pb-mute .off{display:inline}.pb-vol.muted .pb-slider{opacity:.4}@media (height<=800px){.pb-pause .pb-btn.ghost{height:42px}.pb-pause .pb-btn.primary{height:50px}.pb-pause .sub{margin-bottom:14px}.pp-set{padding:16px 22px 18px}.pp-rows .pb-group,.pb-slider,.pp-rows>.pb-switch{margin-top:8px}.pp-set .pb-switch .tx span{display:none}}.pb-over .strip{background:var(--ui-navy);border-top:3px solid var(--ui-sky);border-bottom:1px solid var(--ui-line);height:160px;animation:pb-strip .5s var(--ease-out) both;align-items:center;gap:28px;padding:0 72px;display:flex}.pb-over.win .strip{background:var(--ui-lime);color:var(--ui-ink);border-color:var(--ui-ink)}.pb-over.neutral .strip{background:var(--ui-navy2);border-top-color:var(--ui-lime)}.pb-over .strip h1{font:800 clamp(84px, 13vh, 132px)/.86 var(--f-disp);letter-spacing:.01em;text-transform:uppercase;margin:0}.pb-over .strip .fin{font:700 20px/1 var(--f-disp);letter-spacing:.28em;text-transform:uppercase;opacity:.8;align-self:flex-end;padding-bottom:32px}.pb-over .strip .big{font:800 clamp(84px, 13vh, 120px)/.9 var(--f-disp);font-variant-numeric:tabular-nums;align-items:baseline;gap:16px;margin-left:auto;display:flex}.pb-over .strip .big i{opacity:.5;font-style:normal;font-weight:500}@keyframes pb-strip{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}.pb-over .card{border-top:2px solid var(--ui-lime);max-width:880px;animation:pb-stag .4s var(--ease-out) .2s both;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);background:#0b1220f0;margin:24px 72px 0;padding:22px 30px 26px}.pb-over table{border-collapse:collapse;width:100%}.pb-over th{font:600 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-mute);text-align:right;padding:0 0 10px}.pb-over th:first-child{text-align:left}.pb-over td{border-top:1px solid var(--ui-line);text-align:right;font:700 34px/1 var(--f-disp);font-variant-numeric:tabular-nums;color:var(--ui-white);padding:10px 0}.pb-over td:first-child{text-align:left;font:600 14px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ui-mute)}.pb-over td.you{color:var(--ui-lime)}.pb-over td.cpu{color:var(--ui-sky)}.pb-over .foot{align-items:center;gap:12px;margin-top:20px;display:flex}.pb-over .foot .pb-btn.primary{flex:none;min-width:300px}.pb-over .rally{text-align:right;font:600 12px/1.2 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-mute);margin-left:auto}.pb-over .rally b{font:800 44px/1 var(--f-disp);color:var(--ui-white);letter-spacing:0;margin-top:4px;display:block}@media (height<=940px){.pb-col{padding-top:20px;padding-bottom:20px}.pb-word{margin-bottom:8px}.pb-word .mark svg{width:36px;height:36px}.pb-group{margin-top:10px}.pb-seg{height:40px}.pb-btn.primary,.pb-btn.ghost{height:52px}.pb-actions{margin-top:14px}.pb-toggles,.pb-foot{margin-top:10px}}@media (height<=800px){.pb-col{padding-top:12px;padding-bottom:12px}.pb-word{margin-bottom:4px}.pb-word .mark svg{width:32px;height:32px}.pb-group{margin-top:7px}.pb-group>.lab{margin-bottom:4px}.pb-group .desc{margin-top:5px;margin-bottom:0}.pb-seg{height:34px}.pb-seg button{font-size:19px}.pb-seg.sm{height:30px}.pb-seg.sm button{font-size:15px}.pb-home{margin-bottom:2px;padding:3px 0}.pb-mute{height:28px}.pb-vol .pb-slider output{font-size:15px}.pb-chip{width:38px;height:38px}.pb-toggles{gap:8px;margin-top:8px}.pb-switch{padding:6px 10px}.pb-switch .tx span{display:none}.pb-btn.primary,.pb-btn.ghost{height:50px}.pb-btn.primary{font-size:22px}.pb-actions{margin-top:10px}.pb-foot{margin-top:8px}.pb-howto{gap:8px;padding:22px 32px}.pb-howto h2{font-size:36px}.pb-howto .row{gap:12px;padding-bottom:8px}.pb-fullrules{margin:4px 0 0;padding:4px 0}.pb-over .strip{height:128px}.pb-over .card{margin-top:14px;padding:14px 24px 18px}.pb-over td{padding:6px 0;font-size:28px}}@media (height<=720px){.pb-btn.primary,.pb-btn.ghost{height:46px}.pb-btn.primary{font-size:20px}}@media (width<=600px){.pb-col{padding-left:20px;padding-right:20px}}@media (width<=1100px){.pb-col{width:520px;padding-left:32px}.pb-menu{background:linear-gradient(90deg,#0b1220f0 0%,#0b1220cc 60%,#0b122033 100%)}}@media (prefers-reduced-motion:reduce){#ui *{transition-duration:.12s!important;animation-duration:.12s!important;animation-delay:0s!important}}.pb-hint{max-width:330px}.pb-hint .r b{color:var(--ui-lime);font-weight:700}.pb-hint .n{border-left:2px solid var(--ui-lime);font:500 12px/1.35 var(--f-body);color:#f5f7fadb;margin:2px 0;padding:6px 0 6px 10px}.pb-hint .n b{color:var(--ui-white);font-weight:700}.pb-hint.dim:not(.gone){opacity:.25;transition:opacity .18s}.pb-hint{--hc:calc(.6 + .4 * var(--hs));transform:scale(var(--hc));box-sizing:border-box;gap:0;width:348px;min-width:0;max-width:none;padding:14px 20px 16px 22px;overflow:hidden}.pb-hint.gone{transform:translateY(10px) scale(var(--hc))}.pb-hint .h{letter-spacing:.16em;margin:0 0 8px;font-size:11px}.pb-hint .r{min-height:28px;font:600 13px/1.25 var(--f-body);grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.pb-hint .r .k{align-items:center;gap:3px;min-width:0;display:flex}.pb-hint .r .t{text-wrap:balance;overflow-wrap:anywhere;min-width:0}.pb-hint .r span.l{white-space:nowrap;font-size:12px}.pb-hint .n{text-wrap:balance;margin:6px 0 8px;padding:6px 0 6px 12px;font-size:12px;line-height:1.4}.pb-hint .pb-mouse{flex:none;width:20px;height:27px}.pb-hint .pb-ring{width:24px;height:24px}.pb-cue{opacity:0;will-change:transform;width:0;height:0;transition:opacity .12s linear;position:absolute;top:0;left:0}.pb-cue.show{opacity:1}.pb-cue .cue-body{transform:translate(-50%, -50%) scale(var(--cs,1));transform-origin:50%;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.pb-cue[data-place=below] .cue-body{flex-direction:column-reverse}.pb-cue .cue-pill{border:1px solid var(--ui-line-strong);white-space:nowrap;height:30px;font:700 14px/1 var(--f-disp);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-white);background:#0b1220d1;border-radius:16px;align-items:center;gap:8px;padding:0 12px 0 6px;display:flex}.pb-cue .cue-ring{flex:none;width:22px;height:22px;overflow:visible;transform:rotate(-90deg)}.pb-cue .cue-ring circle{fill:none;stroke-width:3px}.pb-cue .cue-ring .rk{stroke:#f5f7fa38}.pb-cue .cue-ring .rf{stroke:var(--ui-lime);stroke-linecap:round;stroke-dasharray:0 62.83}.pb-cue .cue-icon{flex:none;width:16px;height:16px}.pb-cue .cue-icon path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.pb-cue .cue-icon .ic{display:none}.pb-cue[data-shot=drive] .ic-drive,.pb-cue[data-shot=serve] .ic-drive,.pb-cue[data-shot=dink] .ic-dink,.pb-cue[data-shot=drop] .ic-dink,.pb-cue[data-shot=lob] .ic-lob{display:block}.pb-cue[data-shot=dink] .cue-pill,.pb-cue[data-shot=drop] .cue-pill{color:var(--ui-sky)}.pb-cue[data-shot=lob] .cue-pill{color:var(--ui-gold)}.pb-cue .cue-sub{background:var(--ui-gold);color:var(--ui-ink);white-space:nowrap;font:800 12px/1 var(--f-disp);letter-spacing:.14em;text-transform:uppercase;border-radius:3px;padding:3px 9px 2px;display:none}.pb-cue.bounce .cue-sub{display:block}.pb-cue.prompt .cue-pill{color:var(--ui-mute);border-color:var(--ui-line);background:#0b122099}.pb-cue.prompt .cue-icon{display:none}.pb-cue.prompt .rf{stroke:#f5f7fa00}.pb-cue.far .cue-pill{color:var(--ui-coral);border-color:var(--ui-coral)}.pb-cue.full .cue-pill{border-color:var(--ui-lime);box-shadow:0 0 14px #c6f43247}.pb-cue.hit .cue-pill{border-color:var(--ui-white)}.pb-q{white-space:nowrap;pointer-events:none;font:800 22px/1 var(--f-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-white);-webkit-text-stroke:4px #0b1220cc;paint-order:stroke fill;text-shadow:0 2px 10px #0308108c;animation:pb-q-rise .8s var(--ease-out) forwards;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.pb-q.q-great{color:var(--ui-lime);font-size:26px}.pb-q.q-good{color:var(--ui-sky)}.pb-q.q-rushed,.pb-q.q-stretched,.pb-q.q-miss,.pb-q.q-soft{color:var(--ui-coral)}.pb-q.q-auto,.pb-q.q-serve{color:var(--ui-white);font-size:18px}.pb-q.q-perfect{color:var(--ui-lime);font-size:26px}.pb-q.q-hard{color:var(--ui-gold)}@keyframes pb-q-rise{0%{opacity:0;transform:translate(-50%,-60%)scale(.88)}14%{opacity:1;transform:translate(-50%,-100%)scale(1.05)}60%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-100% - 22px))scale(1)}}.pb-meter{opacity:0;width:min(380px,100vw - 500px);min-width:300px;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);z-index:30;will-change:auto;flex-direction:column;align-items:stretch;gap:7px;display:flex;position:fixed;bottom:200px;transform:translate(-50%)translateY(10px);top:auto!important;left:50%!important}.pb-meter.show{opacity:1;transform:translate(-50%)}.pb-meter .m-head{justify-content:space-between;align-items:baseline;padding:0 2px;display:flex}.pb-meter .m-title{font:800 20px/1 var(--f-disp);letter-spacing:.2em;text-transform:uppercase;color:var(--ui-white);-webkit-text-stroke:3px #0b1220d9;paint-order:stroke fill}.pb-meter .m-read{font:800 20px/1 var(--f-disp);letter-spacing:.08em;color:var(--ui-white);-webkit-text-stroke:3px #0b1220d9;paint-order:stroke fill;font-variant-numeric:tabular-nums}.pb-meter .m-bar{background:#0b1220e6;border:2px solid #f5f7fa8c;border-radius:4px;height:30px;position:relative;overflow:hidden;box-shadow:0 6px 22px #03081080}.pb-meter .m-sweet{border-left:2px solid var(--ui-lime);border-right:2px solid var(--ui-lime);background:#c6f43242;position:absolute;top:0;bottom:0}.pb-meter .m-fill{background:linear-gradient(90deg,#4cc2e8 0%,#7fe0b8 45%,#c6f432 100%);width:0%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 0 12px #ffffff59}.pb-meter.in-sweet .m-fill{background:linear-gradient(90deg,#7fe0b8 0%,#c6f432 60%,#f5ffb0 100%)}.pb-meter.over .m-fill{background:linear-gradient(90deg,#c6f432 0%,#f2c230 55%,#ff5a4e 100%)}.pb-meter .m-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#f5f7fa29 calc(10% - 1px) 10%);position:absolute;inset:0}.pb-meter .m-sweet-tag{background:var(--ui-lime);color:var(--ui-ink);font:800 11px/1 var(--f-disp);letter-spacing:.14em;white-space:nowrap;pointer-events:none;border-radius:0 0 3px 3px;padding:2px 6px 1px;position:absolute;top:-1px;transform:translate(-50%)}.pb-meter .m-foot{font:700 12px/1 var(--f-body);letter-spacing:.04em;color:var(--ui-white);text-shadow:0 1px 6px #000000d9;justify-content:space-between;padding:0 2px;display:flex}.pb-meter .m-foot .k{font:800 13px var(--f-disp);letter-spacing:.1em;color:var(--ui-ink);background:var(--ui-lime);border-radius:2px;margin-right:6px;padding:2px 6px 1px}.pb-meter.full .m-bar{border-color:#fff;box-shadow:0 0 22px #ffffff73,0 6px 22px #03081080}.pb-meter.sent{opacity:0;transition:opacity .25s}@media (height<=640px){.pb-meter{bottom:150px}}.pb-meter.clock .m-lbl{color:var(--ui-coral);letter-spacing:.12em;font-size:16px;font-weight:800}.pb-meter.clock .m-bar{border-color:var(--ui-coral)}.pb-lobby{z-index:35;pointer-events:auto;font-family:var(--f-body);background:linear-gradient(90deg,#0b1220f0 0%,#0b1220cc 42%,#0b122026 78%);align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.pb-lobby[hidden]{display:none}.pb-lobby .lb-col{flex-direction:column;width:560px;max-width:100%;margin-block:auto;padding:32px 0 32px 72px;display:flex}.pb-lobby h1{font:800 clamp(56px, 9vh, 92px)/.86 var(--f-disp);letter-spacing:.01em;text-transform:uppercase;margin:0}.pb-lobby h1 span{color:var(--ui-lime)}.lb-status{font:600 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-mute);align-items:center;gap:8px;margin:12px 0 4px;display:inline-flex}.lb-status .dot,.pb-net .dot{background:var(--ui-mute);border-radius:50%;flex:none;width:8px;height:8px}.lb-status[data-s=online] .dot,.pb-net[data-s=good] .dot{background:var(--ui-lime)}.lb-status[data-s=busy] .dot,.pb-net[data-s=warn] .dot{background:var(--ui-gold)}.lb-status[data-s=bad] .dot,.pb-net[data-s=bad] .dot{background:var(--ui-coral)}.lb-status[data-s=online]{color:var(--ui-white)}.lb-input{background:var(--ui-navy);border:1px solid var(--ui-line);width:100%;height:48px;color:var(--ui-white);font:600 22px/1 var(--f-disp);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:text;user-select:text;outline:none;padding:0 14px}.lb-input::placeholder{color:#f5f7fa52}.lb-input:focus-visible{border-color:var(--ui-lime)}.lb-input.name{text-transform:none;letter-spacing:.02em;font-size:18px;font-weight:500;font-family:var(--f-body)}.lb-join{gap:12px;display:flex}.lb-join .lb-input{letter-spacing:.3em;text-align:center;flex:1}.lb-join .pb-btn.ghost{height:48px;padding:0 26px}.lb-pro{font:700 12px/1 var(--f-body);letter-spacing:.12em;background:var(--ui-ink);color:var(--ui-lime);margin-left:10px;padding:4px 6px 3px;font-style:normal}.lb-actions{align-items:center;gap:12px;margin-top:18px;display:flex}.lb-actions .pb-btn.ghost{height:64px}.lb-err{min-height:18px;font:600 13px/1.3 var(--f-body);color:var(--ui-coral);margin-top:12px}.lb-hint{font:500 13px/1.3 var(--f-body);color:var(--ui-mute);min-height:16px;margin-top:12px}.lb-code{background:var(--ui-navy);border-left:3px solid var(--ui-lime);align-items:center;gap:16px;margin-top:16px;padding:12px 16px;display:flex}.lb-code .lab{font:600 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-mute)}.lb-code b{font:800 44px/1 var(--f-disp);letter-spacing:.16em;color:var(--ui-white)}.lb-code .pb-btn.ghost{height:40px;margin-left:auto;padding:0 16px;font-size:14px}.lb-seats{gap:6px;margin-top:14px;display:grid}.lb-seat{background:var(--ui-navy);border-left:3px solid var(--ui-sky);grid-template-columns:26px 1fr auto auto;align-items:center;gap:12px;height:44px;padding:0 14px;display:grid}.lb-seat.t1{border-left-color:var(--ui-gold)}.lb-seat .n{font:700 13px/1 var(--f-disp);letter-spacing:.08em;color:var(--ui-mute)}.lb-seat .nm{font:700 20px/1 var(--f-disp);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-seat.ai .nm,.lb-seat.away .nm{color:var(--ui-mute);font-weight:600}.lb-seat .tag{font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-mute)}.lb-seat .tag.ok{color:var(--ui-lime)}.lb-seat .tag.host{color:var(--ui-gold)}.lb-seat .ping{font:600 12px/1 var(--f-body);color:var(--ui-mute);text-align:right;min-width:42px}.lb-seat.me .nm:after{content:" (you)";color:var(--ui-mute);letter-spacing:0;text-transform:none;font-size:14px;font-weight:500;font-family:var(--f-body)}.lb-seat .pick{appearance:none;color:var(--ui-sky);font:700 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:6px 0}.lb-sets{margin-top:6px}.lb-sets .pb-group{margin-top:12px}.lb-sets .ro{font:500 14px/1.3 var(--f-body);color:#f5f7fad9}.lb-count{pointer-events:none;z-index:45;place-items:center;display:grid;position:fixed;inset:0}.lb-count b{font:800 clamp(120px, 28vh, 260px)/1 var(--f-disp);color:var(--ui-white);text-shadow:0 6px 40px #03081099;animation:lb-pop .9s var(--ease-out) both}@keyframes lb-pop{0%{opacity:0;transform:scale(1.5)}30%{opacity:1}to{opacity:0;transform:scale(.9)}}@media (height<=800px){.lb-seat{height:38px}.lb-code b{font-size:36px}.lb-actions .pb-btn.ghost{height:52px}.pb-lobby .pb-btn.primary{height:54px;font-size:22px}}.pb-net{z-index:12;pointer-events:none;border-top:2px solid var(--ui-line-strong);height:26px;font:700 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-white);background:#0b1220d1;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:absolute;top:28px;right:76px}.pb-net[hidden]{display:none}.pb-net[data-s=good]{border-top-color:var(--ui-lime)}.pb-net[data-s=warn]{border-top-color:var(--ui-gold)}.pb-net[data-s=bad]{border-top-color:var(--ui-coral);color:var(--ui-coral)}.pb-net .ms{font-variant-numeric:tabular-nums}.gm-toast{color:#f5f7fa;pointer-events:none;z-index:60;font:600 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;background:#0b1220e0;border-left:3px solid #c6f432;border-radius:2px;padding:9px 16px 9px 14px;transition:opacity .18s,transform .18s;position:fixed;top:72px;left:50%;transform:translate(-50%,-6px)}.gm-toast.show{opacity:1;transform:translate(-50%)}.gm-toast b{color:#c6f432;margin-left:.5em;font-weight:700}