.ride-replay{--rr-red:#fb526c;--rr-green:#65e9c0;color:#edf3ff;background:linear-gradient(125deg,#182431,#0d141e 70%);border:1px solid #304054;border-top:3px solid var(--rr-red);border-radius:16px;padding:24px;min-width:0;font-family:Arial,sans-serif}.ride-replay *{box-sizing:border-box}.rr-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.rr-eyebrow{font:11px monospace;letter-spacing:2px;color:#9baec6;margin:0 0 8px}.rr-head h2{font-size:clamp(22px,3vw,34px);margin:0;line-height:1.2}.rr-badge{font:700 11px/1.4 monospace;max-width:190px;background:#26364c;color:#cae1ff;padding:9px 12px;border-radius:6px}.rr-badge[data-demo=true]{color:#d7c4ff;background:#312647}.rr-status{padding:10px 14px;background:#182d2b;color:#8fe9ce;border-left:3px solid var(--rr-green);font-size:13px}.rr-status[data-state=missing]{background:#3a202b;color:#ffacb9;border-color:var(--rr-red)}.rr-status[data-state=preview]{background:#3b3020;color:#f5d599;border-color:#f5bb58}.rr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.rr-metric{padding:16px;background:#0b121ca8;border:1px solid #273449;border-radius:10px;display:flex;flex-direction:column;gap:7px;min-width:0}.rr-metric span,.rr-metric small{font-size:12px;color:#a8bad0}.rr-metric strong{font-size:clamp(24px,4vw,42px);font-variant-numeric:tabular-nums;font-weight:700;overflow-wrap:anywhere}.rr-metric:first-child strong{color:var(--rr-red)}.rr-controls,.rr-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.ride-replay button,.ride-replay select{background:#172234;border:1px solid #42536b;border-radius:7px;color:#eef4ff;padding:10px 12px;font:600 13px/1.3 Arial,sans-serif;min-height:42px;max-width:100%;cursor:pointer}.ride-replay button[id$=playbtn]{background:#df2445;border-color:#df2445;min-width:105px}.ride-replay button:disabled,.ride-replay select:disabled{opacity:.45;cursor:default}.ride-replay :focus-visible{outline:3px solid #80cfff;outline-offset:3px}.ride-replay label{font-size:12px;line-height:1.5;color:#b8c7db;display:flex;flex-direction:column;gap:5px;min-width:0}.rr-controls label{margin-left:auto}.rr-timeline-label{margin-top:20px!important}.rr-clock{color:#d9e9ff;font:16px monospace}.rr-clock strong{color:#fff}.ride-replay .rr-scrub{width:100%;accent-color:var(--rr-red);min-height:32px;margin:2px 0 12px;padding:0}.rr-actions label{flex:1;min-width:200px}.rr-actions select{width:100%}.rr-visuals{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin:20px 0}.rr-plot{min-width:0;background:#0a121d;border:1px solid #25354b;border-radius:10px;padding:16px}.rr-plot h3{font-size:13px;font-weight:600;color:#b8c7db;margin:0 0 16px}.rr-chart{display:block;width:100%;height:170px;overflow:visible;margin-top:22px}.rr-map{display:block;width:100%;height:200px}.rr-scale,.rr-note{font-size:12px;line-height:1.6;color:#a9bad1;margin:12px 0 0;overflow-wrap:anywhere}.rr-details{border:1px solid #304054;border-radius:8px}.rr-details summary{cursor:pointer;font-size:14px;padding:16px;color:#d9e9ff}.rr-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px 16px;gap:8px}.rr-channel{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:5px;padding:12px;background:#0d1724;min-width:0;border-radius:5px}.rr-channel>span:first-child{font-size:12px;grid-column:1/-1;color:#b4c6dc}.rr-channel strong{font:600 18px monospace;overflow-wrap:anywhere}.rr-channel .rr-unit{font-size:11px;color:#97acc8}.rr-channel small{grid-column:1/-1;font-size:10px;color:#efc782}.rr-channel small[data-source=hardware]{color:#65e9c0}.rr-channel small[data-source=simulation]{color:#c1a6f0}.rr-channel small[data-source=unavailable]{color:#f995a6}.rr-channel small[data-source=derived]{color:#80cfff}.rr-note:empty{display:none}@media(max-width:760px){.ride-replay{padding:16px}.rr-head{align-items:flex-start;flex-direction:column}.rr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rr-metric{padding:12px}.rr-visuals{grid-template-columns:1fr}.rr-channels{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 10px}.rr-controls{gap:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.rr-controls button{width:100%;min-width:0!important;padding:10px 6px;font-size:12px;min-height:58px}.rr-controls label{margin:0;width:100%;grid-column:1/-1}.rr-controls select{width:100%}.rr-actions{display:grid;grid-template-columns:1fr 1fr}.rr-actions label{grid-column:1/-1;min-width:0}.rr-actions button{font-size:12px;padding:9px}.rr-status{min-height:55px}.rr-clock{font-size:14px}.rr-plot{padding:12px}}@media(prefers-reduced-motion:reduce){.ride-replay *{scroll-behavior:auto!important}}