:root{--bug-navy:#0f1a33;--bug-navy-2:#16244a;--bug-white:#f4f7ff;--bug-ink:#0b1020;--azul:#62b0ff;--rojo:#d8383a;--optic:#e4f23a;--font-broadcast:"Barlow Condensed", "Arial Narrow", sans-serif;--font-graphic:"Barlow Semi Condensed", var(--font-broadcast);--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs:clamp(13px, .95vw, 20px);--t-sm:clamp(14px, 1vw, 22px);--t-md:clamp(18px, 1.35vw, 30px);--t-lg:clamp(24px, 2vw, 44px);--t-xl:clamp(44px, 4.4vw, 92px);--hud-inset:clamp(12px, 1.6vh, 28px);--hud-shadow:0 6px 18px #03060e80;--ease-out:cubic-bezier(.16, 1, .3, 1)}::selection{background:var(--azul);color:var(--bug-ink)}.bug-panel{background:var(--bug-navy);color:var(--bug-white);font-family:var(--font-broadcast);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.02em;box-shadow:var(--hud-shadow);border-radius:2px;font-weight:600;line-height:1}.ghost-btn{appearance:none;color:var(--bug-white);font-family:var(--font-broadcast);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out);background:#0b102059;border:1px solid #f4f7ff4d;border-radius:2px;padding:.45em .9em;font-weight:600;line-height:1}.ghost-btn:hover{background:var(--bug-navy);border-color:#f4f7ffa6}.ghost-btn:active{background:var(--bug-navy-2)}.ghost-btn:focus-visible,.primary-btn:focus-visible{outline:2px solid var(--bug-white);outline-offset:2px}.ghost-btn:disabled{opacity:.4;cursor:default}.ghost-btn:disabled:hover{background:#0b102059;border-color:#f4f7ff4d}.primary-btn{appearance:none;background:var(--bug-navy);border:max(1.5px, .12vw) solid var(--optic);color:var(--bug-white);font-family:var(--font-broadcast);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .16s var(--ease-out);border-radius:2px;padding:.45em .9em;font-weight:700;line-height:1}.primary-btn:hover{background:#e4f23a29}.primary-btn:active{background:#e4f23a42}.primary-btn:disabled{background:var(--bug-navy);color:#f4f7ffb3;cursor:default;border-color:#e4f23a66}#conn{top:var(--hud-inset);left:var(--hud-inset);font-size:var(--t-xs);letter-spacing:.06em;pointer-events:none;align-items:center;gap:.55em;padding:.5em .8em;display:none;position:fixed}#conn.show{display:flex}#conn .dot{background:var(--rojo);border-radius:50%;width:.55em;height:.55em;animation:1.2s ease-in-out infinite conn-pulse}@keyframes conn-pulse{50%{opacity:.35}}#topright{top:var(--hud-inset);right:var(--hud-inset);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}#watching{font-size:var(--t-xs);letter-spacing:.06em;pointer-events:none;border-radius:999px;align-items:baseline;gap:.35em;padding:.45em .9em;display:none}#watching.show{display:inline-flex}#watching .n{font-weight:700}#watching .label{color:#f4f7ffb8}#takeseat{font-size:var(--t-sm,1rem);padding:.8em 1.5em;display:none;position:fixed;bottom:4.6vh;right:4.9vw}#takeseat.show{display:block}#mutebtn{place-items:center;padding:.3em .55em;display:grid}.mute-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:clamp(16px,1.25vw,20px);height:clamp(16px,1.25vw,20px)}#mutebtn[aria-pressed=true] .slash,#mutebtn[aria-pressed=false] .waves{display:none}#scorebug{--sb-head-h:3.8vh;--sb-row-h:4.2vh;--sb-cell-w:15%;--sb-rule-w:max(1px, .07vw);--sb-rule:#f4f7ff3d;background:var(--bug-navy);border:var(--sb-rule-w) solid #f4f7ff8c;pointer-events:none;-webkit-user-select:none;user-select:none;width:18.2vw;min-width:240px;position:fixed;bottom:4.6vh;left:4.9vw}.sb-head{height:var(--sb-head-h);background:linear-gradient(180deg, #14234a 0%, var(--bug-navy) 100%);border-bottom:var(--sb-rule-w) solid var(--sb-rule);min-height:24px;color:var(--bug-white);font-family:var(--font-graphic);letter-spacing:.01em;justify-content:space-between;align-items:center;padding:0 .75em;font-size:clamp(14px,1.22vw,32px);font-weight:700;display:flex}.sb-tb{background:var(--bug-white);color:var(--bug-ink);letter-spacing:.02em;padding:.12em .4em;font-size:.72em}.sb-row{height:var(--sb-row-h);background:linear-gradient(180deg, #172649 0%, var(--bug-navy) 100%);align-items:stretch;min-height:28px;font-size:clamp(17px,2.9vh,44px);font-weight:700;display:flex}.sb-row+.sb-row{border-top:var(--sb-rule-w) solid var(--sb-rule)}.sb-bar{flex:none;width:.35vw;min-width:4px}.sb-row.azul .sb-bar,.sb-row.azul .sb-dot{background:var(--azul)}.sb-row.rojo .sb-bar,.sb-row.rojo .sb-dot{background:var(--rojo)}.sb-dot{aspect-ratio:1;border-radius:50%;flex:none;align-self:center;width:.55em;margin:0 .4em 0 .5em}.sb-name{min-width:0;color:var(--bug-white);font-family:var(--font-graphic);letter-spacing:.01em;flex:1;align-items:center;gap:.35em;display:flex}.sb-label{padding-top:.06em}.sb-serve{visibility:hidden;flex:none;width:.42em;height:.42em}.sb-serve circle{fill:var(--optic)}.sb-serve path{fill:none;stroke:#0f1a338c;stroke-width:.8px}.sb-row.serving .sb-serve{visibility:visible}.sb-games,.sb-points{width:var(--sb-cell-w);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding-top:.06em;display:grid}.sb-games{--sb-cell-bg:var(--bug-navy-2);--sb-cell-flash:#2f4785;background:var(--sb-cell-bg);border-left:var(--sb-rule-w) solid var(--sb-rule);color:var(--bug-white)}.sb-points{--sb-cell-bg:var(--bug-white);--sb-cell-flash:#cfe0ff;background:var(--sb-cell-bg);color:var(--bug-ink)}.sb-games.flash,.sb-points.flash{animation:sb-flash .3s var(--ease-out)}@keyframes sb-flash{0%{background:var(--sb-cell-flash)}}.sb-warmup{height:var(--sb-row-h);background:var(--bug-navy);min-height:28px;color:var(--bug-white);letter-spacing:.12em;align-items:center;padding:0 .8em;font-size:clamp(14px,2.1vh,32px);font-weight:600;display:flex}.sb-rows[hidden],.sb-warmup[hidden],.sb-tb[hidden]{display:none}.sb-call{border-top:1px solid var(--optic);height:3.1vh;min-height:20px;color:var(--bug-white);letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);background:#0f1a33eb;align-items:center;padding:0 .8em;font-size:clamp(13px,2vh,30px);font-weight:700;display:flex;position:absolute;top:calc(100% + 2px);left:-1px;right:-1px;transform:translateY(6px)}.sb-call.show{opacity:1;transform:none}#serveprompt{border-top:2px solid var(--optic);max-width:min(60vw,900px);font-size:var(--t-md);letter-spacing:.06em;white-space:nowrap;pointer-events:none;padding:.55em 1.2em .5em;font-weight:700;display:none;position:fixed;bottom:clamp(44px,9vh,130px);left:50%;transform:translate(-50%)}#serveprompt.show{display:block}#serveprompt .who{vertical-align:bottom;text-overflow:ellipsis;max-width:16ch;margin-right:.2em;display:inline-block;overflow:hidden}#banner{--bn-accent:var(--optic);background:var(--bug-navy);width:66.7vw;color:var(--bug-white);font-family:var(--font-broadcast);font-variant-numeric:tabular-nums;text-transform:uppercase;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;clip-path:inset(0 100% 0 0);visibility:hidden;grid-template-rows:auto 10.8vh auto;line-height:1;display:grid;position:fixed;bottom:6.8vh;left:50%;translate:-50%}#banner.in{clip-path:inset(0);visibility:visible;transition:clip-path .22s var(--ease-out)}#banner.out{clip-path:inset(0 0 0 100%);visibility:hidden;transition:clip-path .18s cubic-bezier(.7,0,.84,0),visibility 0s .18s}#banner[data-tone=fault]{--bn-accent:var(--rojo)}#banner[data-tone=team][data-team=azul]{--bn-accent:var(--azul)}#banner[data-tone=team][data-team=rojo]{--bn-accent:var(--rojo)}.bn-rule{background:var(--bn-accent);height:max(3px,.6vh)}.bn-title,.bn-sub{white-space:nowrap;text-overflow:ellipsis;place-items:center;padding:0 1.6vw;display:grid;overflow:hidden}.bn-title{font-family:var(--font-graphic);letter-spacing:.01em;padding-bottom:.08em;font-size:9.3vh;font-weight:700}.bn-sub{height:6.8vh;font-family:var(--font-graphic);letter-spacing:.01em;border-top:1px solid #f4f7ff42;padding-top:.08em;font-size:4.8vh;font-weight:500}.bn-sub[hidden]{display:none}#scorebug,#serveprompt{transition:opacity .18s var(--ease-out)}body.banner-up #scorebug,body.banner-up #serveprompt{opacity:0}@media (prefers-reduced-motion:reduce){#banner,#banner.in,#banner.out{clip-path:none}#banner{opacity:0}#banner.in{opacity:1;transition:opacity .22s linear}#banner.out{opacity:0;transition:opacity .18s linear,visibility 0s .18s}}#replaytag{font-family:var(--font-broadcast);text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:.8vh;line-height:1;display:none}body.replaying #replaytag{animation:rp-in .22s var(--ease-out);display:flex}@keyframes rp-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.rp-tag{background:var(--rojo);height:5.5vh;color:var(--bug-white);box-shadow:var(--hud-shadow);letter-spacing:.03em;border-radius:.5vh;align-items:center;gap:.3em;padding:.04em .42em 0 .36em;font-size:4.1vh;font-weight:700;display:flex}.rp-dot{background:var(--bug-white);border-radius:50%;width:.42em;height:.42em;margin-bottom:.04em}.rp-skip{height:3.6vh;color:var(--bug-white);letter-spacing:.04em;background:#0f1a33e0;border-radius:.5vh;align-items:center;gap:.4em;padding:0 .45em 0 .6em;font-size:2.4vh;font-weight:700;display:none}#replaytag.skippable .rp-skip{display:flex}.rp-skip kbd{border:1px solid #f4f7ffd9;border-radius:.35em;padding:.2em .35em .12em;font-family:inherit;font-size:.82em;font-weight:700}body.replaying #labels{opacity:0}@media (prefers-reduced-motion:reduce){body.replaying #replaytag{animation:none}}#labels{pointer-events:none;transition:opacity .2s var(--ease-out);position:fixed;inset:0;overflow:hidden}#labels.rally{opacity:0}#labels .nametag{background:var(--bug-navy);border-bottom:2px solid var(--azul);max-width:16ch;color:var(--bug-white);font-family:var(--font-broadcast);font-size:var(--t-xs);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:.3em .55em .2em;font-weight:600;line-height:1;position:absolute;overflow:hidden;translate:-50% -100%}#labels .nametag.B{border-bottom-color:var(--rojo)}:root{--tray-img:clamp(40px, 5.6vh, 72px);--tray-bottom:calc(var(--hud-inset) + 1.5 * var(--t-xs) + 8px);--tray-h:calc(var(--tray-img) + 3.6vh)}#reactbar{left:50%;bottom:var(--tray-bottom);background:var(--bug-navy);box-shadow:var(--hud-shadow);border:1px solid #f4f7ff3d;border-radius:2px;gap:.5vh;padding:.8vh;display:none;position:fixed;translate:-50%}#reactbar.open{animation:tray-in .16s var(--ease-out);display:flex}@keyframes tray-in{0%{opacity:0;translate:-50% 6px}}.rb-item{appearance:none;cursor:pointer;transition:translate .14s var(--ease-out), background-color .14s var(--ease-out);background:0 0;border:0;border-radius:2px;padding:1vh .5vh;display:block}.rb-item img{width:var(--tray-img);height:var(--tray-img);display:block}.rb-item:hover{background:var(--bug-navy-2);translate:0 -2px}.rb-item:focus-visible{outline:2px solid var(--bug-white);outline-offset:-2px}#serveprompt{transition:opacity .18s var(--ease-out), bottom .16s var(--ease-out)}body.tray-open #serveprompt{bottom:calc(var(--tray-bottom) + var(--tray-h) + 1.2vh)}#votepanel{background:var(--bug-navy);width:22vw;min-width:300px;color:var(--bug-white);font-family:var(--font-broadcast);font-variant-numeric:tabular-nums;text-transform:uppercase;box-shadow:var(--hud-shadow);transition:opacity .18s var(--ease-out);line-height:1;display:none;position:fixed;bottom:4.6vh;right:4.9vw}#votepanel.show{animation:vt-in .22s var(--ease-out);display:block}@keyframes vt-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.vt-rule{background:var(--optic);height:max(3px,.6vh)}.vt-title{letter-spacing:.05em;white-space:nowrap;padding:1.3vh 1.1vw 1.1vh;font-size:clamp(22px,3.6vh,52px);font-weight:700}.vt-sub{letter-spacing:.05em;border-top:1px solid #f4f7ff42;align-items:baseline;gap:.8em;padding:.9vh 1.1vw .8vh;font-size:clamp(14px,2.1vh,30px);font-weight:600;display:flex}.vt-who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.vt-count{color:#f4f7ffb8;flex:none}.vt-count b{color:var(--bug-white);font-weight:700}.vt-actions{gap:.6vw;padding:.4vh 1.1vw 1.4vh;display:flex}.vt-actions button{flex:1;padding:.6em .9em;font-size:clamp(14px,2vh,28px)}body.banner-up #votepanel,body.final-up #votepanel{opacity:0;pointer-events:none}#finalcard{background:var(--bug-navy);width:46vw;color:var(--bug-white);font-family:var(--font-broadcast);font-variant-numeric:tabular-nums;text-transform:uppercase;-webkit-user-select:none;user-select:none;clip-path:inset(0 100% 0 0);visibility:hidden;border:1px solid #f4f7ff61;line-height:1;position:fixed;top:48%;left:50%;translate:-50% -50%;box-shadow:0 12px 40px #03060e8c}#finalcard.in{clip-path:inset(0);visibility:visible;transition:clip-path .28s var(--ease-out)}#finalcard.out{clip-path:inset(0 0 0 100%);visibility:hidden;transition:clip-path .2s cubic-bezier(.7,0,.84,0),visibility 0s .2s}#finalcard[data-team=azul]{--fc-team:var(--azul)}#finalcard[data-team=rojo]{--fc-team:var(--rojo)}.fc-head{border-top:max(3px, .6vh) solid var(--fc-team);background:var(--bug-white);height:4.6vh;color:var(--bug-ink);letter-spacing:.12em;place-items:center;padding-top:.08em;font-size:3.1vh;font-weight:700;display:grid}.fc-top{background:linear-gradient(180deg, #172649 0%, var(--bug-navy) 100%);justify-items:center;gap:1.2vh;padding:2.8vh 2vw 2.6vh;display:grid;position:relative}.fc-winner{color:var(--fc-team);letter-spacing:.08em;font-size:6vh;font-weight:700}.fc-score{letter-spacing:0;align-items:center;gap:.22em;font-size:13vh;font-weight:700;display:flex}.fc-dash{color:#f4f7ff80;font-weight:600}.fc-names{color:#f4f7ffd1;letter-spacing:.06em;white-space:nowrap;justify-content:center;gap:.5em;max-width:100%;font-size:2.7vh;font-weight:600;display:flex}.fc-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.fc-sep{color:#f4f7ff73}.fc-names[hidden]{display:none}.fc-stats{border-collapse:collapse;table-layout:fixed;width:100%}.fc-stats th,.fc-stats td{text-align:center;border-top:1px solid #f4f7ff29;height:4.6vh;padding:.1em 1vw 0}.fc-stats thead th{background:var(--bug-navy-2);letter-spacing:.1em;border-top-color:#f4f7ff42;height:3.8vh;font-size:2.2vh;font-weight:700}.fc-stats thead .fc-label{width:46%}.fc-dot{vertical-align:middle;border-radius:50%;width:.55em;height:.55em;margin:0 .45em .08em 0;display:inline-block}.fc-team.azul .fc-dot{background:var(--azul)}.fc-team.rojo .fc-dot{background:var(--rojo)}.fc-val{font-size:3.2vh;font-weight:700}.fc-stats tbody .fc-label{color:#f4f7ffbd;letter-spacing:.08em;font-size:2.2vh;font-weight:600}.fc-shared{color:var(--bug-white);vertical-align:-.08em;margin-left:.6em;font-size:1.45em;font-weight:700}.fc-foot{background:var(--bug-navy-2);border-top:max(2px, .3vh) solid var(--optic);align-items:center;gap:1.4vw;min-height:7.6vh;padding:1.4vh 1.6vw 1.4vh 2vw;display:flex}.fc-q{letter-spacing:.05em;font-size:4vh;font-weight:700}.fc-count{align-items:baseline;gap:.5vh;display:flex}.fc-count-n{font-size:3.2vh;font-weight:700}.fc-count-label{color:#f4f7ffb8;letter-spacing:.08em;font-size:2vh;font-weight:600}.fc-actions{gap:.6vw;margin-left:auto;display:flex}.fc-actions button{padding:.6em 1.3em;font-size:clamp(14px,2.2vh,30px)}.fc-wait{color:#f4f7ffc7;letter-spacing:.06em;margin-left:auto;font-size:2.3vh;font-weight:600}.fc-count[hidden],.fc-actions[hidden],.fc-wait[hidden]{display:none}body.final-up #scorebug,body.final-up #serveprompt,body.final-up #labels{opacity:0}@media (prefers-reduced-motion:reduce){#finalcard,#finalcard.in,#finalcard.out{clip-path:none}#finalcard{opacity:0}#finalcard.in{opacity:1;transition:opacity .22s linear}#finalcard.out{opacity:0;transition:opacity .18s linear,visibility 0s .18s}#votepanel.show,#reactbar.open{animation:none}.rb-item:hover{translate:none}}.glyph{width:auto;height:var(--glyph-h,22px);flex:none;display:block;overflow:visible}.glyph-wasd,.glyph-arrows{height:calc(var(--glyph-h,22px) * 32 / 22)}.glyph-line{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.glyph-text{fill:currentColor;font-family:var(--font-broadcast);letter-spacing:.03em;font-weight:700}.glyph-hl{fill:var(--optic)}#controls{--ct-rule:#f4f7ff29;width:44vw;min-width:540px;max-width:calc(100vw - 2 * var(--hud-inset));background:var(--bug-navy);color:var(--bug-white);font-family:var(--font-broadcast);text-transform:uppercase;-webkit-user-select:none;user-select:none;border:1px solid #f4f7ff61;line-height:1;display:none;position:fixed;top:40%;left:50%;translate:-50% -50%;box-shadow:0 12px 40px #03060e8c}#controls.show{animation:ct-in .26s var(--ease-out);display:block}@keyframes ct-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.ct-head{background:var(--bug-white);height:4.6vh;min-height:30px;color:var(--bug-ink);letter-spacing:.12em;place-items:center;padding-top:.08em;font-size:clamp(18px,3.1vh,44px);font-weight:700;display:grid}.ct-cols{background:linear-gradient(180deg, #172649 0%, var(--bug-navy) 100%);grid-template-columns:1fr 1fr;display:grid}.ct-col{align-content:start;justify-items:center;gap:1.8vh;padding:2.2vh 1.6vw;display:grid}.ct-col+.ct-col{border-left:1px solid var(--ct-rule)}.ct-colhead{color:#f4f7ffb8;letter-spacing:.16em;font-size:clamp(14px,2.2vh,30px);font-weight:700}.ct-move-keys{--glyph-h:clamp(30px, 5vh, 72px);align-items:center;gap:1.2vw;margin-top:.6vh;display:flex}.ct-or{color:#f4f7ff99;letter-spacing:.08em;font-size:clamp(14px,2.1vh,30px);font-weight:600}.ct-mice{--glyph-h:clamp(36px, 6vh, 86px);gap:2.8vw;display:flex}.ct-fig,.ctl-fig{justify-items:center;display:grid}.ct-fig{gap:1vh}.ct-fig-label{letter-spacing:.08em;font-size:clamp(16px,2.6vh,38px);font-weight:700}.ct-notes{text-align:center;justify-items:center;gap:.8vh;display:grid}.ct-note{color:#f4f7ffc7;letter-spacing:.05em;font-size:clamp(13px,1.9vh,28px);font-weight:600}.ct-other{--glyph-h:clamp(22px, 3.2vh, 46px);border-top:1px solid var(--ct-rule);grid-template-columns:1fr 1fr;gap:1.4vh 2vw;padding:2vh 1.8vw 2.2vh;display:grid}.ct-other-single{border-top:0;grid-template-columns:1fr}.ct-row{align-items:center;gap:.8vw;min-width:0;display:flex}.ct-row-wide{grid-column:1/-1}.ct-keys{flex:none;align-items:center;gap:.35vw;display:flex}.ct-slash{color:#f4f7ff99;font-size:clamp(14px,2.2vh,32px)}.ct-label{letter-spacing:.06em;white-space:nowrap;font-size:clamp(15px,2.4vh,34px);font-weight:700}.ct-rownote{color:#f4f7ffc7;letter-spacing:.04em;text-transform:none;white-space:nowrap;font-size:clamp(14px,2.2vh,32px);font-weight:600}.ct-rownote:before{content:"";background:#f4f7ff4d;width:1px;height:.9em;margin:0 .8em -.1em .2em;display:inline-block}.ct-chip{border:max(1.5px, .12vw) solid var(--optic);letter-spacing:.06em;border-radius:2px;flex:none;padding:.4em .7em .32em;font-size:clamp(13px,1.9vh,28px);font-weight:700}.ct-foot{background:var(--bug-navy-2);border-top:max(2px, .3vh) solid var(--optic);justify-content:space-between;align-items:center;gap:1.4vw;padding:1.4vh 1.8vw;display:flex}.ct-again{--glyph-h:clamp(18px, 2.7vh, 38px);color:#f4f7ffb8;letter-spacing:.06em;align-items:center;gap:.6vw;font-size:clamp(13px,2vh,28px);font-weight:600;display:flex}.ct-foot .ct-reset{margin-left:auto;padding:.6em 1.2em;font-size:clamp(13px,2vh,28px)}.ct-foot .primary-btn{padding:.6em 1.8em;font-size:clamp(14px,2.2vh,30px)}#ctl-legend{--glyph-h:clamp(20px, 3vh, 42px);--ctl-plate:#0f1a33bd;color:var(--bug-white);font-family:var(--font-broadcast);text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:opacity .24s var(--ease-out), bottom .16s var(--ease-out);align-items:stretch;gap:.5vw;line-height:1;display:none;position:fixed;bottom:4.6vh;right:4.9vw}#ctl-legend.show{display:flex}.ctl-mini{background:var(--ctl-plate);pointer-events:none;border-radius:2px;align-items:flex-end;gap:1.3vw;padding:1vh 1vw .9vh;display:flex}.ctl-mini:empty{display:none}.ctl-fig{gap:.7vh}.ctl-fig .ct-fig-label{color:#f4f7ffdb;letter-spacing:.1em;font-size:clamp(12px,1.7vh,24px)}.ctl-help{appearance:none;background:var(--ctl-plate);color:#f4f7ffdb;cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);border:0;border-radius:2px;place-items:center;padding:0 .7vw;display:grid}.ctl-help:hover,.ctl-help[aria-expanded=true]{background:var(--bug-navy);color:var(--bug-white)}.ctl-help:focus-visible{outline:2px solid var(--bug-white);outline-offset:2px}body.in-rally #ctl-legend{opacity:.55}body.in-rally #ctl-legend.spectator{opacity:.7}body.banner-up #ctl-legend,body.final-up #ctl-legend,#votepanel.show~#ctl-legend{opacity:0;pointer-events:none}#takeseat.show~#ctl-legend{bottom:calc(4.6vh + 2.6 * var(--t-sm) + 1.2vh)}@media (prefers-reduced-motion:reduce){#controls.show{animation:none}}#join{--ju:min(1vw, 1.7778vh);--join-muted:#f4f7ffad;z-index:10;padding:calc(4 * var(--ju)) max(16px, 4.6 * var(--ju)) 0 0;background:linear-gradient(90deg, #0f1a3300 46%, #0f1a3359 55%, #0f1a33d1 62%, var(--bug-navy) 69%);color:var(--bug-white);font-family:var(--font-broadcast);cursor:default;animation:join-panel .32s var(--ease-out) backwards;justify-content:flex-end;align-items:center;display:none;position:fixed;inset:0}#join.show{display:flex}body.join-up #scorebug,body.join-up #conn{visibility:hidden}.join-col{width:max(250px, 20.6 * var(--ju));flex-direction:column;display:flex}.join-mark{font-family:var(--font-broadcast);font-size:max(88px, 8.7 * var(--ju));letter-spacing:0;text-align:center;text-transform:uppercase;font-weight:700;line-height:.86}.join-mark span{display:block}.join-form{margin-top:max(18px, 1.65 * var(--ju));flex-direction:column;display:flex}.join-label{color:var(--join-muted);font-size:max(16px, 1.6 * var(--ju));letter-spacing:.02em;text-transform:uppercase;font-weight:500;line-height:1}#nick-input{margin-top:max(7px, .65 * var(--ju));height:max(38px, 3.1 * var(--ju));color:var(--bug-white);caret-color:var(--optic);font-family:var(--font-broadcast);font-size:max(18px, 1.6 * var(--ju));letter-spacing:.02em;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:#f4f7ff24;border:1px solid #f4f7ff57;border-radius:4px;outline:none;padding:0 .55em;font-weight:600}#nick-input:hover{border-color:#f4f7ff8c}#nick-input:focus{border-color:var(--optic);box-shadow:0 0 0 1px var(--optic);background:#f4f7ff2e}.join-meta{margin-top:max(4px, .35 * var(--ju));font-size:max(15px, 1.4 * var(--ju));justify-content:space-between;align-items:baseline;gap:1em;font-weight:500;line-height:1.15;display:flex}#nick-msg{color:#ff8a8b}#nick-count{color:var(--join-muted);font-variant-numeric:tabular-nums;margin-left:auto}#nick-count.full{color:var(--optic)}#nick-go{appearance:none;margin-top:max(8px, .65 * var(--ju));height:max(56px, 4.65 * var(--ju));background:var(--optic);color:var(--bug-ink);font-family:var(--font-broadcast);font-size:max(32px, 3.1 * var(--ju));letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background-color .14s var(--ease-out), transform .14s var(--ease-out), box-shadow .14s var(--ease-out);border:none;border-radius:4px;font-weight:700;line-height:1;box-shadow:0 6px 18px #03060e59}#nick-go:hover{background:#edf86b;box-shadow:0 8px 22px #03060e73}#nick-go:active{background:#d4e22f;transform:translateY(1px);box-shadow:0 3px 10px #03060e59}#nick-go:focus-visible{outline:2px solid var(--bug-white);outline-offset:3px}#join[data-view=outdated] .join-label,#join[data-view=outdated] #nick-input,#join[data-view=outdated] #nick-count{display:none}#join[data-view=outdated] #nick-msg{color:var(--bug-white);font-size:max(19px, 1.75 * var(--ju));text-align:center;width:100%;font-weight:600;line-height:1.2}.join-loading{margin-top:max(18px, 1.65 * var(--ju));display:none}#join[data-view=loading] .join-form{display:none}#join[data-view=loading] .join-loading{display:block}.join-bar{height:max(3px, .25 * var(--ju));background:#f4f7ff29;position:relative;overflow:hidden}.join-bar:after{content:"";background:var(--optic);width:38%;animation:1.3s cubic-bezier(.65,0,.35,1) infinite join-bar;position:absolute;inset:0}.join-loading h2{margin-top:max(14px, 1.3 * var(--ju));font-size:max(24px, 2.1 * var(--ju));text-transform:uppercase;font-weight:700;line-height:1}.join-loading p{margin-top:max(8px, .75 * var(--ju));color:var(--join-muted);font-size:max(16px, 1.5 * var(--ju));text-wrap:pretty;font-weight:500;line-height:1.25}.join-loading .join-hint{color:var(--bug-white);font-weight:600}.join-controls{--glyph-h:max(24px, 2.45 * var(--ju));margin-top:max(16px, 1.45 * var(--ju));color:var(--optic);justify-content:space-between;padding:0 .2em;list-style:none;display:flex}.join-controls li{align-items:center;gap:max(5px, .45 * var(--ju));flex-direction:column;display:flex}.jc-glyph{height:calc(var(--glyph-h) * 32 / 22);align-items:flex-end;display:flex}.jc-label{font-size:max(16px, 1.5 * var(--ju));letter-spacing:.02em;text-transform:uppercase;font-weight:600;line-height:1}.join-room{margin-top:max(20px, 1.85 * var(--ju));color:var(--join-muted);font-size:max(16px, 1.6 * var(--ju));font-variant-numeric:tabular-nums;text-align:center;font-weight:500;line-height:1}.join-mark span{animation:join-wipe .26s var(--ease-out) backwards}.join-mark span:first-child{animation-delay:40ms}.join-mark span:nth-child(2){animation-delay:80ms}.join-mark span:nth-child(3){animation-delay:.12s}.join-label,#nick-input,.join-loading{animation:join-rise .24s var(--ease-out) .17s backwards}#nick-go{animation:join-rise .24s var(--ease-out) .23s backwards}.join-controls,.join-room{animation:join-fade .3s var(--ease-out) .28s backwards}@keyframes join-panel{0%{opacity:0}}@keyframes join-wipe{0%{clip-path:inset(0 0 100%);transform:translateY(.18em)}to{clip-path:inset(0 0 -10%)}}@keyframes join-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes join-fade{0%{opacity:0}}@keyframes join-bar{0%{transform:translate(-100%)}to{transform:translate(265%)}}@media (prefers-reduced-motion:reduce){#join,#join *,#join :after{animation:none}.join-bar:after{opacity:.6;width:100%}}@media (aspect-ratio<=5/4){#join{--ju:min(1.6vw, 1.3vh);background:#0f1a33e6;justify-content:center;padding:16px}.join-col{width:min(100%, max(300px, 26 * var(--ju)))}}#desktop-note{display:none}@media (hover:none) and (pointer:coarse){#desktop-note{z-index:20;padding:calc(5px + env(safe-area-inset-top,0px)) 40px 5px;background:var(--bug-navy);border-bottom:2px solid var(--optic);color:var(--bug-white);font-family:var(--font-broadcast);letter-spacing:.06em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.25;display:flex;position:fixed;top:0;left:0;right:0}}#desktop-note .dn-close{appearance:none;width:30px;height:26px;color:var(--bug-white);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1;position:absolute;bottom:1px;right:6px}