:root{--bg:#f3f6f8;--surface:#fff;--ink:#10212b;--muted:#5b6b75;--line:#d9e1e6;--brand:#b00000;--brand-ink:#fff;--link:#b00000;--chart:#b00000;--a-bg:#dcebfd;--a-ink:#173a73;--a-btn:#2f6fd6;--b-bg:#fde0e0;--b-ink:#8a1c1c;--b-btn:#d64545;--serve-bg:#dff3e3;--serve-ink:#1d5b2c;--warn-bg:#fff3c4;--warn-ink:#6b5200;--danger:#c93434;--ok:#2f8f4e;--gold:#e0b400;--silver:#9aa3ad;--bronze:#b8733a;--nickel:#6f7a86;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0d1418;--surface:#16222a;--ink:#eef3f6;--muted:#9db0bb;--line:#2a3a44;--link:#ff8f8f;--chart:#e2554a;--a-bg:#16294a;--a-ink:#cfe0ff;--b-bg:#4a1a1c;--b-ink:#ffd6d6;--serve-bg:#173a22;--serve-ink:#c6f0d1;--warn-bg:#4a3c08;--warn-ink:#ffe99a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none}a{color:var(--link)}.page{max-width:960px;margin:0 auto;padding:16px 16px 48px}.topbar{background:var(--brand);color:var(--brand-ink);padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));align-items:center;gap:12px;display:flex}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.15rem;overflow:hidden}.topbar a,.topbar button{color:inherit;font-weight:600;text-decoration:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.muted{color:var(--muted)}.small{font-size:.85rem}h2{margin:0 0 8px;font-size:1.1rem}h3{margin:0 0 6px;font-size:1rem}.btn{background:var(--surface);border:1.5px solid var(--line);min-height:44px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.go{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:default}label.field{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}.field input,.field select,.field textarea{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:1rem;font-weight:400}.field textarea{resize:vertical;min-height:220px}.check{align-items:center;gap:8px;min-height:36px;display:flex}.check input{width:20px;height:20px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 -16px 16px;padding:0 16px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;padding:12px 14px;font-weight:600}.tabs button.on{color:var(--ink);border-color:var(--brand)}.pill{background:var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}table.standings{border-collapse:collapse;width:100%;font-size:.95rem}.standings th,.standings td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}.standings th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem}.standings td.num,.standings th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.gameline{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 0;font-size:.92rem;display:flex}.gameline:last-child{border-bottom:none}.gameline .teams{flex:1;min-width:0}.gameline .sc{font-variant-numeric:tabular-nums;font-weight:700}.notice{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;padding:10px 12px;font-size:.9rem}.tier-Gold{--tier:var(--gold)}.tier-Silver{--tier:var(--silver)}.tier-Bronze{--tier:var(--bronze)}.tier-Nickel,.tier-Copper,.tier-Iron{--tier:var(--nickel)}.tier-bar{border-top:6px solid var(--tier,var(--line))}.scorer{background:var(--bg);flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.scorer .topbar{background:var(--court,var(--brand))}.scorer-nav{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:.95rem;font-weight:600;display:flex}.scorer-nav button{border-radius:8px;width:40px;height:36px;font-size:1.3rem}.scorer-body{min-height:0;padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:10px;display:flex}.teams2{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.teampanel{border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.teampanel.A{background:var(--a-bg);color:var(--a-ink);--team-btn:var(--a-btn)}.teampanel.B{background:var(--b-bg);color:var(--b-ink);--team-btn:var(--b-btn)}.teampanel .names{text-align:center;padding:10px 8px 0;font-size:1.05rem;font-weight:700;line-height:1.2}.teampanel .bigscore{font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;font-size:clamp(4rem,22vw,9rem);font-weight:800;line-height:1;display:flex}.teampanel .serving-ball{text-align:center;min-height:1.2em;font-size:.8rem;font-weight:700}.teampanel .timeout{border:2px dashed var(--team-btn);min-height:36px;color:inherit;border-radius:10px;margin:0 8px 6px;font-size:.85rem;font-weight:700}.teampanel .timeout.used{background:var(--team-btn);color:#fff;border-style:solid}.teampanel .pm{grid-template-columns:1fr 2fr;gap:6px;padding:0 8px 8px;display:grid}.teampanel .pm button{background:var(--team-btn);color:#fff;border-radius:10px;height:56px;font-size:1.8rem;font-weight:800}.teampanel .pm button.minus{border:2px solid var(--team-btn);color:inherit;background:0 0}.servebar{background:var(--serve-bg);color:var(--serve-ink);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex}.servebar .who{font-size:1.15rem;font-weight:800}.order{justify-content:space-around;align-items:flex-start;gap:4px;display:flex}.order .chip{text-align:center;flex-direction:column;align-items:center;gap:2px;max-width:25%;font-size:.75rem;display:flex}.order .chip b{border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.order .chip.A b{background:var(--a-bg);color:var(--a-ink)}.order .chip.B b{background:var(--b-bg);color:var(--b-ink)}.order .chip.now b{border-color:var(--serve-ink);box-shadow:0 0 0 3px var(--serve-bg);transform:scale(1.1)}.banner{text-align:center;border-radius:10px;padding:8px;font-size:1.05rem;font-weight:800}.banner.switch{background:var(--warn-bg);color:var(--warn-ink)}.banner.done{background:var(--serve-bg);color:var(--serve-ink)}.actions2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;max-height:90dvh;padding:16px;overflow:auto}.sheet .opt{border:1.5px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:8px;padding:0 12px;font-weight:600;display:flex}.stepper{grid-template-columns:56px 1fr 56px;align-items:center;gap:6px;display:grid}.stepper button{background:var(--team-btn,var(--brand));color:#fff;border-radius:10px;height:56px;font-size:1.6rem;font-weight:800}.stepper input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:none;width:100%;font-size:2.4rem;font-weight:800}.pickgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pickgrid button{border:2px solid #0000;border-radius:10px;min-height:52px;font-weight:700}.pickgrid button.A{background:var(--a-bg);color:var(--a-ink)}.pickgrid button.B{background:var(--b-bg);color:var(--b-ink)}.pickgrid button.sel{border-color:currentColor}.announce{left:12px;right:12px;top:max(12px, env(safe-area-inset-top));z-index:20;background:var(--warn-bg);max-width:560px;color:var(--warn-ink);border:2px solid var(--warn-ink);border-radius:var(--radius);align-items:center;gap:12px;margin:0 auto;padding:12px 14px;font-size:1.05rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000040}.help-btn{border:2px solid #ffffffd9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:800;line-height:1;display:inline-flex;color:#fff!important}.help-sheet{color:var(--ink)}.help-sheet p{margin:10px 0;line-height:1.45}.quick-card{color:#fff;background:linear-gradient(135deg,#b00000,#d9362c);border:none}.landing-hero{color:#fff;text-align:center;padding:40px 20px 36px;padding-top:max(40px, env(safe-area-inset-top));background:linear-gradient(160deg,#b00000 0%,#cc2a24 70%,#e0584a 100%);flex-direction:column;align-items:center;gap:12px;display:flex}.landing-hero h1{letter-spacing:-.02em;max-width:16ch;margin:0;font-size:clamp(1.8rem,7vw,2.8rem)}.landing-lead{max-width:560px;margin:0;font-size:1.1rem;line-height:1.5}.landing-badge{color:#10212b;letter-spacing:.06em;background:#f5c518;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:800}.landing-ctas{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.landing-ctas .btn{min-height:52px;padding:0 20px;font-size:1.05rem}.landing-ghost{color:#fff!important;background:0 0!important;border-color:#fffc!important}.landing-reward{color:#fff;border-radius:var(--radius);background:#10212b;flex-direction:column;gap:14px;padding:20px;display:flex}.landing-reward p{margin:4px 0 0}.landing-grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.landing-grid2>div{background:#ffffff14;border-radius:12px;padding:14px}.landing-features{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.landing-features .card{flex-direction:column;gap:4px;display:flex}.landing-emoji{font-size:1.6rem}.link-btn{color:var(--muted);background:0 0;border:none;align-self:flex-start;padding:4px 0;text-decoration:underline}.method-btn{text-align:left;background:var(--surface);width:100%;min-height:76px;color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;display:flex}.method-btn>span:last-child{flex-direction:column;gap:2px;font-size:1.1rem;display:flex}.method-btn .small{color:var(--muted);font-weight:400}.method-btn.recommended{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.method-icon{font-size:1.8rem}.rolloff-card ol{margin:0;padding-left:22px;font-size:1.05rem;line-height:1.7}.seed-rows{flex-direction:column;gap:8px;display:flex}.seed-row{background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:6px;transition:background .12s;display:flex}.seed-row.dragging{background:var(--serve-bg);box-shadow:0 4px 14px #0000001f}.seed-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.seed-name input{border:1.5px solid var(--line);border-radius:10px;width:100%;padding:12px 14px;font-size:1.05rem}.seed-badge{background:var(--brand);min-width:44px;height:44px;color:var(--brand-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:inline-flex}.seed-badge.blank{background:var(--line);color:var(--muted)}.seed-badge.sm{vertical-align:1px;min-width:26px;height:22px;padding:0 6px;font-size:.75rem}.drag-handle{width:36px;height:44px;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.set-card{border-top:1px solid var(--line);padding-top:8px;line-height:1.6}.best-partner{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;margin:4px 0 10px;padding:8px 12px;font-size:1.05rem}.seg{border:1.5px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);padding:6px 12px;font-weight:600}.seg button.on{background:var(--brand);color:var(--brand-ink)}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:700}.stat-value{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1.15}.stats-2col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.table-scroll{overflow-x:auto}.daily-chart svg{width:100%;height:auto;display:block}.daily-chart .grid{stroke:var(--line);stroke-width:1px}.daily-chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.daily-chart .bar{fill:var(--chart);opacity:.85}.daily-chart .bar.on{opacity:1}.chart-readout{min-height:1.5em}.hbars{gap:8px;display:grid}.hbar{grid-template-columns:minmax(90px,34%) 1fr auto;align-items:center;gap:10px;display:grid}.hbar-track{height:14px}.hbar-fill{background:var(--chart);border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.hbar-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.report{border-top:1px solid var(--line);padding-block:8px}.report:first-of-type{border-top:0}.fill-in{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;gap:8px;padding:12px}.topbar-sub{opacity:.85;font-size:.72rem;font-weight:500;line-height:1.2;display:block}.landing-from{letter-spacing:.04em;opacity:.9;margin-top:-6px;font-weight:600}.topbar h1.brand-title{white-space:normal;font-size:1.02rem;line-height:1.2}
