:root{--bg:oklch(1 0 0);--surface:oklch(0.97 0.003 31.3);--surface-strong:oklch(0.93 0.008 31.3);--ink:oklch(0.16 0.018 31.3);--muted:oklch(0.39 0.018 31.3);--primary:oklch(0.48 0.15 31.3);--primary-strong:oklch(0.38 0.14 31.3);--accent:oklch(0.37 0.12 178);--line:oklch(0.88 0.01 31.3);--success-bg:oklch(0.94 0.045 150);--success-ink:oklch(0.28 0.11 150);--warning-bg:oklch(0.96 0.048 78);--warning-ink:oklch(0.34 0.082 67);--radius:12px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;margin:0;background:linear-gradient(180deg,var(--bg),var(--surface))}button,input,select,textarea{font:inherit}.match-shell{display:flex;min-height:100vh;align-items:stretch;justify-content:center;padding:24px}.match-shell--centered{align-items:center}.scoreboard{display:flex;width:min(100%,980px);flex-direction:column;gap:24px;align-self:center;padding:16px 0}.scoreboard__header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}h1{margin:4px 0 0;font-size:2rem;line-height:1.1;letter-spacing:0;text-wrap:balance}.detail-label,.share-code{margin:0;color:var(--muted);font-size:.82rem;font-weight:700}.status-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.state-pill,.sync-state,.winner-mark{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:800;white-space:nowrap}.state-pill--live,.sync-state--live{background:var(--success-bg);color:var(--success-ink)}.state-pill--matchCompleteUnconfirmed,.sync-state--reconnecting{background:var(--warning-bg);color:var(--warning-ink)}.state-pill--completed{background:var(--primary);color:var(--bg)}.players{display:grid;grid-template-columns:minmax(140px,1fr) minmax(64px,.34fr) minmax(72px,.38fr) minmax(96px,.42fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.players__head,.score-row{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.players__head{background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:800}.players__head span,.score-row>*{padding:12px 14px}.score-row{min-height:96px;align-items:center;border-top:1px solid var(--line);background:var(--bg)}.score-row[data-winner=true]{background:color-mix(in oklch,var(--primary) 8%,var(--bg))}.score-row strong{font-size:3rem;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-row__name{display:flex;min-width:0;flex-wrap:wrap;gap:8px;align-items:center;font-size:1.35rem;font-weight:850}.score-row__name span:first-child{min-width:0;overflow-wrap:anywhere}.score-row__points{color:var(--primary-strong)}.winner-mark{min-height:26px;background:var(--primary);color:var(--bg);font-size:.72rem}.final-score{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);grid-gap:16px;gap:16px;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.final-score__result{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:8px}.final-score__result strong{font-size:1.6rem;line-height:1.15;overflow-wrap:anywhere}.final-score__players{display:grid;grid-gap:8px;gap:8px}.final-player{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius);background:var(--bg)}.final-player[data-winner=true]{background:color-mix(in oklch,var(--primary) 9%,var(--bg))}.final-player__name{display:flex;min-width:0;flex-wrap:wrap;gap:8px;align-items:center}.final-player__name strong{min-width:0;font-size:1.25rem;overflow-wrap:anywhere}.final-player>span{flex:0 0 auto;color:var(--muted);font-weight:800}.score-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.score-details>div{min-height:76px;padding:0 0 12px;border-bottom:1px solid var(--line)}.score-details strong{display:block;margin-top:8px;font-size:1rem}.set-trail{display:flex;flex-wrap:wrap;gap:8px;margin:0;color:var(--muted);font-size:.92rem;font-weight:700}.set-trail span{padding:8px 10px;border-radius:999px;background:var(--surface-strong);color:var(--ink)}.stats-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.stats-gallery__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.stats-gallery__toolbar h2{margin:0;font-size:1rem;line-height:1.2}.stats-gallery__eyebrow{margin:0 0 3px;color:var(--muted);font-size:.75rem;font-weight:800}.stats-side-toggle{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.stats-side-toggle__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:32px;border:0;border-radius:7px;padding:0 12px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}.stats-side-toggle__button:focus-visible,.stats-side-toggle__button:hover{color:var(--ink)}.stats-side-toggle__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.stats-side-toggle__button.is-active{background:var(--primary);color:white}.stats-gallery .momentum-tape,.stats-gallery .recommendation-cards,.stats-gallery .stat-kpi-strip{grid-column:1/-1}.unavailable{width:min(100%,520px);padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.unavailable p:last-child{max-width:58ch;margin:14px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.5;text-wrap:pretty}.stat-graphic{min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.stat-graphic__header{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:12px}.stat-graphic__title{margin:0;font-size:.94rem;line-height:1.2;letter-spacing:0}.stat-graphic__empty,.stat-graphic__subtitle,.stat-value-list__detail,.stat-value-list__share{margin:0;color:var(--muted);font-size:.78rem;font-weight:750}.composite-score-breakdown__list,.phase-trend__list,.pressure-comparison-slope__list,.recommendation-cards__list,.stat-graphic__body,.stat-value-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.stat-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.stat-kpi-strip__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.composite-score-breakdown__item,.recommendation-cards__article,.stat-kpi-strip__item{padding:10px;border-radius:10px;background:var(--surface)}.recommendation-cards__item[data-priority=high] .recommendation-cards__article,.stat-kpi-strip__item[data-tone=positive]{background:color-mix(in oklch,var(--success-bg) 70%,var(--bg))}.stat-kpi-strip__item[data-tone=danger],.stat-kpi-strip__item[data-tone=warning]{background:color-mix(in oklch,var(--warning-bg) 72%,var(--bg))}.composite-score-breakdown__label,.momentum-tape__label,.phase-trend__label,.pressure-comparison-slope__label,.recommendation-cards__summary,.stat-kpi-strip__label,.stat-value-list__label,.wing-balance__label{color:var(--muted);font-size:.74rem;font-weight:800}.composite-score-breakdown__value,.momentum-tape__value,.phase-trend__value,.pressure-comparison-slope__value,.recommendation-cards__metric,.stat-kpi-strip__value,.stat-value-list__value,.wing-balance__value{display:block;margin-top:4px;color:var(--ink);font-size:1rem;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.momentum-tape__item,.stat-value-list__item,.wing-balance__item{display:grid;grid-template-columns:minmax(64px,.8fr) auto auto;grid-gap:8px;gap:8px;align-items:baseline}.momentum-tape__figure,.phase-trend__figure,.point-ending-mix__figure,.pressure-comparison-slope__figure,.rally-start-funnel__figure,.return-vulnerability-map__figure,.serve-compass__figure,.serve-funnel__figure,.serve-outcome-river__figure,.wing-balance__figure{margin:0}.momentum-tape__svg,.phase-trend__svg,.point-ending-mix__svg,.pressure-comparison-slope__svg,.pressure-shift-map__svg,.rally-start-funnel__svg,.return-vulnerability-map__svg,.risk-reward-map__svg,.serve-compass__svg,.serve-funnel__svg,.serve-outcome-river__svg,.tactical-opportunity-map__svg,.wing-balance__svg{display:block;width:100%;height:auto}.momentum-tape__baseline,.phase-trend__grid,.pressure-comparison-slope__axis,.pressure-shift-map__grid,.risk-reward-map__grid,.serve-compass__axis,.serve-compass__ring,.stat-court__line,.tactical-opportunity-map__grid,.wing-balance__baseline,.wing-balance__center{stroke:var(--line);stroke-width:1}.momentum-tape__bar,.phase-trend__series,.point-ending-mix__segment,.pressure-comparison-slope__series,.pressure-shift-map__point,.rally-start-funnel__stage,.return-vulnerability-map__zone,.risk-reward-map__point,.serve-compass__spoke,.serve-funnel__stage,.serve-outcome-river__segment,.tactical-opportunity-map__point,.wing-balance__bar{fill:var(--primary)}.phase-trend__series,.pressure-comparison-slope__series{stroke:var(--primary);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.phase-trend__series polyline,.pressure-comparison-slope__series line{fill:none}.momentum-tape__bar[data-side=opponent],.point-ending-mix__segment[data-tone=warning],.pressure-shift-map__point[data-tone=warning],.risk-reward-map__point[data-tone=warning],.serve-compass__spoke[data-tone=warning],.serve-outcome-river__segment[data-tone=warning],.tactical-opportunity-map__point[data-priority=medium]{fill:var(--warning-ink)}.momentum-tape__bar[data-side=scoringPlayer],.point-ending-mix__segment[data-tone=positive],.pressure-shift-map__point[data-tone=positive],.risk-reward-map__point[data-tone=positive],.serve-compass__spoke[data-tone=positive],.serve-outcome-river__segment[data-tone=positive],.tactical-opportunity-map__point[data-priority=high]{fill:var(--success-ink)}.phase-trend__series[data-side=scoringPlayer],.pressure-comparison-slope__series[data-side=scoringPlayer]{fill:var(--success-ink);stroke:var(--success-ink)}.phase-trend__series[data-side=opponent],.pressure-comparison-slope__series[data-side=opponent]{fill:var(--warning-ink);stroke:var(--warning-ink)}.phase-trend__tick,.pressure-comparison-slope__tick{fill:var(--muted);font-size:.36rem;font-weight:800}.pressure-shift-map__plot,.risk-reward-map__plot,.stat-court__surface,.tactical-opportunity-map__plot{fill:var(--surface);stroke:var(--line)}.event-response-matrix__scroll,.score-state-heatmap__scroll,.target-transition-heatmap__scroll{overflow-x:auto}.event-response-matrix__table,.first-second-shift__rows,.pressure-context-evidence__rows,.return-wing-vulnerability__rows,.score-state-heatmap__table,.target-transition-heatmap__table,.win-loss-source-bars__rows{width:100%;border-collapse:collapse;font-size:.78rem}.event-response-matrix__cell,.score-state-heatmap__cell,.target-transition-heatmap__cell{min-width:56px;padding:8px;border:2px solid var(--bg);border-radius:8px;background:color-mix(in oklch,var(--primary) calc(var(--intensity, 0) * 34%),var(--surface));text-align:center}.event-response-matrix__column,.event-response-matrix__row-label,.first-second-shift__head,.pressure-context-evidence__head,.return-wing-vulnerability__head,.score-state-heatmap__column,.score-state-heatmap__row-label,.target-transition-heatmap__column,.target-transition-heatmap__row-label,.win-loss-source-bars__head{color:var(--muted);font-size:.72rem;font-weight:900;text-align:left}.first-second-shift__row,.pressure-context-evidence__row,.return-wing-vulnerability__row,.win-loss-source-bars__row{display:grid;grid-template-columns:minmax(70px,.8fr) 1fr 1fr;grid-gap:8px;gap:8px;align-items:center;min-height:34px}.first-second-shift__bar-cell,.pressure-context-evidence__bar-cell,.return-wing-vulnerability__bar-cell,.win-loss-source-bars__bar-cell{display:grid;grid-gap:2px;gap:2px}.first-second-shift__bar,.pressure-context-evidence__bar,.return-wing-vulnerability__bar,.win-loss-source-bars__bar{width:100%}.composite-score-breakdown__meter,.first-second-shift__bar-track,.pressure-context-evidence__bar-track,.return-wing-vulnerability__bar-track,.win-loss-source-bars__bar-track{fill:var(--surface-strong)}.first-second-shift__bar-fill,.pressure-context-evidence__bar-fill,.return-wing-vulnerability__bar-fill,.win-loss-source-bars__bar-fill{fill:var(--primary)}.first-second-shift__bar-fill[data-tone=positive],.pressure-context-evidence__bar-fill[data-tone=positive],.return-wing-vulnerability__bar-fill[data-tone=positive],.win-loss-source-bars__bar-fill[data-tone=positive]{fill:var(--success-ink)}.pressure-context-evidence__bar-fill[data-tone=warning],.return-wing-vulnerability__bar-fill[data-tone=warning],.win-loss-source-bars__bar-fill[data-tone=danger]{fill:var(--warning-ink)}.phase-trend__detail,.pressure-comparison-slope__detail,.pressure-context-evidence__rate,.return-wing-vulnerability__record{color:var(--muted);font-size:.72rem;font-weight:750}.pressure-context-evidence__rate,.return-wing-vulnerability__record{display:grid;grid-gap:2px;gap:2px}.pressure-context-evidence__rate strong,.return-wing-vulnerability__record strong{color:var(--ink);font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phase-trend__item,.pressure-comparison-slope__item{display:grid;grid-template-columns:minmax(64px,.8fr) auto minmax(90px,1fr);grid-gap:8px;gap:8px;align-items:baseline}.pressure-comparison-slope__value span{color:var(--muted);font-size:.72rem}.composite-score-breakdown__header,.recommendation-cards__header{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.recommendation-cards__title{margin:0;font-size:.92rem;line-height:1.25}.recommendation-cards__actions{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:.8rem;font-weight:700}.composite-score-breakdown__meter{width:100%;height:10px;border-radius:999px;accent-color:var(--primary)}@media (max-width:680px){.match-shell{padding:10px}.scoreboard{gap:18px;padding:0}.unavailable{padding:18px}.scoreboard__header{flex-direction:column}.status-stack{justify-content:flex-start}.stats-gallery__toolbar{align-items:stretch;flex-direction:column}.stats-side-toggle{width:100%}.stats-side-toggle__button{flex:1 1}.players{grid-template-columns:minmax(88px,1fr) minmax(38px,.28fr) minmax(48px,.32fr) minmax(54px,.36fr)}.players__head span,.score-row>*{padding:10px 6px}.score-row{min-height:86px}.score-row strong{font-size:1.8rem}.score-row__name{font-size:.98rem}.final-score{grid-template-columns:1fr;padding:14px}.final-score__result strong{font-size:1.35rem}.final-player{min-height:64px}.score-details{grid-template-columns:1fr 1fr}.score-details strong{font-size:.92rem}}@media (max-width:360px){.match-shell{padding:8px}h1{font-size:1.65rem}.players{grid-template-columns:minmax(82px,1fr) 34px 42px 50px}.players__head{font-size:.7rem}.score-row strong{font-size:1.55rem}.score-row__name{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}}