:root{--primitive-brand-navy:#0b1f3b;--primitive-brand-blue:#2e7df6;--primitive-brand-lime:#a4ff47;--primitive-surface-light:#e9eef5;--primitive-text-dark:#111827;--primitive-white:#fff;--primitive-success-dark:#4ade80;--primitive-warning-dark:#fbbf24;--primitive-danger-dark:#fca5a5;--primitive-info-dark:#93c5fd;--primitive-success-light:#166534;--primitive-warning-light:#92400e;--primitive-danger-light:#991b1b;--primitive-info-light:#1e40af;--primitive-font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primitive-font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--primitive-space-1:.25rem;--primitive-space-2:.5rem;--primitive-space-3:.75rem;--primitive-space-4:1rem;--primitive-space-5:1.25rem;--primitive-space-6:1.5rem;--primitive-space-8:2rem;--primitive-space-10:2.5rem;--primitive-space-12:3rem;--primitive-space-16:4rem;--primitive-radius-control:.75rem;--primitive-radius-panel:1.25rem;--primitive-radius-pill:999px;--primitive-motion-press:.12s;--primitive-motion-standard:.18s;--primitive-ease-out:cubic-bezier(.16, 1, .3, 1);--primitive-layer-dialog:51;--primitive-layer-overlay:50;--primitive-layer-toast:52;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--semantic-canvas:var(--primitive-brand-navy);--semantic-surface:color-mix(in srgb, var(--primitive-brand-navy) 88%, white);--semantic-surface-raised:color-mix(in srgb, var(--primitive-brand-navy) 76%, white);--semantic-foreground:var(--primitive-white);--semantic-foreground-muted:var(--primitive-surface-light);--semantic-accent:var(--primitive-brand-blue);--semantic-live:var(--primitive-brand-lime);--semantic-border:color-mix(in srgb, var(--primitive-surface-light) 35%, transparent);--semantic-border-strong:var(--primitive-brand-blue);--semantic-success:var(--primitive-success-dark);--semantic-warning:var(--primitive-warning-dark);--semantic-danger:var(--primitive-danger-dark);--semantic-info:var(--primitive-info-dark);--semantic-overlay:color-mix(in srgb, var(--primitive-brand-navy) 72%, transparent)}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--semantic-canvas:var(--primitive-surface-light);--semantic-surface:var(--primitive-white);--semantic-surface-raised:color-mix(in srgb, var(--primitive-surface-light) 64%, white);--semantic-foreground:var(--primitive-text-dark);--semantic-foreground-muted:var(--primitive-text-dark);--semantic-border:color-mix(in srgb, var(--primitive-text-dark) 22%, transparent);--semantic-border-strong:var(--primitive-brand-blue);--semantic-success:var(--primitive-success-light);--semantic-warning:var(--primitive-warning-light);--semantic-danger:var(--primitive-danger-light);--semantic-info:var(--primitive-info-light);--semantic-overlay:color-mix(in srgb, var(--primitive-text-dark) 48%, transparent)}}:root{--component-touch-target:2.75rem;--component-button-primary-background:var(--primitive-brand-lime);--component-button-primary-foreground:var(--primitive-brand-navy);--component-button-secondary-background:var(--semantic-surface-raised);--component-button-secondary-foreground:var(--semantic-foreground);--component-button-secondary-border:var(--semantic-foreground-muted);--component-button-disabled-background:var(--semantic-surface-raised);--component-button-disabled-foreground:var(--semantic-foreground-muted);--component-focus-ring:var(--primitive-brand-blue);--component-layer-overlay:var(--primitive-layer-overlay);--component-layer-dialog:var(--primitive-layer-dialog);--component-layer-toast:var(--primitive-layer-toast);--component-score-foreground:var(--semantic-foreground);--component-live-indicator:var(--primitive-brand-lime);--component-heading-accent:var(--primitive-brand-lime);--type-body:1rem/1.5 var(--primitive-font-sans);--type-label-size:.75rem;--type-label:.75rem/1.25 var(--primitive-font-sans);--type-display-size:clamp(2.75rem, 8vw, 5.5rem)}@media (prefers-color-scheme:light){:root{--component-heading-accent:var(--primitive-brand-navy)}}
.ui-button__label{justify-content:center;align-items:center;gap:var(--primitive-space-2);min-inline-size:0;display:inline-flex}.ui-button__spinner{flex:none;animation:.9s linear infinite ui-icon-spin}.button--icon .ui-button__label{justify-content:center}.button--point .ui-button__label{justify-items:start;gap:var(--primitive-space-1);text-align:start;inline-size:100%;display:grid}.ui-card{border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-panel);min-inline-size:0;padding:var(--primitive-space-4);background:var(--semantic-surface);color:var(--semantic-foreground)}.ui-card--raised{background:var(--semantic-surface-raised);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--semantic-canvas) 18%, transparent)}.ui-card--flat{box-shadow:none;background:0 0}.ui-badge{justify-content:center;align-items:center;gap:var(--primitive-space-2);border-radius:var(--primitive-radius-pill);min-block-size:1.75rem;font-size:var(--type-label-size);letter-spacing:.055em;white-space:nowrap;border:1px solid #0000;padding:.2rem .65rem;font-weight:700;line-height:1.2;display:inline-flex}.ui-badge--neutral{border-color:var(--semantic-border);background:var(--semantic-surface-raised);color:var(--semantic-foreground)}.ui-badge--live{background:var(--semantic-live);color:var(--primitive-brand-navy)}.ui-badge--success{border-color:var(--semantic-success);color:var(--semantic-success)}.ui-badge--warning{border-color:var(--semantic-warning);color:var(--semantic-warning)}.ui-badge--danger{border-color:var(--semantic-danger);color:var(--semantic-danger)}.ui-badge__icon,.ui-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-segmented-control{border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-control);background:var(--semantic-surface);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem;min-inline-size:0;padding:.25rem;display:grid}.ui-segmented-control__item{min-inline-size:0;min-block-size:var(--component-touch-target);border-radius:calc(var(--primitive-radius-control) - .25rem);color:var(--semantic-foreground-muted);font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:.55rem .75rem;font-weight:680;line-height:1.2;transition:background-color .12s ease-out,color .12s ease-out,transform .1s ease-out}.ui-segmented-control__item[data-state=on]{background:var(--semantic-live);color:var(--primitive-brand-navy)}.ui-segmented-control__item:active:not(:disabled){transform:scale(.98)}.ui-segmented-control__item:focus-visible{z-index:1;outline:3px solid var(--semantic-foreground);outline-offset:2px;position:relative}.ui-segmented-control__item:disabled{cursor:not-allowed;opacity:.56}@media (hover:hover) and (pointer:fine){.ui-segmented-control__item:not([data-state=on]):hover:not(:disabled){background:var(--semantic-surface-raised);color:var(--semantic-foreground)}}.ui-switch-field{justify-content:space-between;align-items:center;gap:var(--primitive-space-4);min-block-size:3rem;display:flex}.ui-switch-field__copy{gap:var(--primitive-space-1);min-inline-size:0;display:grid}.ui-switch-field__label{color:var(--semantic-foreground);font-size:1rem;font-weight:650}.ui-switch-field__description{color:var(--semantic-foreground-muted);font-size:.875rem;line-height:1.4}.ui-switch__control{border-radius:var(--primitive-radius-pill);touch-action:manipulation;background:0 0;border:0;flex:0 0 3rem;justify-content:center;align-items:center;block-size:2.75rem;inline-size:3rem;min-inline-size:3rem;padding:0;transition:transform .1s ease-out;display:inline-flex;position:relative}.ui-switch__control:before{border:1px solid var(--component-button-secondary-border);border-radius:var(--primitive-radius-pill);background:var(--semantic-surface);content:"";block-size:1.5rem;inline-size:2.75rem;transition:background-color .14s ease-out,border-color .14s ease-out;position:absolute}.ui-switch__control[data-state=checked]:before{border-color:var(--semantic-live);background:var(--semantic-live)}.ui-switch__control:focus-visible{outline:3px solid var(--semantic-foreground);outline-offset:2px}.ui-switch__control:active:not(:disabled){transform:scale(.96)}.ui-switch__control:disabled{cursor:not-allowed;opacity:.56}.ui-switch__thumb{z-index:1;border-radius:var(--primitive-radius-pill);background:var(--semantic-foreground);block-size:1.125rem;inline-size:1.125rem;box-shadow:0 1px 3px color-mix(in srgb, var(--semantic-canvas) 30%, transparent);transition:inset-inline-start .14s var(--primitive-ease-out), background-color .14s ease-out;position:absolute;inset-inline-start:.25rem}.ui-switch__control[data-state=checked] .ui-switch__thumb{background:var(--primitive-brand-navy);inset-inline-start:1.75rem}.ui-team-player-card{align-content:start;min-inline-size:0}.ui-team-player-card--end{text-align:end}.ui-team-player-card--end .server-indicator{justify-self:end}.ui-timer{gap:var(--primitive-space-1);align-content:start;min-inline-size:0;display:grid}.ui-timer__label{color:var(--semantic-foreground-muted);font-size:var(--type-label-size);letter-spacing:.12em;text-transform:uppercase;font-weight:680}.ui-timer__value{color:var(--semantic-foreground);font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:760;line-height:1}.ui-timer__status{color:var(--semantic-foreground-muted);font-size:.875rem;line-height:1.35}.ui-visually-hidden{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}.ui-select-field{gap:var(--primitive-space-2);min-inline-size:0;display:grid}.ui-select-field__label{color:var(--semantic-foreground);font-size:var(--type-label-size);font-weight:680}.ui-select__trigger{inline-size:100%;min-block-size:var(--component-touch-target);justify-content:space-between;align-items:center;gap:var(--primitive-space-3);border:1px solid var(--component-button-secondary-border);border-radius:var(--primitive-radius-control);padding-inline:var(--primitive-space-4);background:var(--semantic-surface);color:var(--semantic-foreground);font:inherit;text-align:start;touch-action:manipulation;font-size:1rem;transition:border-color .12s ease-out,background-color .12s ease-out;display:flex}.ui-select__trigger:focus-visible{outline:3px solid var(--semantic-foreground);outline-offset:2px}.ui-select__trigger[data-state=open]{border-color:var(--component-button-secondary-border);background:var(--semantic-surface-raised)}.ui-select__trigger[aria-disabled=true]{cursor:not-allowed;opacity:.56}.ui-select__icon{color:var(--semantic-foreground-muted);flex:none;transition:transform .14s ease-out;display:inline-flex}.ui-select__trigger[data-state=open] .ui-select__icon{transform:rotate(180deg)}.ui-select__content{z-index:var(--component-layer-dialog);min-inline-size:var(--radix-select-trigger-width);max-block-size:min(20rem, var(--radix-select-content-available-height));border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-control);background:var(--semantic-surface-raised);color:var(--semantic-foreground);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--semantic-canvas) 26%, transparent);overscroll-behavior:contain;overflow:hidden}.ui-select__viewport{max-block-size:inherit;overscroll-behavior:contain;padding:.25rem;overflow-y:auto}.ui-select__item{min-block-size:var(--component-touch-target);border-radius:calc(var(--primitive-radius-control) - .2rem);color:var(--semantic-foreground);touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding-inline:.8rem 2.8rem;font-size:1rem;line-height:1.3;display:flex;position:relative}.ui-select__item[data-highlighted]{background:var(--semantic-live);color:var(--primitive-brand-navy)}.ui-select__item[data-disabled]{cursor:not-allowed;opacity:.56}.ui-select__indicator{justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:.8rem}.ui-score-display{border-collapse:separate;inline-size:100%;border-spacing:0 var(--primitive-space-1);table-layout:fixed}.ui-score-display__metric{inline-size:22%;color:var(--semantic-foreground-muted);font-size:var(--type-label-size);letter-spacing:.08em;text-align:start;text-transform:uppercase;font-weight:700}.ui-score-display__value{border-radius:var(--primitive-radius-control);inline-size:32%;color:var(--component-score-foreground);font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(1.25rem,3.4vw,2rem);font-weight:760;line-height:1.25}.ui-score-display__separator{inline-size:6%;color:var(--semantic-foreground-muted);text-align:center;font-size:.875rem}.ui-score-display__row--emphasized .ui-score-display__value{background:var(--semantic-live);color:var(--primitive-brand-navy)}.nativa-toaster{z-index:var(--component-layer-toast);--normal-bg:var(--semantic-surface-raised);--normal-text:var(--semantic-foreground);--normal-border:var(--semantic-border)}.nativa-toaster [data-sonner-toast]{font-family:var(--primitive-font-sans);border:1px solid var(--semantic-border)!important;border-radius:var(--primitive-radius-panel)!important;background:var(--semantic-surface-raised)!important;color:var(--semantic-foreground)!important;box-shadow:0 .75rem 2rem color-mix(in srgb, var(--semantic-canvas) 24%, transparent)!important}.nativa-toaster [data-sonner-toast] [data-icon]{color:var(--semantic-foreground-muted)}.nativa-toaster [data-sonner-toast][data-type=success] [data-icon]{color:var(--semantic-success)}.nativa-toaster [data-sonner-toast][data-type=warning] [data-icon]{color:var(--semantic-warning)}.nativa-toaster [data-sonner-toast][data-type=error] [data-icon]{color:var(--semantic-danger)}.nativa-toast{font-size:.95rem;font-weight:620}.ui-icon-spin{animation:.9s linear infinite ui-icon-spin}@keyframes ui-icon-spin{to{transform:rotate(360deg)}}.ui-dialog__overlay{z-index:var(--component-layer-overlay);background:var(--semantic-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:ui-scrim-in var(--primitive-motion-press) ease-out both;position:fixed;inset:0}.ui-dialog{z-index:var(--component-layer-dialog);gap:var(--primitive-space-5);max-block-size:calc(100dvh - env(safe-area-inset-top,0px) - var(--primitive-space-4));overscroll-behavior:contain;border:1px solid var(--semantic-border);background:var(--semantic-surface-raised);color:var(--semantic-foreground);box-shadow:0 1.25rem 3.5rem color-mix(in srgb, var(--semantic-canvas) 44%, transparent);animation:ui-dialog-in var(--primitive-motion-standard) var(--primitive-ease-out) both;display:grid;position:fixed;overflow-y:auto}.ui-dialog--sheet{inline-size:min(100%,38rem);padding:var(--primitive-space-3) var(--primitive-space-5) calc(var(--primitive-space-6) + env(safe-area-inset-bottom,0px));border-radius:var(--primitive-radius-panel) var(--primitive-radius-panel) 0 0;margin-inline:auto;inset-block-end:0;inset-inline:0}.ui-dialog--modal{inline-size:min(100% - 2rem,36rem);padding:var(--primitive-space-6);border-radius:var(--primitive-radius-panel);inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.ui-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--primitive-space-4);display:flex}.ui-dialog__heading{gap:var(--primitive-space-2);min-inline-size:0;display:grid}.ui-dialog__title{color:var(--semantic-foreground);text-wrap:balance;margin:0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:720;line-height:1.2}.ui-dialog__description{color:var(--semantic-foreground-muted);margin:0;font-size:.9375rem;line-height:1.45}.ui-dialog__close{flex:none;margin-block-start:-.25rem}@keyframes ui-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translate(0,0)}}.ui-dialog--modal[data-state=open]{animation-name:ui-modal-in}@keyframes ui-modal-in{0%{opacity:0;transform:translate(-50%,calc(.5rem - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.ui-dialog,.ui-dialog__overlay{animation:none}}
*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;scrollbar-color:var(--semantic-border-strong) var(--semantic-canvas);min-block-size:100%}body{background:var(--semantic-canvas);min-block-size:100dvh;color:var(--semantic-foreground);font:var(--type-body);text-rendering:optimizelegibility;margin:0}::selection{background:var(--primitive-brand-lime);color:var(--primitive-brand-navy)}button,a{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{color:inherit;font:inherit}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}.skip-link{z-index:10;border-radius:var(--primitive-radius-control);background:var(--primitive-brand-lime);color:var(--primitive-brand-navy);padding:var(--primitive-space-3) var(--primitive-space-4);font-weight:750;text-decoration:none;position:fixed;inset-block-start:calc(var(--primitive-space-3) + env(safe-area-inset-top,0px));inset-inline-start:var(--primitive-space-3);transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}button:focus-visible,a:focus-visible{outline:3px solid var(--component-focus-ring);outline-offset:3px}p,h1,h2,h3{margin:0}h1,h2,h3{text-wrap:balance}.app-frame{min-block-size:100dvh;padding-block-start:calc(var(--primitive-space-4) + env(safe-area-inset-top,0px));padding-block-end:calc(var(--primitive-space-4) + env(safe-area-inset-bottom,0px));padding-inline:clamp(var(--primitive-space-4), 4vw, var(--primitive-space-10));flex-direction:column;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--primitive-space-4);border-block-end:1px solid var(--semantic-border);min-block-size:3.5rem;padding-block-end:var(--primitive-space-3);display:flex}.app-header__identity,.app-header__status{align-items:center;gap:var(--primitive-space-4);min-inline-size:0;display:flex}.app-header__status{justify-content:flex-end}.wordmark{gap:.125rem;text-decoration:none;display:grid}.wordmark__name{letter-spacing:.035em;font-size:.95rem;font-weight:800}.wordmark__tagline,.header-context,.connectivity-status__label,.team-panel__label,.demo-timer__label,.button__eyebrow,.foundation-row__label{font-size:var(--type-label-size);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.wordmark__tagline{color:var(--semantic-foreground-muted);letter-spacing:.12em;font-weight:600}.back-link{border-radius:var(--primitive-radius-control);min-block-size:2.75rem;color:var(--semantic-foreground-muted);align-items:center;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.header-context{color:var(--semantic-foreground-muted)}.connectivity-status{align-items:center;gap:var(--primitive-space-2);border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-pill);min-block-size:2.5rem;padding:0 var(--primitive-space-3);color:var(--semantic-foreground);white-space:nowrap;display:inline-flex}.connectivity-status__dot,.server-indicator__dot{border-radius:var(--primitive-radius-pill);background:var(--semantic-info);flex:none;block-size:.55rem;inline-size:.55rem}.connectivity-status[data-state=online] .connectivity-status__dot{background:var(--semantic-success)}.connectivity-status[data-state=offline] .connectivity-status__dot{background:var(--semantic-danger)}.connectivity-status__label{letter-spacing:.04em;text-transform:none}.home-main{align-items:center;gap:clamp(var(--primitive-space-8), 8vw, var(--primitive-space-16));width:min(100%,78rem);padding-block:clamp(var(--primitive-space-10), 9vh, var(--primitive-space-16));flex:1;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);margin-inline:auto;display:grid}.home-copy{gap:var(--primitive-space-6);max-inline-size:62ch;display:grid}.home-title{max-inline-size:11ch;font-size:var(--type-display-size);letter-spacing:-.045em;font-weight:760;line-height:.98}.home-title span{color:var(--component-heading-accent)}.home-lede{max-inline-size:54ch;color:var(--semantic-foreground-muted);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6}.home-actions{align-items:center;gap:var(--primitive-space-3);flex-wrap:wrap;margin-block-start:var(--primitive-space-2);display:flex}.button{justify-content:center;align-items:center;gap:var(--primitive-space-2);border-radius:var(--primitive-radius-control);cursor:pointer;text-align:center;min-block-size:3rem;min-inline-size:3rem;transition:background-color var(--primitive-motion-press) var(--primitive-ease-out), color var(--primitive-motion-press) var(--primitive-ease-out), border-color var(--primitive-motion-press) var(--primitive-ease-out), transform var(--primitive-motion-press) var(--primitive-ease-out);border:1px solid #0000;padding:.75rem 1rem;font-weight:720;line-height:1.2;text-decoration:none;display:inline-flex}.button:active:not(:disabled){transform:scale(.985)}.button:focus-visible{outline:3px solid var(--semantic-foreground);outline-offset:3px}.button--compact{min-block-size:var(--component-touch-target);min-inline-size:var(--component-touch-target);padding:.6rem .85rem;font-size:.9rem}.button--large{min-block-size:3.5rem}.button--icon{inline-size:var(--component-touch-target);min-inline-size:var(--component-touch-target);padding:0}.button--quiet{color:var(--semantic-foreground-muted);background:0 0;border-color:#0000}.button--danger{border-color:var(--semantic-danger);color:var(--semantic-danger);background:0 0}.button--primary,.button--point{background:var(--component-button-primary-background);color:var(--component-button-primary-foreground)}.button--secondary{border-color:var(--component-button-secondary-border);background:var(--component-button-secondary-background);color:var(--component-button-secondary-foreground)}.button:disabled{border-color:var(--semantic-border);background:var(--component-button-disabled-background);color:var(--component-button-disabled-foreground);cursor:not-allowed}.foundation-panel{border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-panel);background:var(--semantic-surface);padding:clamp(var(--primitive-space-5), 3vw, var(--primitive-space-8))}.foundation-panel__title{margin-block-end:var(--primitive-space-5);font-size:1.1rem;font-weight:730}.foundation-list{margin:0;display:grid}.foundation-row{justify-content:space-between;align-items:baseline;gap:var(--primitive-space-4);border-block-start:1px solid var(--semantic-border);padding-block:var(--primitive-space-4);display:flex}.foundation-row dt{color:var(--semantic-foreground-muted)}.foundation-row dd{font-variant-numeric:tabular-nums;text-align:end;margin:0;font-weight:700}.foundation-note{color:var(--semantic-foreground-muted);margin-block-start:var(--primitive-space-4);font-size:.9rem;line-height:1.5}.app-footer{justify-content:space-between;gap:var(--primitive-space-2) var(--primitive-space-5);border-block-start:1px solid var(--semantic-border);width:min(100%,78rem);color:var(--semantic-foreground-muted);font-size:var(--type-label-size);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;margin-inline:auto;padding-block-start:var(--primitive-space-4);font-weight:650;display:flex}.page-main{width:min(100%,72rem);padding-block:clamp(var(--primitive-space-5), 4vh, var(--primitive-space-8));flex:1;margin-inline:auto}.route-heading{justify-content:space-between;align-items:end;gap:var(--primitive-space-3);flex-wrap:wrap;margin-block-end:var(--primitive-space-5);display:flex}.app-frame--live .route-heading{margin-block-end:var(--primitive-space-3)}.route-title{letter-spacing:-.035em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:750;line-height:1.05}.route-subtitle{max-inline-size:58ch;color:var(--semantic-foreground-muted)}.demo-disclosure{align-items:center;gap:var(--primitive-space-2) var(--primitive-space-3);flex-wrap:wrap;margin-block-end:var(--primitive-space-4);display:flex}.demo-disclosure__badge{border-radius:var(--primitive-radius-pill);background:var(--semantic-live);min-block-size:1.75rem;color:var(--primitive-brand-navy);padding-inline:var(--primitive-space-3);font-size:var(--type-label-size);letter-spacing:.1em;align-items:center;font-weight:850;display:inline-flex}.demo-disclosure__copy{color:var(--semantic-foreground-muted);font-size:.9rem}.live-demo-layout{gap:var(--primitive-space-4);display:grid}.demo-scoreboard{border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-panel);background:var(--semantic-surface);min-inline-size:0;padding:clamp(var(--primitive-space-4), 3vw, var(--primitive-space-6))}.score-rail{gap:var(--primitive-space-3);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"score score""team-a team-b";display:grid}.team-panel{align-content:start;gap:var(--primitive-space-2);border-block-start:1px solid var(--semantic-border);min-inline-size:0;padding-block:var(--primitive-space-3);display:grid}.team-panel--a{grid-area:team-a}.team-panel--b{text-align:end;grid-area:team-b}.team-panel__label{color:var(--semantic-foreground-muted);letter-spacing:.12em}.team-panel__players{letter-spacing:-.02em;font-size:clamp(1rem,2vw,1.25rem);font-weight:690}.team-panel__players span{color:var(--semantic-foreground-muted);padding-inline:.15em}.server-indicator{width:fit-content;align-items:center;gap:var(--primitive-space-2);border-radius:var(--primitive-radius-pill);background:var(--semantic-live);min-block-size:1.75rem;color:var(--primitive-brand-navy);padding-inline:var(--primitive-space-3);font-size:var(--type-label-size);letter-spacing:.03em;font-weight:800;display:inline-flex}.team-panel--b .server-indicator{justify-self:end}.server-indicator__dot{background:currentColor;block-size:.4rem;inline-size:.4rem}.score-panel{border-radius:var(--primitive-radius-control);background:var(--semantic-surface-raised);padding:var(--primitive-space-3) var(--primitive-space-4);grid-area:score;display:table}.demo-meta-rail{gap:var(--primitive-space-2);border-block-start:1px solid var(--semantic-border);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--primitive-space-4);padding-block-start:var(--primitive-space-3);display:grid}.demo-timer,.demo-connectivity,.demo-serve-side{align-content:start;gap:var(--primitive-space-1);min-inline-size:0;display:grid}.demo-timer{align-items:baseline;gap:0 var(--primitive-space-2);grid-template-columns:max-content minmax(0,1fr)}.demo-timer__label{color:var(--semantic-foreground-muted);font-size:var(--type-label-size);letter-spacing:.07em}.demo-timer .ui-timer__label{grid-area:1/1}.demo-timer .ui-timer__value{grid-area:1/2;justify-self:end;font-size:1.4rem}.demo-timer .ui-timer__status{color:var(--semantic-foreground-muted);grid-column:1/-1;font-size:.8rem;font-weight:650}.demo-serve-side strong{color:var(--semantic-foreground-muted);font-size:.8rem;font-weight:650}.demo-serve-side{grid-column:1/-1;justify-content:space-between;align-items:center;min-block-size:2.5rem;display:flex}.demo-connectivity .connectivity-status{border:0;justify-self:start;min-block-size:1.75rem;padding:0}.demo-connectivity .connectivity-status__label{font-size:.8rem}.demo-controls{gap:var(--primitive-space-3);display:grid}.point-actions{gap:var(--primitive-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button--point{border-radius:var(--primitive-radius-panel);min-block-size:4.75rem;padding:var(--primitive-space-4) var(--primitive-space-5);text-align:start;flex-direction:column;justify-content:center;align-items:flex-start}.button__eyebrow{letter-spacing:.12em}.button__team{font-size:.9rem;font-weight:650}.demo-secondary-bar{justify-content:space-between;align-items:center;gap:var(--primitive-space-3);border-block-start:1px solid var(--semantic-border);flex-wrap:nowrap;padding-block-start:var(--primitive-space-3);display:flex}.undo-control{align-items:center;gap:var(--primitive-space-2) var(--primitive-space-3);flex-wrap:nowrap;min-inline-size:0;display:flex}.undo-control__note{color:var(--semantic-foreground-muted);font-size:var(--type-label-size);white-space:nowrap}.secondary-actions{gap:var(--primitive-space-2);border-block-start:1px solid var(--semantic-border);grid-template-columns:minmax(0,1fr);padding-block-start:var(--primitive-space-3);display:grid}.secondary-actions .button{min-block-size:var(--component-touch-target);text-align:start;justify-content:flex-start;font-size:.9rem}.placeholder-layout{gap:var(--primitive-space-6);max-inline-size:54rem;padding-block:clamp(var(--primitive-space-8), 10vh, var(--primitive-space-16));margin-inline:auto;display:grid}.placeholder-copy{max-inline-size:60ch;color:var(--semantic-foreground-muted);font-size:1.05rem;line-height:1.65}.placeholder-boundary{gap:var(--primitive-space-3);border-block-start:1px solid var(--semantic-border);border-block-end:1px solid var(--semantic-border);padding-block:var(--primitive-space-5);display:grid}.placeholder-boundary strong{color:var(--semantic-foreground)}.placeholder-actions{align-items:center;gap:var(--primitive-space-3);flex-wrap:wrap;display:flex}@media (hover:hover) and (pointer:fine){.button--primary:hover:not(:disabled),.button--point:hover:not(:disabled){background:color-mix(in srgb, var(--primitive-brand-lime) 88%, white)}.button--secondary:hover:not(:disabled),.button--quiet:hover:not(:disabled),.back-link:hover{border-color:var(--semantic-accent);color:var(--semantic-foreground)}.button--danger:hover:not(:disabled){background:var(--semantic-danger);color:var(--semantic-surface-raised)}}@media (max-width:48rem){.home-main{align-content:center;gap:var(--primitive-space-8);padding-block:var(--primitive-space-10);grid-template-columns:minmax(0,1fr)}.home-title{max-inline-size:10ch}.foundation-panel{max-inline-size:38rem}.header-context{display:none}}@media (min-width:56rem) and (min-height:40rem) and (orientation:landscape){.app-frame{padding-inline:clamp(var(--primitive-space-8), 5vw, var(--primitive-space-16))}.live-demo-layout{align-items:start;gap:var(--primitive-space-5);grid-template-columns:minmax(0,1.55fr) minmax(18rem,.78fr)}.score-rail{align-items:stretch;gap:var(--primitive-space-3);grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.9fr);grid-template-areas:"team-a score team-b"}.team-panel{padding-block:var(--primitive-space-2);border-block-start:0;align-content:center}.team-panel--a{border-inline-end:1px solid var(--semantic-border);padding-inline-end:var(--primitive-space-3)}.team-panel--b{border-inline-start:1px solid var(--semantic-border);padding-inline-start:var(--primitive-space-3)}.score-panel{align-self:center}.demo-meta-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-serve-side{align-content:start;gap:var(--primitive-space-1);grid-column:auto;min-block-size:0;display:grid}.demo-controls{position:sticky;inset-block-start:var(--primitive-space-4)}.point-actions{grid-template-columns:minmax(0,1fr)}.button--point{min-block-size:5.25rem}}@media (max-height:44rem) and (orientation:portrait){.app-frame--live{padding-block-start:calc(var(--primitive-space-2) + env(safe-area-inset-top,0px));padding-block-end:calc(var(--primitive-space-2) + env(safe-area-inset-bottom,0px))}.app-frame--live .page-main{padding-block:var(--primitive-space-3)}.app-frame--live .route-heading{margin-block-end:var(--primitive-space-3)}.app-frame--live .demo-scoreboard{padding:var(--primitive-space-3)}.app-frame--live .demo-meta-rail{margin-block-start:var(--primitive-space-2);padding-block-start:var(--primitive-space-2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.f3-page-main{inline-size:min(100%,72rem);margin-inline:auto}.f3-workflow,.f3-result-page{gap:var(--primitive-space-5);min-inline-size:0;display:grid}.f3-workflow__heading,.f3-result-page__heading,.f3-live-match__topline,.f3-live-score-card__heading,.f3-live-toolbar,.f3-step-actions,.f3-dialog-actions,.f3-result-actions{justify-content:space-between;align-items:center;gap:var(--primitive-space-3);min-inline-size:0;display:flex}.f3-workflow__heading,.f3-result-page__heading{align-items:flex-start}.f3-workflow__heading>div,.f3-result-page__heading>div{gap:var(--primitive-space-2);min-inline-size:0;display:grid}.f3-workflow__lede,.f3-help-copy,.f3-readonly-setting p,.f3-notice,.f3-warmup-card__intro p,.f3-match-complete p,.f3-result-winner p{color:var(--semantic-foreground-muted)}.f3-workflow__lede{max-inline-size:68ch}.f3-kicker{color:var(--component-heading-accent);font:var(--type-label);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.f3-stepper{gap:var(--primitive-space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.f3-stepper li{align-items:baseline;gap:var(--primitive-space-1);border-block-end:2px solid var(--semantic-border);min-inline-size:0;color:var(--semantic-foreground-muted);font:var(--type-label);overflow-wrap:anywhere;padding-block-end:var(--primitive-space-2);font-weight:750;display:flex}.f3-stepper li[aria-current=step]{border-color:var(--semantic-live);color:var(--semantic-foreground)}.f3-step-card,.f3-live-score-card,.f3-warmup-card,.f3-match-complete,.f3-result-winner,.f3-result-history,.f3-next-set-card{border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-panel);background:var(--semantic-surface);min-inline-size:0;padding:clamp(var(--primitive-space-4), 3vw, var(--primitive-space-6))}.f3-step-card,.f3-warmup-card,.f3-next-set-card{gap:var(--primitive-space-5);display:grid}.f3-form-grid,.f3-teams-grid,.f3-next-set-grid{gap:var(--primitive-space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;display:grid}.f3-form-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.f3-config-subpanel,.f3-readonly-setting,.f3-team-entry,.f3-player-entry,.f3-event-cycle{gap:var(--primitive-space-3);min-inline-size:0;display:grid}.f3-readonly-setting,.f3-event-cycle{border-inline-start:3px solid var(--semantic-accent);background:var(--semantic-surface-raised);padding:var(--primitive-space-3) var(--primitive-space-4)}.f3-team-entry{border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-control);background:var(--semantic-surface-raised);padding:var(--primitive-space-4);align-content:start}.f3-team-entry h2,.f3-config-subpanel h3,.f3-event-cycle h3,.f3-result-history h2{font-size:1rem;font-weight:800}.f3-field{gap:var(--primitive-space-2);min-inline-size:0;color:var(--semantic-foreground);font-weight:700;display:grid}.f3-field__label{font-size:.875rem}.f3-field__input{inline-size:100%;min-inline-size:0;min-block-size:var(--component-touch-target);border:1px solid var(--semantic-border-strong);border-radius:var(--primitive-radius-control);background:var(--semantic-surface-raised);color:var(--semantic-foreground);padding:var(--primitive-space-3) var(--primitive-space-4);font:var(--type-body);font-size:16px}.f3-field__input:focus-visible{outline:3px solid var(--component-focus-ring);outline-offset:2px}.f3-field__input[type=number]{appearance:textfield}.f3-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.f3-field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.f3-field__input--duration{font-variant-numeric:tabular-nums;max-inline-size:14rem}.f3-step-actions{z-index:2;border-block-start:1px solid var(--semantic-border);background:var(--semantic-surface);padding-block:var(--primitive-space-3);flex-wrap:wrap;justify-content:flex-end;padding-block-end:calc(var(--primitive-space-3) + env(safe-area-inset-bottom,0px));position:sticky;inset-block-end:0}.f3-notice{border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-control);background:var(--semantic-surface-raised);padding:var(--primitive-space-3) var(--primitive-space-4)}.f3-notice--info{border-inline-start:4px solid var(--semantic-info)}.f3-notice--warning{border-inline-start:4px solid var(--semantic-warning)}.f3-notice--danger{border-inline-start:4px solid var(--semantic-danger)}.f3-notice>div{gap:var(--primitive-space-1);display:grid}.f3-loading{min-block-size:8rem;color:var(--semantic-foreground-muted);place-items:center;display:grid}.f3-warmup-card{text-align:start;justify-items:start}.f3-warmup-card__intro{gap:var(--primitive-space-2);display:grid}.f3-warmup-clock{color:var(--component-heading-accent);font-family:var(--primitive-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(3.5rem,18vw,7rem);font-weight:850;line-height:1}.f3-warmup-status{color:var(--semantic-foreground-muted);font-weight:650}.f3-live-match{gap:var(--primitive-space-4);min-inline-size:0;display:grid}.f3-live-controls{align-content:start;gap:var(--primitive-space-3);min-inline-size:0;display:grid}.f3-live-match__topline{border-block-end:1px solid var(--semantic-border);flex-wrap:wrap;padding-block-end:var(--primitive-space-3)}.f3-live-match__meta{align-items:center;gap:var(--primitive-space-2);flex-wrap:wrap;display:flex}.f3-team-strip{align-items:center;gap:var(--primitive-space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-inline-size:0;display:grid}.f3-team-strip__divider{color:var(--semantic-foreground-muted);font:var(--type-label);font-weight:800}.f3-live-score-card{gap:var(--primitive-space-3);display:grid}.f3-live-score-card__heading{flex-wrap:wrap}.f3-score-display{inline-size:100%}.f3-live-context{gap:var(--primitive-space-3);grid-template-columns:repeat(3,minmax(0,1fr));min-inline-size:0;display:grid}.f3-live-context__item{align-content:start;gap:var(--primitive-space-1);border:1px solid var(--semantic-border);border-radius:var(--primitive-radius-control);background:var(--semantic-surface);min-inline-size:0;padding:var(--primitive-space-3);overflow-wrap:anywhere;display:grid}.f3-live-context__item strong{font-size:.9375rem}.f3-live-context__item>span:last-child{color:var(--semantic-foreground-muted);font-size:.8125rem}.f3-change-ends{justify-content:space-between;align-items:center;gap:var(--primitive-space-3);border:1px solid var(--semantic-warning);border-radius:var(--primitive-radius-control);background:var(--semantic-surface);min-inline-size:0;padding:var(--primitive-space-3) var(--primitive-space-4);flex-wrap:wrap;display:flex}.f3-point-actions{gap:var(--primitive-space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;display:grid}.f3-point-actions>button{min-block-size:5rem;min-inline-size:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:850}.f3-live-toolbar{flex-wrap:wrap;justify-content:flex-start}.f3-match-complete{gap:var(--primitive-space-3);border-color:var(--semantic-live);display:grid}.f3-match-complete__actions,.f3-dialog-actions{flex-wrap:wrap;justify-content:flex-start}.f3-action-sheet,.f3-deferred-actions{gap:var(--primitive-space-3);display:grid}.f3-deferred-actions{border-block-start:1px solid var(--semantic-border);grid-template-columns:repeat(2,minmax(0,1fr));padding-block-start:var(--primitive-space-4)}.f3-action-sheet__pause{gap:var(--primitive-space-3);border-block-end:1px solid var(--semantic-border);padding-block-end:var(--primitive-space-4);display:grid}.f3-action-sheet__pause>div{gap:var(--primitive-space-1);display:grid}.f3-event-log,.f3-completed-sets{gap:var(--primitive-space-2);margin:0;padding:0;list-style:none;display:grid}.f3-event-log li,.f3-completed-sets li{justify-content:space-between;align-items:center;gap:var(--primitive-space-3);border-block-end:1px solid var(--semantic-border);min-inline-size:0;padding-block:var(--primitive-space-2);overflow-wrap:anywhere;display:flex}.f3-event-log time{color:var(--semantic-foreground-muted);font-family:var(--primitive-font-mono);flex:none;font-size:.75rem}.f3-result-winner{gap:var(--primitive-space-2);border-inline-start:5px solid var(--semantic-live);display:grid}.f3-result-winner h2{color:var(--component-heading-accent);font-size:clamp(1.5rem,5vw,2.25rem)}.f3-result-history{gap:var(--primitive-space-3);display:grid}.f3-result-actions{flex-wrap:wrap;justify-content:flex-start}.f3-event-cycle ol{gap:var(--primitive-space-4);flex-wrap:wrap;padding-inline-start:var(--primitive-space-5);display:flex}.f3-dialog-actions{margin-block-start:var(--primitive-space-3)}@media (max-width:42rem){.f3-workflow,.f3-result-page{gap:var(--primitive-space-4)}.f3-form-grid,.f3-form-grid--compact,.f3-teams-grid,.f3-next-set-grid{grid-template-columns:minmax(0,1fr)}.f3-stepper{gap:var(--primitive-space-1)}.f3-stepper li{font-size:.6875rem}.f3-team-strip,.f3-live-match{gap:var(--primitive-space-2)}.f3-live-score-card{gap:var(--primitive-space-2);padding:var(--primitive-space-3)}.f3-live-context__item{padding:var(--primitive-space-2)}.f3-live-controls{gap:var(--primitive-space-2)}.f3-point-actions>button{min-block-size:4rem;padding-block:var(--primitive-space-2)}.f3-live-toolbar{gap:var(--primitive-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.f3-live-toolbar>button{min-inline-size:0;padding-inline:var(--primitive-space-2);white-space:nowrap;font-size:.75rem}.f3-live-context{grid-template-columns:repeat(2,minmax(0,1fr))}.f3-live-context__item--ends{grid-column:1/-1}.f3-deferred-actions{grid-template-columns:minmax(0,1fr)}.f3-step-actions>button,.f3-result-actions>a,.f3-result-actions>button{flex:100%}}@media (min-width:48rem) and (orientation:landscape){.f3-live-match{align-items:start;column-gap:var(--primitive-space-5);grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr)}.f3-live-match>:first-child,.f3-live-match>:nth-child(2),.f3-live-match>.f3-team-strip{grid-column:1/-1}.f3-live-match>.f3-live-score-card,.f3-live-match>.f3-live-context{grid-column:1}.f3-live-match>.f3-change-ends,.f3-live-match>.f3-next-set-card,.f3-live-match>.f3-match-complete,.f3-live-match>.f3-live-controls{grid-column:2;align-self:start}}@media (hover:hover) and (pointer:fine){.f3-point-actions>button:hover,.f3-result-actions>a:hover{filter:brightness(1.06)}}@media (pointer:coarse){.f3-field__input{font-size:16px}}@media (prefers-reduced-motion:reduce){.f3-live-match *,.f3-workflow *,.f3-result-page *{scroll-behavior:auto}}