:root{--bg:#0b1220;--surface:#131c2e;--surface-2:#1b2740;--line:#2a3a5c;--text:#f2f6ff;--muted:#aebbd6;--accent:#4f9dff;--accent-ink:#04122a;--ok:#43c478;--warn:#ffb020;--danger:#ff6b6b;--behind:#ffb020;--ahead:#5fb0ff;--radius:14px;--tap:44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:480px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}.btn{min-height:var(--tap);border-radius:var(--radius);background:var(--surface-2);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn:active{filter:brightness(1.15)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-danger{background:var(--danger);color:#2a0606}.btn-ghost{border:1px solid var(--line);background:0 0}.btn-block{width:100%}.btn:disabled{opacity:.4}.scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.pad{padding:14px}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.center{text-align:center}h1,h2{margin:0}.screen-title{padding:14px 14px 4px;font-size:20px;font-weight:800}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{color:var(--muted);font-size:13px}.input,select{min-height:var(--tap);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:16px}.setup-player{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:10px}.setup-player .name-input{flex:1}.num-input{text-align:center;width:64px}.flagrow{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.toggle{border:1px solid var(--line);background:var(--surface-2);min-height:36px;color:var(--muted);border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.toggle.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.toggle.start.on{background:var(--ok);color:#04210f;border-color:var(--ok)}.footer{border-top:1px solid var(--line);padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--surface)}.clock-zone{border-bottom:1px solid var(--line);background:var(--surface);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.clock-row{align-items:center;gap:14px;display:flex}.clock-main{flex-direction:column;gap:2px;display:flex}.clock-time{font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.clock-time.up{color:var(--warn);animation:1s ease-in-out infinite pulse}.clock-period{color:var(--muted);letter-spacing:.06em;font-size:13px;font-weight:700}.clock-btn{min-width:104px;min-height:56px;font-size:18px}.subbar{border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:10px;display:flex}.subtimer{align-items:baseline;gap:8px;display:flex}.subtimer-label{color:var(--muted);font-size:12px;font-weight:700}.subtimer-time{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.subtimer.due .subtimer-label,.subtimer.due .subtimer-time{color:var(--warn)}.subtimer.due .subtimer-time{animation:1s ease-in-out infinite pulse}.subbar-btn{min-height:40px;padding:0 12px;font-size:13px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.game-header{justify-content:space-between;align-items:center;padding:6px 14px 0;display:flex}.brand{color:var(--muted);font-size:14px;font-weight:800}.btn-sm{min-height:36px;padding:0 12px;font-size:13px}.legend{margin:0 0 12px;font-size:12px;line-height:1.6}.legend strong{color:var(--text)}.oncourt{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.chip{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);touch-action:manipulation;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.chip-top{align-items:center;gap:10px;min-height:52px;display:flex}.chip-stats{gap:6px;display:flex}.statbtn{background:var(--surface-2);border:1px solid var(--line);min-height:38px;color:var(--muted);border-radius:9px;flex:1;font-size:13px;font-weight:700}.statbtn:active{filter:brightness(1.25)}.statbtn.warn{color:var(--warn);border-color:var(--warn)}.statbtn.foulout{color:var(--danger);border-color:var(--danger)}.chip.next-off{border-color:var(--warn);background:#ffb02014}.bench-chip.next-on{border-color:var(--ok);background:#43c4781a}.chip.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.chip.paused{opacity:.7}.chip-tap{min-width:0;min-height:44px;color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:10px;display:flex}.chip-num{background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex}.chip-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chip-name{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;display:block;overflow:hidden}.chip-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.chip-min{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.fair{border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.fair.behind{color:var(--behind);background:#ffb0202e}.fair.ahead{color:var(--ahead);background:#5fb0ff29}.fair.even{color:var(--muted);background:#aebbd629}.fouls{gap:3px;display:inline-flex}.dot{background:var(--line);border-radius:50%;width:7px;height:7px}.dot.f{background:var(--warn)}.dot.fout{background:var(--danger)}.chip-more{width:var(--tap);height:var(--tap);color:var(--muted);border-radius:10px;font-size:20px}.tag{background:var(--surface-2);color:var(--muted);border-radius:5px;padding:1px 5px;font-size:10px;font-weight:800}.tag.star{color:#ffd75e}.tag.bh{color:var(--ok)}.tag.anchor{color:var(--ahead)}.needs{color:var(--behind);background:#ffb0201f;border-radius:10px;margin:0 14px 8px;padding:8px 12px;font-size:13px;font-weight:600}.bench{padding:0 14px 8px}.bench-title{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700}.bench-list{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.bench-chip{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-align:left;min-width:92px;min-height:56px;color:inherit;touch-action:manipulation;flex-direction:column;flex:none;gap:2px;padding:8px 10px;display:flex}.bench-chip.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.bench-chip.out{opacity:.45}.action-zone{border-top:1px solid var(--line);background:var(--surface);padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.rotation{border-radius:var(--radius);background:var(--surface-2);padding:12px}.rotation-head{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.rotation-line{margin:6px 0 2px;font-size:16px;font-weight:700}.rotation-why{color:var(--muted);margin-bottom:10px;font-size:13px}.holding{color:var(--muted);padding:6px 0;font-size:15px;font-weight:700}.sheet-backdrop{z-index:20;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-dismiss{background:0 0;position:absolute;inset:0}.sheet{z-index:1;background:var(--surface);border-top:1px solid var(--line);width:100%;max-width:480px;padding:14px 14px calc(16px + env(safe-area-inset-bottom));border-top-left-radius:20px;border-top-right-radius:20px;max-height:86dvh;position:relative;overflow-y:auto}.sheet-title{margin-bottom:10px;font-size:18px;font-weight:800}.seg{gap:6px;display:flex}.seg .toggle{flex:1;justify-content:center}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--line);z-index:30;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}.toast .btn{min-height:38px}.banner{color:var(--danger);background:#ff6b6b24;border-radius:10px;margin:12px 14px;padding:12px;font-weight:600}.resume-banner{background:var(--surface-2);border:1px solid var(--accent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 14px;padding:12px;display:flex}.summary-player{border-bottom:1px solid var(--line);padding:10px 0}.summary-row{align-items:center;gap:10px;display:flex}.summary-stats{color:var(--muted);gap:12px;margin-top:6px;padding-left:102px;font-size:12px;display:flex}.bar{background:var(--surface-2);border-radius:999px;flex:1;height:10px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.focus-result{margin:4px 0 0;font-weight:700}.focus-result.done{color:var(--ok)}.view-seg{gap:6px}.view-seg .toggle{min-height:36px;padding:0 16px}.focus{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;margin:10px 14px 0;padding:8px 12px}.focus.done{border-color:var(--ok)}.focus-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.focus-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.focus-count{font-variant-numeric:tabular-nums;font-weight:800}.focus.done .focus-count{color:var(--ok)}.focus .bar>span{background:var(--ok)}.board{min-height:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.court{aspect-ratio:5/6;border-radius:var(--radius);border:2px solid var(--line);background:radial-gradient(120% 55% at 50% 0%, #4f9dff24, transparent 60%), var(--surface);touch-action:none;width:100%;max-width:420px;margin:0 auto;position:relative;overflow:hidden}.court-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.court-svg rect,.court-svg circle,.court-svg path,.court-svg line{fill:none;stroke:#aebbd659;stroke-width:1.5px;vector-effect:non-scaling-stroke}.court-svg .hoop{fill:var(--accent);stroke:none}.court-spot{letter-spacing:.04em;text-transform:uppercase;color:#aebbd680;pointer-events:none;white-space:nowrap;font-size:10px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.disc{background:var(--accent);width:58px;height:58px;color:var(--accent-ink);touch-action:none;z-index:2;border:2px solid #ffffff2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0006}.disc:active{filter:brightness(1.12)}.disc.selected{box-shadow:0 0 0 3px var(--text), 0 4px 12px #00000080}.disc-num{font-size:18px;font-weight:800}.disc-name{text-overflow:ellipsis;white-space:nowrap;max-width:52px;font-size:10px;font-weight:700;overflow:hidden}.board-bench{flex:none;padding:0}.board-hint{text-align:center;flex:none;margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){*{transition:none;animation:none}}