:root{--space-xxs: 4px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-xxl: 64px}.replay-analysis{color:var(--ink);font-family:var(--font-body, inherit);font-size:16px}.replay-analysis *{box-sizing:border-box}.replay-analysis svg:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.replay-analysis input[type=range]{width:100%;accent-color:var(--accent);margin:0}.replay-analysis input[type=checkbox]{accent-color:var(--accent)}.replay-analysis .comparison-app{padding:12px 0}.replay-analysis .comparison-app>header,.replay-analysis .header-actions,.replay-analysis .view-controls,.replay-analysis .transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.replay-analysis .comparison-app>header{justify-content:flex-end;margin-bottom:12px}.replay-analysis .debug-toggle[aria-pressed=true]{border-color:var(--accent)}.replay-analysis .reference-picker,.replay-analysis .view-controls label{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}.replay-analysis .reference-picker select{max-width:190px}.replay-analysis .compact-timebar{display:grid;grid-template-columns:auto auto minmax(80px,1fr) auto;align-items:center;gap:12px;padding:10px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-control);margin-bottom:10px}.replay-analysis .selected-time{font-variant-numeric:tabular-nums;white-space:nowrap}.replay-analysis .selected-time small{display:inline;font-weight:400;color:var(--ink-muted)}.replay-analysis .exact-time{display:flex;align-items:center;gap:6px;font-size:13px;margin:0}.replay-analysis .exact-time input{width:84px}.replay-analysis .view-controls{min-height:36px;margin-bottom:10px;gap:12px}.replay-analysis .scale-note{margin-left:auto;color:var(--ink-muted);font-size:13px}.replay-analysis .comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.replay-analysis .player-comparison{min-width:0;margin:0;overflow:hidden}.replay-analysis .player-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px;border-bottom:1px solid var(--line)}.replay-analysis .player-heading select{max-width:200px;min-width:0;flex:1;font-weight:600}.replay-analysis .player-dot{width:8px;height:8px;border-radius:50%;background:var(--team-1);flex:none}.replay-analysis .player-right .player-dot{background:var(--team-2)}.replay-analysis .race-label{font-size:13px;color:var(--ink-muted)}.replay-analysis .coverage-badge{margin-left:auto;font-size:14px;color:var(--warn)}.replay-analysis .comparison-headline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px 8px}.replay-analysis .comparison-headline:not(:has(+.comparison-context)){border-bottom:1px solid var(--line)}.replay-analysis .comparison-headline select{min-width:0;max-width:220px;flex:0 1 auto}.replay-analysis .comparison-headline small{color:var(--ink-muted);font-size:14px;font-weight:400}.replay-analysis .comparison-headline b{white-space:nowrap}.replay-analysis .comparison-headline b{font-size:21px;font-variant-numeric:tabular-nums}.replay-analysis .comparison-context{display:flex;flex-wrap:wrap;gap:10px;padding:0 10px 10px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-muted)}.replay-analysis .comparison-view{padding:8px 10px 12px}.replay-analysis .investment-panel{margin:0;padding:0}.replay-analysis .investment-chart,.replay-analysis .combat-plot svg{width:100%;height:auto;display:block;cursor:crosshair}.replay-analysis .investment-chart text,.replay-analysis .combat-plot svg text{font:13px var(--font-body);fill:var(--ink-muted)}.replay-analysis .investment-plot{position:relative;min-width:0}.replay-analysis .request-chart-scroll{overflow-x:auto}.replay-analysis .investment-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.replay-analysis .investment-legend>div{display:flex;gap:5px;align-items:center;font-size:13px;min-width:0}.replay-analysis .investment-legend b{margin-left:auto}.replay-analysis .swatch{height:9px;width:9px;border-radius:2px;flex:none}.replay-analysis .combat-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.replay-analysis .combat-series button{display:flex;align-items:center;gap:5px;text-align:left;font-size:13px;padding:var(--space-1) var(--space-2)}.replay-analysis .combat-series b{margin-left:auto}.replay-analysis .combat-series .muted{opacity:.4}.replay-analysis .combat-read-time{display:none}.replay-analysis .request-marker{cursor:pointer}.replay-analysis .request-marker-line{opacity:.2;stroke-dasharray:2 4}.replay-analysis .request-marker.active .request-marker-line,.replay-analysis .request-marker.hovered .request-marker-line{opacity:.9}.replay-analysis .request-marker.active .request-marker-frame,.replay-analysis .request-marker:focus .request-marker-frame{stroke:var(--focus);stroke-width:2}.replay-analysis .request-marker.future{opacity:.55}.replay-analysis .request-marker-symbol{fill:var(--ink)!important;font-weight:700!important}.replay-analysis .request-marker:focus{outline:none}.replay-analysis .request-marker-hit{pointer-events:all}.replay-analysis .request-tooltip{position:absolute;transform:translate(-50%);z-index:4;max-width:300px;width:max-content;padding:10px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--tooltip-ground, var(--surface-sunken));color:var(--tooltip-ink, var(--ink));box-shadow:var(--shadow-float);font-size:13px;pointer-events:none}.replay-analysis .request-tooltip-heading{display:flex;align-items:center;gap:8px}.replay-analysis .request-tooltip p{margin:5px 0}.replay-analysis .request-tooltip small{display:block;margin-top:5px}.replay-analysis .marker-help,.replay-analysis .notice,.replay-analysis .investment-caption{font-size:13px;color:var(--ink-muted);margin:6px 0}.replay-analysis .coverage-details button{display:block;width:100%;text-align:left}.replay-analysis .coverage-details small{display:block}.replay-analysis .comparison-milestones,.replay-analysis .comparison-requests{max-height:500px;overflow:auto}.replay-analysis .comparison-milestones table{width:100%;border-collapse:collapse;font-size:14px}.replay-analysis .comparison-milestones td,.replay-analysis .comparison-milestones th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.replay-analysis .comparison-milestones th{position:sticky;top:0;background:var(--surface-sunken);font-size:14px;color:var(--ink-muted)}.replay-analysis .milestone-name{display:flex;align-items:center;gap:7px;text-align:left;background:transparent;border:0;padding:0}.replay-analysis .milestone-name small{display:block}.replay-analysis .event{display:grid;grid-template-columns:40px 26px 1fr;gap:8px;align-items:center;width:100%;text-align:left;background:transparent;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0}.replay-analysis .event>span{font-size:13px;color:var(--ink-muted)}.replay-analysis .event div{grid-column:3}.replay-analysis .event b{font-size:14px}.replay-analysis .event small{display:block;font-size:14px}.replay-analysis .event.active{background:var(--accent-soft)}.replay-analysis .future{opacity:.5}.replay-analysis .active{outline-color:var(--focus)}.replay-analysis .partial-note{font-size:13px;color:var(--warn);margin:10px 0 0}.replay-analysis .analysis-note,.replay-analysis .reference-notes{font-size:14px;color:var(--ink-muted);margin-top:10px}.replay-analysis .reference-notes p{line-height:1.6;max-width:1000px}.replay-analysis .reference-notes summary{cursor:pointer}.replay-analysis .category-definitions{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 1rem;max-width:1000px}.replay-analysis .category-definitions dt{font-weight:600;color:var(--ink)}.replay-analysis .category-definitions dd{margin:0}.replay-analysis .debug-inspector{margin-top:12px;border:1px solid var(--line);padding:12px}.replay-analysis .debug-inspector h2{font-size:15px}.replay-analysis .debug-inspector pre{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.replay-analysis .debug-inspector small{font-size:13px}.replay-analysis .error{color:var(--loss)}.replay-analysis .unavailable-chart{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.replay-analysis .unavailable-chart p{max-width:300px;color:var(--ink-muted);line-height:1.6}.replay-analysis .empty{padding:16px;color:var(--ink-muted)}.replay-analysis .comparison-mobile-hint{display:none}@media (max-width: 1000px){.replay-analysis .coverage-badge{display:none}.replay-analysis .investment-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 650px){.replay-analysis .comparison-rail{overflow-x:auto;padding-bottom:8px}.replay-analysis .comparison-grid{min-width:720px}.replay-analysis .comparison-mobile-hint{display:block;font-size:13px;color:var(--ink-muted);margin:0 0 8px}.replay-analysis .compact-timebar{grid-template-columns:auto auto;gap:8px}.replay-analysis .compact-timebar>input{grid-column:1/-1;grid-row:2}.replay-analysis .selected-time{justify-self:end}.replay-analysis .exact-time{display:none}.replay-analysis .scale-note{margin-left:0}}.replay-analysis .comparison-app{padding:var(--space-3) 0}.replay-analysis .reference-picker{padding-bottom:var(--space-2)}.replay-analysis .player-comparison.layout-section{margin:0;display:block;min-height:0}.replay-analysis .player-heading{padding:var(--space-3);gap:var(--space-2);background:var(--surface-sunken);border-bottom:1px solid var(--line-strong)}.replay-analysis .player-heading select,.replay-analysis .comparison-headline select{font-family:var(--font-body);font-weight:600;font-size:16px;max-width:220px}.replay-analysis .race-label{display:inline-flex;align-items:center;gap:var(--space-1)}.replay-analysis .race-label img{width:18px;height:18px}.replay-analysis .comparison-headline{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.replay-analysis .comparison-headline b{font-size:24px;line-height:1.1}.replay-analysis .comparison-headline small{font-size:13px}.replay-analysis .comparison-context{padding:0 var(--space-3) var(--space-2)}.replay-analysis .comparison-view{padding:var(--space-2) var(--space-3) var(--space-3)}.replay-analysis .combat-series .btn{font-family:var(--font-body);font-size:14px;white-space:normal}.replay-analysis .comparison-milestones .table{margin:0}.replay-analysis .comparison-milestones .table th{font-size:14px;font-weight:600}.replay-analysis .comparison-milestones .milestone-name{font:inherit;color:var(--ink);border:0;box-shadow:none;background:transparent}.replay-analysis .event{font-family:var(--font-body);color:var(--ink)}.replay-analysis .event:hover{background:var(--accent-soft)}.replay-analysis .event:focus-visible,.replay-analysis .milestone-name:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.replay-analysis .event.active{box-shadow:inset 3px 0 var(--hotkey)}.replay-analysis .selected-time,.replay-analysis .comparison-headline b,.replay-analysis .investment-legend b,.replay-analysis .combat-series b,.replay-analysis .event>span,.replay-analysis .comparison-milestones td{font-variant-numeric:lining-nums tabular-nums}.replay-analysis .debug-inspector{background:var(--surface-sunken)}@media (max-width: 650px){.replay-analysis .reference-picker{margin-left:auto}.replay-analysis .comparison-grid{min-width:760px}}.replay-analysis .compact-timebar{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);padding:var(--space-1) var(--space-2);border:0;background:var(--surface-sunken)}.replay-analysis .compact-timebar .transport{gap:var(--space-1)}.replay-analysis .compact-timebar .transport .btn{padding:2px 7px;min-width:28px;line-height:22px}.replay-analysis .compact-timebar>input{grid-column:2;grid-row:1;min-width:0}.replay-analysis .compact-timebar .selected-time{grid-column:3;grid-row:1;font-size:14px}.replay-analysis .advanced-controls{margin:var(--space-2) 0;font-size:14px;color:var(--ink-muted)}.replay-analysis .advanced-controls>summary{cursor:pointer;width:fit-content}.replay-analysis .advanced-options{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) 0}.replay-analysis .advanced-options label{display:flex;align-items:center;gap:var(--space-2);margin:0}.replay-analysis .advanced-options select{max-width:160px}.replay-analysis .advanced-options input[type=number]{max-width:110px}@media (max-width: 650px){.replay-analysis .comparison-rail{overflow:visible;padding-bottom:0}.replay-analysis .comparison-grid{grid-template-columns:minmax(0,1fr);min-width:0;gap:var(--space-3)}.replay-analysis .comparison-headline b{font-size:21px}.replay-analysis .player-heading select{max-width:none}.replay-analysis .compact-timebar{gap:var(--space-1);padding:var(--space-1);grid-template-columns:auto minmax(0,1fr) auto}.replay-analysis .compact-timebar .selected-time{font-size:13px}.replay-analysis .advanced-options{align-items:flex-start;flex-direction:column}}.replay-analysis .view-controls{min-height:0}