#trade-replay{scroll-margin-top:24px;margin-top:32px}
.replay-shortcut{color:#b5edce;font-size:14px;line-height:1.5;padding:10px 0;text-underline-offset:4px}
.replay-shortcut:focus-visible{outline:3px solid #d5ff7a;outline-offset:3px}
.replay-verdict{font-size:24px;font-weight:750;color:#b5edce}.replay-verdict.mismatch{color:#ffcab2}
.replay-choices{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.replay-choices .ghost{white-space:normal;margin:0}.replay-choices [aria-pressed=true]{background:#284d38;border-color:#b5edce;color:#eef9f1}
.replay-selected h3{color:#d5e8dd;font-size:20px;margin:24px 0 8px}
.replay-selected a,#trade-replay details a{color:#b5edce;text-underline-offset:3px}
.replay-legend{font-size:13px;color:#c8ddd0;line-height:1.5}
.replay-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.replay-metric{min-width:0}.replay-metric h4{color:#d5e8dd;font-size:14px;margin:0 0 14px}
.replay-overlay{display:block;width:100%;height:auto}.replay-overlay .chart-label{font-size:20px}
.replay-calculated{fill:none;stroke:#e9f3f0;stroke-width:2}.replay-observed{fill:#8de5bd}
.replay-delta{font-size:13px;line-height:1.5;color:#d5e8dd;margin-bottom:0;overflow-wrap:anywhere}
.tour-bar[hidden]{display:none}.tour-bar{position:sticky;top:0;z-index:5;background:#10251c;border:2px solid #8de5bd;border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:8px 20px;box-shadow:0 8px 24px #081310}
.tour-bar h2{font-size:21px;letter-spacing:-.025em}.tour-bar .eyebrow{margin:0 0 8px}
#tour-description,#tour-status{font-size:13px;line-height:1.5;color:#c8ddd0;margin:8px 0 0}
#tour-status{grid-column:1/-1}.tour-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tour-actions .ghost{margin:0}.tour-actions button:disabled{opacity:1;color:#a8b6af;background:#10251c;cursor:default}
.tour-target{outline:3px dashed #d5ff7a;outline-offset:5px;scroll-margin-top:210px!important}
@media(max-width:850px){.replay-metrics{grid-template-columns:1fr}.replay-overlay{max-width:450px;margin:auto}.tour-bar{grid-template-columns:1fr}.tour-target{scroll-margin-top:280px!important}.tour-actions button{font-size:12px;padding:10px}}
@media(forced-colors:active){.replay-calculated{stroke:CanvasText}.replay-observed{fill:Highlight}.tour-target{outline-color:Highlight}}