:root{--bg: #0a0e0c;--surface: #141a17;--surface-2: #1c2420;--line: #29332e;--line-subtle: #222a26;--pitch: #11201a;--pitch-border: #1d3329;--green: #36c46f;--green-ink: #04140b;--green-dim: rgba(54, 196, 111, .12);--green-glow: rgba(54, 196, 111, .4);--amber: #ffb02e;--neutral: #76858f;--danger: #ff5b54;--danger-dim: rgba(255, 91, 84, .08);--danger-border: rgba(255, 91, 84, .4);--text-hi: #f2f6f4;--text-mid: #cdd9d3;--text-lo: #9cada4;--text-muted: #5d6c64;--font: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}@keyframes qtpulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}to{opacity:0}}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-hi);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}.screen{max-width:390px;margin:0 auto;display:flex;flex-direction:column;min-height:100%}.screen.debug-wide{max-width:none;width:100%}.screen.debug-wide .report-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:10px}.screen.debug-wide .report-grid>*{flex:0 0 362px;margin-bottom:0!important}.micro{font:700 10px var(--mono);color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--text-lo)}.center{text-align:center}h1{font:900 26px var(--font);letter-spacing:-.01em}h2{font:800 22px var(--font);letter-spacing:-.01em;margin:0}a{color:var(--green);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:10px 16px;font:700 16px var(--font);color:var(--text-mid);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;cursor:pointer;touch-action:manipulation;text-decoration:none}.btn:active{transform:scale(.97)}.btn.primary{background:var(--green);color:var(--green-ink);border-color:var(--green);font-weight:800;box-shadow:0 0 20px var(--green-glow)}.btn.secondary{background:var(--surface-2);color:var(--text-hi);border:1px solid var(--line)}.btn.danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger-border)}.btn.ghost{background:transparent;border-color:transparent}.btn:disabled{opacity:.4;cursor:default}.card{background:var(--surface);border:1px solid var(--line-subtle);border-radius:14px;padding:14px}input,select{min-height:44px;font:600 16px var(--font);padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text-hi);width:100%}label{display:block;font:600 16px var(--font);margin-bottom:6px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1}.btn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.btn-grid.wide{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.cap-header{display:flex;flex-direction:column;gap:8px;padding:6px 16px 12px}.cap-header-top{display:flex;align-items:center;gap:12px}.cap-header-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.cap-clock{font:800 56px var(--font);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-hi);line-height:1}.half-pill{font:800 11px var(--font);color:var(--green-ink);background:var(--green);border-radius:999px;padding:4px 9px;letter-spacing:.04em}.half-pill.inactive{color:var(--text-muted);background:var(--surface);border:1px solid var(--line)}.cap-score{display:flex;align-items:baseline;gap:10px}.cap-score-line{font:800 18px var(--font);color:var(--text-hi);font-variant-numeric:tabular-nums;white-space:nowrap}.cap-score-sub{font:600 9px var(--mono);color:var(--green);letter-spacing:.1em}.mic-btn{position:relative;width:60px;height:60px;border-radius:50%;background:var(--surface);border:2px solid var(--amber);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mic-btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--amber);opacity:0;animation:qtpulse 2s ease-out infinite}.player-section{padding:0 16px}.player-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.player-cell{position:relative;aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;font:700 24px var(--font);color:var(--text-hi);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation}.player-cell:active{transform:scale(.96)}.player-cell.selected{background:var(--green);color:var(--green-ink);font-weight:800;box-shadow:0 0 18px var(--green-glow);border-color:var(--green)}.player-sub-badge{position:absolute;top:4px;right:5px;font:700 7px var(--mono);color:var(--amber)}.last-strip{display:flex;align-items:center;gap:9px;background:#0e1310;border:1px solid #1b231e;border-radius:10px;padding:8px 12px;margin:4px 16px 0}.last-strip .time{font:600 10px var(--mono);color:var(--text-muted)}.last-strip .action{font:700 13px var(--font);color:var(--text-hi)}.last-strip .outcome{font:700 10px var(--mono)}.last-strip .outcome.pos{color:var(--amber)}.last-strip .outcome.neg{color:var(--danger)}.last-strip .undo{margin-left:auto;font:700 11px var(--font);color:var(--green);cursor:pointer}.action-dock{margin-top:10px;background:#0e1310;border-top:1px solid var(--line-subtle);padding:14px 16px 16px;flex-shrink:0}.dock-header{font:700 10px var(--mono);color:var(--text-muted);letter-spacing:.16em;margin-bottom:10px;display:flex;justify-content:space-between}.dock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dock-btn{background:var(--surface);border:1px solid var(--line);border-radius:12px;height:56px;display:flex;align-items:center;justify-content:center;font:700 14px var(--font);color:var(--text-mid);cursor:pointer;touch-action:manipulation;text-align:center;line-height:1.05}.dock-btn:active{transform:scale(.96)}.dock-btn.top{background:var(--surface-2);border:1.5px solid var(--green);color:var(--green);font-weight:800;font-size:16px}.dock-btn.selected{background:var(--green);color:var(--green-ink);font-weight:800;box-shadow:0 0 18px var(--green-glow);border-color:var(--green)}.dock-toolbar{display:flex;gap:7px;margin-top:12px}.dock-tool{flex:1;text-align:center;font:700 12px var(--font);color:var(--text-lo);background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:56px;padding:11px 0;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.dock-tool:active{transform:scale(.97)}.dock-tool.danger{color:var(--danger);background:var(--danger-dim);border-color:var(--danger-border)}.dock-tool:disabled{opacity:.4;cursor:default}.cap-instruction{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green-dim);border:1px solid rgba(54,196,111,.5);border-radius:10px;padding:9px;margin:0 16px 8px;font:800 13px var(--font);color:var(--green);letter-spacing:.02em}.event-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:9px}.event-row+.event-row{margin-top:6px}.event-row .ev-time{font:600 11px var(--mono);color:var(--text-muted)}.event-row .ev-action{font:700 14px var(--font);color:var(--text-hi)}.event-row .ev-outcome{font:700 10px var(--mono)}.event-row .ev-outcome.pos{color:var(--amber)}.event-row .ev-outcome.neg{color:var(--danger)}.event-row .ev-outcome.won{color:var(--green)}.event-row .ev-player{margin-left:auto;font:700 14px var(--font);color:var(--text-lo)}.event-row .ev-undo{margin-left:auto;display:flex;align-items:center;gap:5px;font:700 11px var(--font);color:var(--green);background:var(--green-dim);border:1px solid var(--green-glow);border-radius:8px;padding:5px 10px;cursor:pointer}.ko-picker{padding:6px 16px 18px}.ko-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ko-pitch{position:relative;background:linear-gradient(#13241cb3,#0f1d16b3),url(/fullpitch.png) center / cover no-repeat;border:1px solid var(--pitch-border);border-radius:16px;overflow:hidden;padding:8px}.ko-pitch-center-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff0f}.ko-label-goal{text-align:center;font:700 9px var(--mono);color:#ffffff59;letter-spacing:.18em;padding:2px 0 6px}.ko-row-label{position:absolute;left:6px;top:6px;font:700 9px var(--mono);color:#fff6;letter-spacing:.1em;z-index:2}.ko-zone-row{position:relative;margin-bottom:6px}.ko-zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ko-zone-cell{position:relative;height:74px;border:1.5px dashed rgba(255,255,255,.16);border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 14px var(--mono);color:var(--text-lo);cursor:pointer;touch-action:manipulation;background:transparent}.ko-zone-cell:active,.ko-zone-cell.selected{background:#36c46f57;border:2px solid var(--green);color:#fff;font-weight:800;box-shadow:0 0 22px #36c46f8c}.ko-halfway{display:flex;align-items:center;gap:8px;margin:2px 0 8px}.ko-halfway-line{flex:1;height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 8px,transparent 8px 16px)}.ko-halfway-label{font:700 8px var(--mono);color:#fff6;letter-spacing:.1em}.ko-short-band{position:relative;height:172px;border-radius:0 0 8px 8px;overflow:hidden}.ko-short-hatch{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(23% 100%,26.6% 68.5%,36.5% 45.4%,50% 37%,63.5% 45.4%,73.4% 68.5%,77% 100%);background:repeating-linear-gradient(45deg,#0c1712,#0c1712 7px,#101e17 7px,#101e17 14px);pointer-events:none}.ko-short-zone{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff06;cursor:pointer;touch-action:manipulation}.ko-short-zone:active .ko-short-fill,.ko-short-zone.selected .ko-short-fill{display:block}.ko-short-fill{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#36c46f6b}.ko-short-zone-label{position:absolute;font:800 16px var(--mono);color:#e8efe9;z-index:2;transform:translate(-50%,-50%)}.ko-short-left{clip-path:polygon(0% 0%,33% 0%,40% 43.5%,36.5% 45.4%,26.6% 68.5%,23% 100%,0% 100%)}.ko-short-centre{clip-path:polygon(33% 0%,67% 0%,60% 43.5%,50% 37%,40% 43.5%)}.ko-short-right{clip-path:polygon(67% 0%,100% 0%,100% 100%,77% 100%,73.4% 68.5%,63.5% 45.4%,60% 43.5%)}.ko-dead-label{position:absolute;left:0;right:0;text-align:center;font:700 9px var(--mono);color:#ffffff8c;letter-spacing:.14em;z-index:4;pointer-events:none}.ko-selected-box{display:flex;align-items:center;gap:10px;margin-top:14px}.ko-selected-info{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.ko-selected-label{font:600 9px var(--mono);color:var(--text-muted);letter-spacing:.12em}.ko-selected-value{font:800 18px var(--font);color:var(--green);letter-spacing:.01em}.report{padding:8px 14px 18px}.report-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.report-brand{display:flex;align-items:center;gap:6px}.brand-bar{width:9px;height:18px;border-radius:1px}.score-hero{background:linear-gradient(135deg,#13211a,#0f1612);border:1px solid #233a2c;border-radius:16px;padding:16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.score-team{text-align:center;flex:1}.score-team-name{font:700 9px var(--mono);letter-spacing:.16em;margin-bottom:4px}.score-team-name.ours{color:var(--green)}.score-team-name.theirs{color:var(--neutral)}.score-team-value{font:900 38px var(--font);letter-spacing:-.02em;line-height:1}.score-team-value.ours{color:var(--green)}.score-team-value.theirs{color:var(--text-mid)}.score-team-sub{font:600 10px var(--mono);color:var(--text-muted);margin-top:4px}.score-diff{text-align:center;padding:0 6px}.score-diff-badge{font:700 12px var(--mono);color:var(--green);background:var(--green-dim);border:1px solid var(--green-glow);border-radius:8px;padding:6px 10px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.stat-card{background:var(--surface);border:1px solid var(--line-subtle);border-radius:14px;padding:14px}.stat-label{font:700 9px var(--mono);color:var(--text-muted);letter-spacing:.14em;margin-bottom:8px}.stat-big{font:900 36px var(--font);line-height:1}.stat-big.amber{color:var(--amber)}.stat-big.green{color:var(--green)}.stat-big.danger{color:var(--danger)}.stat-sub{font:600 11px var(--mono);color:var(--text-lo);margin-top:6px}.stat-bar-track{display:flex;gap:3px;margin-top:8px}.stat-bar-fill{height:6px;border-radius:3px}.stat-bar-empty{height:6px;border-radius:3px;background:var(--surface-2)}.retention-card{background:linear-gradient(135deg,#13211a,#0f1612);border:1px solid #233a2c;border-radius:14px;padding:14px;margin-bottom:10px}.retention-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.retention-title{font:700 10px var(--mono);color:var(--green);letter-spacing:.14em}.retention-tag{font:600 9px var(--mono);color:var(--text-muted)}.retention-row{display:flex;align-items:center;gap:10px}.retention-row+.retention-row{margin-top:10px}.retention-side{width:54px;font:700 11px var(--mono)}.retention-side.ours{color:var(--green)}.retention-side.theirs{color:var(--neutral)}.retention-bar{flex:1;height:22px;border-radius:6px;background:var(--surface-2);overflow:hidden}.retention-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font:800 12px var(--font);border-radius:6px}.retention-fill.ours{background:var(--green);color:var(--green-ink)}.retention-fill.theirs{background:var(--neutral);color:var(--bg)}.retention-pct{width:48px;text-align:right;font:900 22px var(--font)}.retention-pct.ours{color:var(--green)}.retention-pct.theirs{color:var(--text-mid)}.turnover-row{display:flex;align-items:baseline;gap:10px}.turnover-divider{width:1px;height:32px;background:var(--line);align-self:center}.turnover-label{font:600 9px var(--mono);color:var(--text-muted);margin-top:3px}.zone-map-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.zone-map-card{background:var(--surface);border:1px solid var(--line-subtle);border-radius:14px;padding:12px}.zone-map-title{font:700 9px var(--mono);color:var(--text-muted);letter-spacing:.12em;margin-bottom:8px}.zone-map-pitch{position:relative;height:150px;background:linear-gradient(#13241c,#0f1d16);border:1px solid var(--pitch-border);border-radius:8px;overflow:hidden}.zone-map-legend{display:flex;gap:10px;margin-top:8px;font:600 9px var(--mono);color:var(--text-lo)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.contrib-card{background:var(--surface);border:1px solid var(--line-subtle);border-radius:14px;padding:14px}.contrib-title{font:700 9px var(--mono);color:var(--text-muted);letter-spacing:.14em;margin-bottom:10px}.contrib-header,.contrib-row{display:grid;grid-template-columns:30px 1fr 38px 38px 38px;gap:4px;align-items:center}.contrib-header{font:700 9px var(--mono);color:var(--text-muted);padding-bottom:8px;border-bottom:1px solid var(--line-subtle)}.contrib-row{padding:9px 0;border-bottom:1px solid #161d19}.contrib-num{font:800 14px var(--font);color:var(--green);font-variant-numeric:tabular-nums}.contrib-name{font:600 13px var(--font);color:var(--text-hi)}.contrib-val{text-align:center;font:700 13px var(--font);color:var(--text-mid);font-variant-numeric:tabular-nums}.pitch{display:flex;flex-direction:column;gap:10px;padding:16px 10px;border:1px solid var(--pitch-border);border-radius:14px;background:linear-gradient(#13241c,#0f1d16)}.pitch-line{display:flex;justify-content:space-around;gap:8px}.jersey{flex:1;max-width:120px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;border:1px solid var(--green);border-radius:12px;background:var(--surface);color:var(--text-hi);cursor:pointer;touch-action:manipulation}.jersey:active{transform:scale(.97)}.jersey-num{font:800 24px var(--font);line-height:1}.jersey-name{font:600 10px var(--font);color:var(--text-lo);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pitch-photo{position:relative;width:100%;max-width:340px;aspect-ratio:9 / 14;margin:8px auto 0;border:1px solid var(--pitch-border);border-radius:10px;background:linear-gradient(#13241c,#0f1d16);overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pitch-zone{position:absolute;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:4px}.zone-cell{display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(255,255,255,.16);border-radius:10px;background:#ffffff06;cursor:pointer;touch-action:manipulation;font:700 14px var(--mono);color:var(--text-lo)}.zone-cell:active{background:#36c46f57;border:2px solid var(--green);color:#fff}.zone-count{cursor:default;font-weight:800;font-size:1.3rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9)}.kickout-prompt{border-color:var(--amber);border-width:2px}.kickout-pitch{display:flex;flex-direction:column;gap:4px;max-width:340px;margin:8px auto 0;padding:6px;border:1px solid var(--pitch-border);border-radius:10px;background:linear-gradient(#13241c,#0f1d16);-webkit-print-color-adjust:exact;print-color-adjust:exact}.kickout-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.kickout-cell{min-height:60px;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(255,255,255,.16);border-radius:10px;background:#ffffff06;cursor:pointer;touch-action:manipulation;color:var(--text-lo);font:700 14px var(--mono)}.kickout-cell:active{background:#36c46f57;border:2px solid var(--green)}.kickout-cell-label{opacity:.7}.kickout-arc-dead{min-height:50px;border-radius:0 0 50% 50%/0 0 100% 100%;background:repeating-linear-gradient(45deg,#0c1712,#0c1712 7px,#101e17 7px,#101e17 14px);border:2px dashed rgba(255,255,255,.16)}@media print{body{background:#fff;color:#000}.btn,.dock-tool,.dock-btn,.action-dock{display:none}.card,.stat-card,.retention-card,.score-hero,.contrib-card,.zone-map-card{border-color:#ddd;-webkit-print-color-adjust:exact;print-color-adjust:exact}}