:root{--ink: #14212b;--ink-2: #4a5a63;--ink-3: #7a888f;--paper: #f3f6f5;--surface: #ffffff;--sunk: #eaf0ed;--line: #d3dcd8;--line-2: #e5ebe8;--pitch: #1f6b45;--pitch-hover: #185a39;--pitch-wash: #e3f1e9;--pitch-ink: #0f4a2d;--yellow: #f2c230;--yellow-wash: #fdf3cf;--yellow-ink: #634700;--red: #c8322b;--red-wash: #fbe5e3;--red-ink: #8f1f1a;--focus: #2f7ad8;--display: "Barlow Condensed", "Barlow", system-ui, sans-serif;--body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--r-control: 6px;--r-panel: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--ink: #e4ebe8;--ink-2: #aab8b2;--ink-3: #7f8e88;--paper: #0f1714;--surface: #17221e;--sunk: #1e2b26;--line: #2d3d37;--line-2: #24322d;--pitch: #3b9a68;--pitch-hover: #46ab76;--pitch-wash: #18342a;--pitch-ink: #9fdcbb;--yellow-wash: #3a3214;--yellow-ink: #f5d76e;--red: #e0574f;--red-wash: #3b1d1b;--red-ink: #f4a39d;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--body)}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;margin:0;letter-spacing:.005em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}p{margin:0 0 .75em}a{color:var(--pitch)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.small{font-size:.875rem}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:40px;padding:0 16px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--pitch);border-color:var(--pitch);color:#fff}.btn.primary:hover{background:var(--pitch-hover)}.btn.danger{color:var(--red-ink);border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.btn.quiet{border-color:transparent;background:transparent;color:var(--ink-2)}.btn.quiet:hover{background:var(--sunk)}.btn.small{min-height:32px;padding:0 10px;font-size:.875rem}.btn.big{min-height:54px;font-size:1.1rem;width:100%}label.field{display:grid;gap:4px;font-size:.9rem;font-weight:600;color:var(--ink-2)}label.field>span.hint{font-weight:400;color:var(--ink-3);font-size:.82rem}.input,select.input,textarea.input{width:100%;min-height:44px;padding:8px 12px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:400}textarea.input{min-height:84px;resize:vertical;line-height:1.45}.input:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 25%,transparent)}.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--ink);cursor:pointer}.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--pitch)}.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line);border-radius:var(--r-control);overflow:hidden;background:var(--surface)}.seg button{min-height:44px;padding:0 14px;border:0;border-left:1px solid var(--line);background:transparent;font-weight:600;color:var(--ink-2);cursor:pointer}.seg button:first-child{border-left:0}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg button.ok[aria-pressed=true]{background:var(--pitch);color:#fff}.seg button.problem[aria-pressed=true]{background:var(--yellow);color:#2b2000}.seg button.red[aria-pressed=true]{background:var(--red);color:#fff}.seg.full{display:grid;width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--sunk);color:var(--ink-2);white-space:nowrap}.chip:before{content:"";width:8px;height:11px;border-radius:1.5px;background:var(--ink-3)}.chip.green{background:var(--pitch-wash);color:var(--pitch-ink)}.chip.green:before{background:var(--pitch)}.chip.yellow{background:var(--yellow-wash);color:var(--yellow-ink)}.chip.yellow:before{background:var(--yellow)}.chip.red{background:var(--red-wash);color:var(--red-ink)}.chip.red:before{background:var(--red)}.chip.plain:before{display:none}.banner{padding:12px 14px;border-radius:var(--r-control);border-left:4px solid var(--ink-3);background:var(--sunk);margin:0 0 16px}.banner.red{border-color:var(--red);background:var(--red-wash);color:var(--red-ink)}.banner.yellow{border-color:var(--yellow);background:var(--yellow-wash);color:var(--yellow-ink)}.banner.green{border-color:var(--pitch);background:var(--pitch-wash);color:var(--pitch-ink)}.banner ul{margin:6px 0 0;padding-left:20px}.banner p:last-child{margin-bottom:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel)}.stack{display:grid;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.grid2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ref{max-width:560px;margin:0 auto;padding:0 16px 120px}.ref-head{padding:22px 0 14px}.ref-head .comp{color:var(--ink-2);font-weight:600;font-size:.95rem}.ref-head h1{font-size:clamp(2rem,9vw,2.6rem);margin:4px 0 6px;text-wrap:balance}.ref-head h1 .v{color:var(--ink-3);font-weight:400;padding:0 .15em}.ref-head .when{font-size:1rem;color:var(--ink-2)}.steps{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:6px 0 18px;border-bottom:1px solid var(--line)}.steps button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 2px;text-align:left;cursor:pointer;color:var(--ink-3);font-weight:600;margin-bottom:-1px}.steps button[aria-current=step]{color:var(--ink);border-color:var(--ink)}.steps button:disabled{cursor:default}.steps .n{font-family:var(--display);font-size:1.1rem;margin-right:6px}.steps .done-mark{color:var(--pitch)}.ref section{margin:0 0 26px}.ref section>h2{font-size:1.35rem;margin-bottom:10px}.check-item{padding:12px 0;border-top:1px solid var(--line-2);display:grid;gap:10px}.check-item:first-of-type{border-top:0}.check-item .label{font-weight:500;line-height:1.35}.check-item .rule{color:var(--ink-3);font-size:.85rem;margin-left:6px;white-space:nowrap}.check-item .seg{width:100%;display:grid}.score{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.score .score-side{display:grid;gap:6px;justify-items:center;text-align:center}.score .team{font-weight:600;font-size:.95rem;color:var(--ink-2);line-height:1.2;min-height:2.4em;display:flex;align-items:flex-end}.score .dash{font-family:var(--display);font-size:2.6rem;color:var(--ink-3);padding-bottom:14px}.stepper{display:grid;grid-template-columns:48px 64px 48px;align-items:center;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);overflow:hidden}.stepper button{height:64px;border:0;background:var(--sunk);font-size:1.6rem;font-weight:600;cursor:pointer;color:var(--ink)}.stepper button:disabled{color:var(--ink-3);cursor:default}.stepper output{font-family:var(--display);font-size:2.6rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.entry{display:grid;grid-template-columns:64px 1fr 72px;gap:8px;align-items:end;padding:10px 0;border-top:1px solid var(--line-2)}.entry .who{grid-column:1 / -1;font-size:.85rem;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:8px}.cardbox{padding:12px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);display:grid;gap:10px;margin-bottom:10px}.cardbox.yellow{border-left:6px solid var(--yellow)}.cardbox.second_yellow{border-left:6px solid var(--yellow);box-shadow:inset 6px 0 0 var(--red)}.cardbox.red{border-left:6px solid var(--red)}.dock{position:fixed;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.dock-inner{max-width:560px;margin:0 auto;display:grid;gap:6px}.dock .status-line{font-size:.85rem;color:var(--ink-2);text-align:center}.done-card{text-align:left;padding:22px}.done-card .big{font-family:var(--display);font-size:2.2rem;font-weight:600;line-height:1.05;margin-bottom:14px}.measure{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-2)}.full-msg{max-width:460px;margin:18vh auto 0;padding:0 20px}.full-msg h1{margin-bottom:10px}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.app>div{min-width:0}.side{background:var(--ink);color:#dfe7e3;padding:18px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}@media (prefers-color-scheme: dark){.side{background:#0a110e;border-right:1px solid var(--line)}}.brand{font-family:var(--display);font-size:1.7rem;font-weight:700;letter-spacing:-.01em;color:#fff;padding:0 8px 2px}.brand sup{font-size:.55em;color:var(--yellow);margin-left:1px}.side .league{padding:0 8px 16px;font-size:.85rem;color:#a9b8b1}.side .league select{width:100%;background:transparent;color:#fff;border:1px solid #3a4a52;border-radius:6px;padding:4px 6px;margin-top:4px}.side .league select option{color:#000}.nav a{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:6px;color:#c9d4cf;text-decoration:none;font-weight:600}.nav a:hover{background:#1f2f39;color:#fff}.nav a.active{background:#26394400;box-shadow:inset 3px 0 0 var(--yellow);background-color:#203039;color:#fff}.nav .count{font-family:var(--display);font-size:.95rem;background:var(--red);color:#fff;border-radius:999px;padding:0 7px;min-width:22px;text-align:center}.side .me{margin-top:auto;font-size:.8rem;color:#93a39c;padding:8px;display:grid;gap:6px}.side .me button{justify-self:start;background:none;border:0;color:#c9d4cf;padding:0;cursor:pointer;text-decoration:underline}.main{padding:24px 28px 60px;min-width:0}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{font-size:2.1rem}.page-head .sub{color:var(--ink-2);margin:4px 0 0}.test-strip{background:var(--yellow-wash);color:var(--yellow-ink);border-bottom:1px solid color-mix(in srgb,var(--yellow) 50%,transparent);padding:6px 28px;font-size:.875rem;font-weight:500}@media (max-width: 860px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:10px 12px}.side .league{padding:0 8px;order:3;width:100%}.nav{display:flex;flex-wrap:wrap;order:2;width:100%}.nav a{padding:7px 9px}.side .me{display:none}.main{padding:18px 16px 50px}.test-strip{padding:6px 16px}.qitem{grid-template-columns:1fr}.qitem .acts{grid-row:auto;grid-column:1;justify-content:flex-start}}.queue-group{margin-bottom:26px}.queue-group>h2{display:flex;align-items:center;gap:10px;margin-bottom:8px}.queue-group>h2 .num{color:var(--ink-3);font-weight:500}.qitem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:12px 16px;border-top:1px solid var(--line-2);align-items:start}.qitem:first-child{border-top:0}.qitem .match{font-weight:600}.qitem .meta{font-size:.85rem;color:var(--ink-2)}.qitem .what{grid-column:1}.qitem .acts{grid-row:1 / span 2;grid-column:2;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.resolve-form{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.resolve-form .input{flex:1;min-width:220px;min-height:36px}.empty{padding:28px 18px;text-align:left;color:var(--ink-2)}.empty strong{display:block;color:var(--ink);font-family:var(--display);font-size:1.3rem;margin-bottom:4px}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:.93rem}table.t th{text-align:left;font-weight:600;color:var(--ink-2);font-size:.82rem;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface);position:sticky;top:0}table.t td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}table.t tr:last-child td{border-bottom:0}table.t tbody tr.click{cursor:pointer}table.t tbody tr.click:hover td{background:var(--sunk)}table.t tr.day td{background:var(--paper);font-family:var(--display);font-size:1.05rem;font-weight:600;padding:14px 12px 6px;color:var(--ink-2)}table.t td.r,table.t th.r{text-align:right}.vs{color:var(--ink-3);padding:0 4px}.scoreline{font-family:var(--display);font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.toolbar .input,.toolbar select.input{width:auto;min-height:38px}.tabs{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-control);overflow:hidden;background:var(--surface)}.tabs button{border:0;border-left:1px solid var(--line);background:transparent;padding:7px 12px;font-weight:600;color:var(--ink-2);cursor:pointer}.tabs button:first-child{border-left:0}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a120f6b;z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--paper);z-index:21;overflow-y:auto;border-left:1px solid var(--line);display:flex;flex-direction:column}.drawer-head{padding:18px 20px 14px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:1}.drawer-head h2{font-size:1.7rem}.drawer-body{padding:18px 20px 40px;display:grid;gap:22px}.drawer-body h3{margin-bottom:8px}.dialog{position:fixed;z-index:21;top:5vh;left:50%;transform:translate(-50%);width:min(880px,calc(100vw - 24px));max-height:90vh;overflow-y:auto;background:var(--paper);border-radius:var(--r-panel);border:1px solid var(--line)}.dialog .drawer-head{border-radius:var(--r-panel) var(--r-panel) 0 0}@media (prefers-reduced-motion: no-preference){.drawer{animation:slide-in .16s ease-out}@keyframes slide-in{0%{transform:translate(24px)}}}dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:.93rem}dl.kv dt{color:var(--ink-2)}dl.kv dd{margin:0}ul.plain{list-style:none;margin:0;padding:0}ul.plain li{padding:7px 0;border-top:1px solid var(--line-2)}ul.plain li:first-child{border-top:0}.history{font-size:.85rem;color:var(--ink-2)}.pct{display:inline-grid;grid-template-columns:auto auto;gap:0 6px;align-items:baseline}.pct b{font-family:var(--display);font-size:1.15rem;font-weight:600}.pct span{font-size:.8rem;color:var(--ink-3)}.pct.green b{color:var(--pitch-ink)}.pct.yellow b{color:var(--yellow-ink)}.pct.red b{color:var(--red-ink)}.list-editor .li{display:grid;grid-template-columns:130px 1fr 110px auto;gap:8px;align-items:center;padding:6px 0}@media (max-width: 640px){.list-editor .li{grid-template-columns:1fr 1fr}}.login{max-width:400px;margin:14vh auto 0;padding:0 20px}.login .brand{color:var(--ink);font-size:2.6rem;padding:0;margin-bottom:4px}.login .brand sup{color:var(--pitch)}
