@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/big-shoulders-display-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/big-shoulders-display-800-latin.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:Saira;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/saira-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/saira-latin.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{--color-ground:#0d1517;--color-surface:#15211f;--color-surface2:#1d2c28;--color-line:#eef2ec1f;--color-ink:#eef2ec;--color-muted:#8a9793;--color-optic:#d9e64a;--color-opticInk:#151b06;--color-accentText:#d9e64a;--color-ok:#58c377;--color-warn:#e3b64f;--color-error:#e06060;--gradient-accent:linear-gradient(135deg, #eaf178, #c3d92f);--gradient-surface:linear-gradient(180deg, #182622, #121c19);--gradient-glow:radial-gradient(60% 80% at 50% 0%, #d9e64a21, transparent 70%);--mesh:repeating-linear-gradient(45deg, #eef2ec06 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, #eef2ec06 0 1px, transparent 1px 14px);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--tap-courtside:56px;--tap-default:44px;--motion-tap:.12s;--motion-move:.24s;--motion-tick:.16s;--motion-reorder:.32s;--font-display:"Big Shoulders Display", sans-serif;--font-body:"Saira", system-ui, sans-serif}:root[data-theme=day]{--color-ground:#eff2ea;--color-surface:#fbfcf9;--color-surface2:#e6ebe0;--color-line:#14201f24;--color-ink:#17221f;--color-muted:#64716c;--color-optic:#d5e243;--color-opticInk:#151b06;--color-accentText:#68791a;--color-ok:#2f9c53;--color-warn:#a97d17;--color-error:#c04343;--gradient-accent:linear-gradient(135deg, #e6ef67, #bdd32c);--gradient-surface:linear-gradient(180deg, #fff, #f4f7f0);--gradient-glow:radial-gradient(60% 80% at 50% 0%, #bed32c29, transparent 70%);--mesh:repeating-linear-gradient(45deg, #17221f08 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, #17221f08 0 1px, transparent 1px 14px)}.t-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:60px;font-weight:800;line-height:.95}.t-score{font-family:var(--font-display);text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:76px;font-weight:800;line-height:.9}.t-headline{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:34px;font-weight:800;line-height:1}.t-title{font-family:var(--font-body);font-size:18px;font-weight:600;line-height:1.3}.t-body{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.5}.t-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:600}:root{--shell-w:30rem;--topbar-h:52px;--chrome-bg:color-mix(in srgb, var(--color-ground) 86%, transparent);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.3, 0, 0, 1);--ease-overshoot:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,[role=button],a.btn,a.card,a.pillbar-tab,a.pillbar-action,.side,.eventrow,.round-head{touch-action:manipulation;-webkit-user-select:none;user-select:none}.ripple-clip{border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ripple-wave{background:var(--ripple-color,color-mix(in srgb, var(--color-ink) 16%, transparent));animation:ripple-expand var(--motion-reorder) cubic-bezier(.4, 0, .2, 1) forwards;pointer-events:none;border-radius:50%;position:absolute;transform:scale(0)}.btn-primary,.seg button.on,.key.save,.pillbar-tab.on{--ripple-color:color-mix(in srgb, var(--color-opticInk) 22%, transparent)}@keyframes ripple-expand{0%{opacity:1;transform:scale(0)}60%{opacity:.4;transform:scale(.7)}to{opacity:0;transform:scale(1)}}html,body,#root{min-height:100vh;margin:0}body{background:var(--mesh), var(--color-ground);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}@media (width>=760px){:root{--shell-w:48rem}}.shell{max-width:var(--shell-w);padding:0 var(--space-3) calc(var(--space-6) * 2 + env(safe-area-inset-bottom));margin:0 auto}.chrome{background:var(--chrome-bg);-webkit-backdrop-filter:blur(14px);margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3)}.topbar{z-index:6;height:var(--topbar-h);justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-line);display:flex;position:sticky;top:0}.topbar a{color:inherit;text-decoration:none}.topbar .brand{color:var(--color-muted);font-size:18px}.brand{white-space:nowrap;align-items:center;gap:.06em;text-decoration:none;display:inline-flex}.brand-ball{color:var(--color-accentText);display:inline-flex}.brand-ball svg{width:auto;height:.86em}.topbar .theme-toggle{min-height:36px;padding:6px 12px;font-size:13px}.event-head{top:var(--topbar-h);z-index:5;padding-top:var(--space-1);padding-bottom:var(--space-2);position:sticky}.event-head .progress{margin:var(--space-2) 0 var(--space-2)}.event-head .tabbar{margin:0}.actionbar{z-index:6;pointer-events:none;padding:0 var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.actionbar-inner{max-width:calc(var(--shell-w) - 2 * var(--space-3));gap:var(--space-1);margin:0 auto;display:flex}.actionbar-inner .btn{pointer-events:auto;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:15px;display:inline-flex;box-shadow:0 10px 24px -10px #0000008c}.actionbar-inner .btn-primary{opacity:.94;flex:1;font-weight:700}.actionbar-inner .btn-primary[disabled]{opacity:.45}.actionbar-inner .btn-secondary{background:color-mix(in srgb, var(--color-surface) 78%, transparent);border-color:color-mix(in srgb, var(--color-ink) 18%, transparent)}.screen{animation:rise var(--motion-move) var(--ease-standard) both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.screen-title{margin:0 0 var(--space-3)}.copied-from{margin:calc(-1 * var(--space-2)) 0 var(--space-3);color:var(--color-muted);font-size:13px}.skeleton{animation:rise var(--motion-move) var(--ease-standard) both}.bone{border-radius:var(--radius-sm);background:var(--color-surface2);display:block;position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-ink) 7%, transparent) 50%, transparent 100%);animation:shimmer 1.4s var(--ease-standard) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-row{cursor:default;grid-template-columns:1fr auto}.skeleton-stack{flex-direction:column;gap:8px;display:flex}.skeleton-gap{margin-top:var(--space-3)}.skeleton-card{margin-top:var(--space-2);flex-direction:column;gap:12px;padding:16px 18px;display:flex}@media (prefers-reduced-motion:reduce){.bone:after{display:none}}.btn{all:unset;font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;text-align:center;min-height:18px;transition:transform var(--motion-tap) var(--ease-standard);padding:13px 22px;font-size:14.5px;font-weight:600}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--color-accentText);outline-offset:2px}.btn-primary{background:var(--gradient-accent);color:var(--color-opticInk)}.btn-secondary{color:var(--color-ink);border:1.5px solid var(--color-line);background:0 0}.btn-ghost{color:var(--color-accentText);padding:13px 14px}.btn-danger{color:var(--color-error);border:1.5px solid color-mix(in srgb, var(--color-error) 45%, transparent);background:0 0}.btn[disabled]{opacity:.38;cursor:default}.btn-row{gap:var(--space-1);margin:var(--space-3) 0;flex-wrap:wrap;align-items:center;display:flex}.seg{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-pill);gap:2px;padding:4px;display:inline-flex}.seg button{all:unset;font-family:var(--font-body);color:var(--color-muted);border-radius:var(--radius-pill);cursor:pointer;padding:8px 16px;font-size:13.5px;font-weight:500}.seg button:focus-visible{outline:2px solid var(--color-accentText);outline-offset:-2px}.seg button.on{background:var(--gradient-accent);color:var(--color-opticInk);font-weight:600}.chip-row{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip{all:unset;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:8px;padding:7px 14px 7px 7px;font-size:13.5px;font-weight:500;display:inline-flex}.chip:focus-visible{outline:2px solid var(--color-accentText);outline-offset:2px}.av{border-radius:var(--radius-pill);background:var(--color-surface2);width:26px;height:26px;color:var(--color-accentText);font-family:var(--font-display);place-items:center;font-size:14px;font-weight:800;display:grid}.chip .remove{color:var(--color-muted);padding-left:2px;font-size:12px}.chip.inactive{opacity:.55}.field{margin-bottom:var(--space-3);flex-direction:column;gap:6px;display:flex}.field>label,.field>.flabel{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:11.5px;font-weight:600}.input{all:unset;background:var(--color-surface);border:1.5px solid var(--color-line);font-family:var(--font-body);color:var(--color-ink);border-radius:14px;min-height:20px;padding:12px 16px;font-size:16px}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none;display:none}.input:focus-visible{border-color:var(--color-optic)}.input::placeholder{color:var(--color-muted)}.row{gap:var(--space-2);align-items:center;display:flex}.row>*{flex:1}.row>.fixed{flex:none}.namefield{position:relative}.namefield-input{flex:1;display:flex;position:relative}.namefield-input .input{flex:1;padding-right:44px}.namefield-input .namefield-plain{padding-right:16px}.namefield-toggle{all:unset;border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-muted);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.namefield-toggle:focus-visible{outline:2px solid var(--color-optic)}.namefield-list{margin:var(--space-1) 0 0;background:var(--color-surface);border:1.5px solid var(--color-line);border-radius:14px;max-height:264px;padding:4px;list-style:none;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.namefield-option{all:unset;align-items:center;gap:var(--space-2);box-sizing:border-box;width:100%;min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:10px;padding:6px 10px;display:flex}.namefield-option:hover,.namefield-option:focus-visible{background:var(--color-surface2)}.numstep{align-items:center;gap:var(--space-1);background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;padding:4px;display:flex}.numstep button{all:unset;font-family:var(--font-display);width:var(--tap-default);cursor:pointer;height:36px;color:var(--color-muted);border:1.5px solid var(--color-line);border-radius:10px;place-items:center;font-size:20px;font-weight:800;display:grid}.numstep button.plus{background:var(--color-surface2);color:var(--color-ink);border-color:#0000}.numstep button:focus-visible{outline:2px solid var(--color-accentText)}.numstep button[disabled]{opacity:.35;cursor:default}.numstep .val{text-align:center;font-family:var(--font-display);font-variant-numeric:tabular-nums;flex:1;font-size:22px;font-weight:800}.courtcard{background:var(--gradient-surface);border:1px solid var(--color-line);margin-bottom:var(--space-2);border-radius:22px;overflow:hidden}.courtcard .head{justify-content:space-between;align-items:baseline;padding:14px 18px 0;display:flex}.courtcard .cnum{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accentText);font-size:22px;font-weight:800}.courtcard .cmeta{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.courtcard .body{flex-direction:column;gap:4px;padding:8px 10px 12px;display:flex}.courtcard .side{all:unset;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--tap-default);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background var(--motion-tap) var(--ease-standard);padding:4px 8px;font-size:15px;font-weight:600;display:flex}.courtcard .side:hover:not([disabled]){background:color-mix(in srgb, var(--color-optic) 12%, transparent)}.courtcard .side:focus-visible{outline:2px solid var(--color-accentText);outline-offset:-2px}.courtcard .side[disabled]{cursor:default}.courtcard .div{border-top:1px dashed var(--color-line);margin:2px 0}.sidepts{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:.9}.sidepts.empty{color:var(--color-muted);font-size:20px}.sidepts .tick{animation:tick var(--motion-tick) var(--ease-overshoot);display:inline-block}@keyframes tick{0%{opacity:0;transform:translateY(.35em)}}.byes{color:var(--color-muted);margin:calc(-1 * var(--space-1)) 2px var(--space-2);font-size:13px}.round{margin-bottom:var(--space-1)}.round-head{all:unset;align-items:baseline;gap:var(--space-2);box-sizing:border-box;width:100%;min-height:var(--tap-default);padding:var(--space-1) 4px;cursor:pointer;display:flex}.round-head:focus-visible{outline:2px solid var(--color-accentText);outline-offset:2px;border-radius:var(--radius-sm)}.round-head .rnum{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:20px;font-weight:800}.round.open .round-head .rnum{color:var(--color-ink)}.round-head .rmeta{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);flex:1;align-items:center;gap:6px;font-size:12px;display:inline-flex}.round.pending .round-head .rmeta{color:var(--color-warn);font-weight:600}.round.pending .round-head .rmeta:before{content:"";border-radius:var(--radius-pill);background:var(--color-warn);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-warn) 22%, transparent)}.round.pending:not(.open) .round-head{border-left:3px solid var(--color-warn);padding-left:var(--space-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb, var(--color-warn) 8%, transparent)}.round-head .chev{border:solid var(--color-muted);width:8px;height:8px;transition:transform var(--motion-tap) var(--ease-standard);border-width:0 1.5px 1.5px 0;align-self:center;transform:rotate(45deg)}.round.open .round-head .chev{transform:rotate(-135deg)}.round-body{animation:rise var(--motion-move) var(--ease-standard) both}@media (width>=760px){.round-body{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.round-body .courtcard{margin-bottom:0}.round-body .byes{grid-column:1/-1;margin:0 2px}}.progress{margin:var(--space-3) 0 var(--space-2)}.progress .ptop{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.progress .ptop b{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:20px;font-weight:800}.progress .ptop span{color:var(--color-muted);font-size:12px}.progress .track{gap:4px;display:flex}.progress .track i{border-radius:var(--radius-pill);background:var(--color-surface2);flex:1;height:6px}.progress .track i.done{background:var(--gradient-accent)}.champion{padding:var(--space-3) var(--space-3) var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--gradient-surface);border:1px solid color-mix(in srgb, var(--color-optic) 45%, var(--color-line));animation:rise var(--motion-move) var(--ease-emphasized) both;flex-direction:column;gap:2px;display:flex}.champion .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);font-size:11px;font-weight:600}.champion .name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--color-accentText);font-size:32px;font-weight:800;line-height:1}.confetti{pointer-events:none;z-index:20;width:100vw;height:100vh;position:fixed;inset:0}.board{flex-direction:column;gap:6px;display:flex}.brow{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:11px 16px;font-size:15px;font-weight:500;display:grid}.brow .rk,.brow .pt{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.brow .rk{color:var(--color-muted)}.brow .w{color:var(--color-muted);letter-spacing:.08em;font-size:11.5px}.brow.lead{background:var(--gradient-accent);color:var(--color-opticInk);border-color:#0000}.brow.lead .rk,.brow.lead .w{color:color-mix(in srgb, var(--color-opticInk) 65%, transparent)}.brow.inactive{opacity:.6}.tabbar{background:var(--color-surface);border:1px solid var(--color-line);margin:var(--space-3) 0;border-radius:20px;display:flex;overflow:hidden}.tabbar button{all:unset;text-align:center;font-family:var(--font-body);color:var(--color-muted);cursor:pointer;letter-spacing:.04em;flex:1;padding:13px 0 12px;font-size:12.5px;font-weight:500}.tabbar button:focus-visible{outline:2px solid var(--color-accentText);outline-offset:-2px}.tabbar button.on{color:var(--color-accentText);box-shadow:inset 0 -3px 0 var(--color-optic);font-weight:600}.eventrow{gap:var(--space-2);background:var(--gradient-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:border-color var(--motion-tap) var(--ease-standard);grid-template-columns:1fr auto auto auto;align-items:center;padding:14px 16px;display:grid}.eventrow:hover{border-color:color-mix(in srgb, var(--color-optic) 55%, var(--color-line))}.eventrow .ename{font-size:16px;font-weight:600}.eventrow .emeta{color:var(--color-muted);font-size:12.5px}.pill{text-transform:uppercase;letter-spacing:.14em;border-radius:var(--radius-pill);border:1px solid var(--color-line);color:var(--color-muted);padding:4px 10px;font-size:11px;font-weight:600}.pill.active{color:var(--color-accentText);border-color:color-mix(in srgb, var(--color-optic) 60%, transparent)}.empty-state{background:var(--gradient-surface);border:1px dashed var(--color-line);text-align:center;margin-top:var(--space-4);border-radius:22px;padding:40px 24px;position:relative;overflow:hidden}.empty-state:before{content:"";background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.empty-state h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:26px;font-weight:800;position:relative}.empty-state p{color:var(--color-muted);margin:0 0 var(--space-3);font-size:13.5px;position:relative}.empty-state .btn{position:relative}.empty-state .btn-row{justify-content:center;margin:0}.unsupported{background:var(--gradient-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-3);margin-top:var(--space-4);text-align:center}.unsupported h2{margin:0 0 var(--space-1)}.unsupported p{color:var(--color-muted);margin:0 auto var(--space-3);max-width:28rem}.unsupported-compact{margin-top:var(--space-3);padding:var(--space-4) var(--space-3)}.dialog-backdrop{padding:var(--space-3);z-index:10;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-backdrop.sheet-backdrop{align-items:flex-end;padding:0}.dialog{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-4);width:100%;max-width:26rem;animation:rise var(--motion-move) var(--ease-emphasized) both}.sheet{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));width:100%;max-width:32rem;animation:slide-up var(--motion-move) var(--ease-emphasized) both;border-bottom:none}.sheet .grabber{width:40px;height:4px;margin:0 auto var(--space-2);border-radius:var(--radius-pill);background:var(--color-line);display:block}@keyframes slide-up{0%{transform:translateY(100%)}}.dialog.confirm{max-width:22rem}.confirm-title{margin:0 0 var(--space-1);font-size:24px;line-height:1.1}.confirm-message{margin:0 0 var(--space-3);color:var(--color-muted);font-size:14px;line-height:1.45}.confirm-message .warn{color:var(--color-warn);font-weight:700}.sheet-head{margin-bottom:var(--space-3);flex-direction:column;gap:2px;display:flex}.sheet-head .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:11px}.sheet-head .team{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:26px;font-weight:800;line-height:1.05}.points-grid{gap:var(--space-1);grid-template-columns:repeat(5,1fr);max-height:55vh;margin:0 -2px;padding:2px;display:grid;overflow-y:auto}.points-grid .pt{all:unset;background:var(--gradient-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);min-height:52px;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink);cursor:pointer;place-items:center;font-size:24px;font-weight:800;display:grid}.points-grid .pt:hover{border-color:var(--color-accentText)}.points-grid .pt:focus-visible{outline:2px solid var(--color-accentText);outline-offset:2px}.points-grid .pt.on{background:var(--gradient-accent);color:var(--color-opticInk);border-color:#0000}.keypad-entry{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.points-display{text-align:center;font-family:var(--font-display);font-variant-numeric:tabular-nums;padding:10px 0 6px;font-size:56px;font-weight:800;line-height:1;display:block}.points-display .placeholder{color:var(--color-muted);opacity:.5}.keypad{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.keypad .key{all:unset;background:var(--gradient-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);min-height:52px;font-family:var(--font-display);color:var(--color-ink);cursor:pointer;place-items:center;font-size:24px;font-weight:800;display:grid}.keypad .key:active{transform:scale(.97)}.keypad .key:focus-visible{outline:2px solid var(--color-accentText);outline-offset:2px}.keypad .key.quiet{color:var(--color-muted);font-size:20px}.keypad .key.save{background:var(--gradient-accent);color:var(--color-opticInk);border-color:#0000}.keypad .key.save[disabled]{opacity:.35;cursor:default}.check{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);min-height:var(--tap-default);padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;user-select:none;font-size:14px;font-weight:500;display:flex}.check:hover{color:var(--color-ink)}.check input{all:unset;box-sizing:border-box;border:1.5px solid var(--color-line);background:var(--color-surface2);width:22px;height:22px;transition:background var(--motion-tap) var(--ease-standard), border-color var(--motion-tap) var(--ease-standard);border-radius:7px;flex:none;place-items:center;display:grid}.check input:after{content:"";border:solid var(--color-opticInk);width:6px;height:11px;transition:transform var(--motion-tap) var(--ease-overshoot);border-width:0 2.5px 2.5px 0;margin-top:-2px;transform:rotate(45deg)scale(0)}.check input:checked{background:var(--gradient-accent);border-color:#0000}.check input:checked:after{transform:rotate(45deg)scale(1)}.check input:focus-visible{outline:2px solid var(--color-accentText);outline-offset:2px}.check:has(input:checked){color:var(--color-ink)}.timer{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2);display:flex}.timer .time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.timer.over .time{color:var(--color-error)}.warning{color:var(--color-warn);margin:var(--space-1) 0;font-size:13px}.warning.blocking{color:var(--color-error)}.error-banner{color:var(--color-error);border:1px solid color-mix(in srgb, var(--color-error) 45%, transparent);border-radius:var(--radius-sm);padding:var(--space-2);margin:var(--space-2) 0;font-size:14px}.muted{color:var(--color-muted)}.spacer{flex:1}.playerline{align-items:center;gap:var(--space-2);min-height:var(--tap-default);border-bottom:1px solid var(--color-line);padding:6px 0;display:flex}.playerline .pname{flex:1;font-weight:500}.playerline.inactive .pname{color:var(--color-muted);text-decoration:line-through}
