.replay{--replay-ink:#1f4353;--replay-accent:#187d9a;color:var(--replay-ink)}
.replay .replay-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px;align-items:start}
.replay-stage{position:relative;min-width:0;border-radius:18px;overflow:hidden;background:#e8f1f5;box-shadow:inset 0 0 0 1px #d3e3e9}
#replay-scene{display:block;width:100%;height:510px;touch-action:none;cursor:grab}
#replay-scene:active{cursor:grabbing}
.replay-scene-top{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}
.replay-scene-top strong{font-size:13px;font-weight:600;letter-spacing:.04em}
.replay-camera{display:flex;gap:3px;padding:3px;background:#fff9;border:1px solid #d7e4ea;border-radius:10px;pointer-events:auto}
.replay-camera button{border:0;background:transparent;border-radius:7px;padding:6px 10px;color:#527181;cursor:pointer;font:inherit;font-size:12px}
.replay-camera button[aria-pressed=true]{background:#fff;color:#176b89;box-shadow:0 2px 8px #28516512}
.replay-scene-bottom{position:absolute;bottom:14px;left:18px;right:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:#567180;pointer-events:none}
.replay .replay-map{height:150px;min-height:150px;margin-top:18px;border-top:1px solid #d6e4e9;position:relative}
.replay #replay-map{height:150px;width:100%;display:block}
.replay .map-caption{font-size:10px;position:absolute;left:0;bottom:4px}
.replay .replay-instruments{min-width:0;padding:10px 0 0}
.replay .replay-speed{display:flex;align-items:baseline;gap:8px}.replay .replay-speed strong{font-size:64px;line-height:1.2;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.replay .replay-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.replay .replay-numbers dt{color:#738994;font-size:10px}.replay .replay-numbers dd{font-size:15px;margin:4px 0 0;font-variant-numeric:tabular-nums}
.replay .pedal{display:grid;grid-template-columns:28px 1fr 38px;align-items:center;gap:8px;margin:12px 0;font-size:11px}
.replay .pedal progress{width:100%;height:7px;accent-color:#329887}.replay .pedal.brake progress{accent-color:#bd625b}.replay .pedal output{text-align:right;font-variant-numeric:tabular-nums}
.replay-force{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;border-top:1px solid #d6e4e9;padding-top:14px}.replay-force canvas{width:112px;height:112px}.replay-force p{font-size:11px;line-height:1.8;color:#6c8491}
.replay .replay-controls{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #d6e4e9;margin:0 0 18px}
.replay #replay-play{min-width:66px;padding:9px 15px;background:#187d9a;color:white;border:0;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.replay #replay-play:disabled{opacity:.45}
.replay #replay-seek{flex:1;min-width:30px;accent-color:#187d9a;cursor:pointer}.replay #replay-time{font-variant-numeric:tabular-nums;font-size:12px;min-width:80px}.replay #replay-rate{border:0;border-radius:7px;padding:7px;background:#e4edf2}
.replay-chart-wide{position:relative;padding:6px 0 0}.replay-chart-wide>span{font-size:11px;color:#69838e}.replay #replay-chart{display:block;width:100%;height:95px}
.replay .replay-more{margin-top:14px;border-top:1px solid #d6e4e9}.replay .replay-more summary{cursor:pointer;padding:14px 0;font-size:12px}.replay #replay-extra{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:10px 0 22px}
.replay-toolbar{margin-bottom:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.replay-toolbar select{padding:8px 10px;border:1px solid #d6e4e9;border-radius:8px;background:#fff9;color:#34596b;font:inherit;font-size:12px}.replay-toolbar #replay-car{font-size:12px;color:#607e8e}
@media(max-width:850px){.replay .replay-layout{grid-template-columns:minmax(0,1fr) 190px;gap:16px}#replay-scene{height:430px}.replay .replay-speed strong{font-size:54px}}
@media(max-width:600px){.replay .replay-layout{grid-template-columns:1fr}#replay-scene{height:340px}.replay .replay-instruments{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.replay .replay-speed{grid-row:1/3}.replay .replay-numbers{grid-column:2;margin:3px 0 12px}.replay .pedal{grid-column:2;margin:5px 0}.replay-force{grid-column:1;margin-top:0;grid-row:3/5;padding:0;border:0}.replay .replay-map{grid-column:2;height:130px;min-height:130px;margin:12px 0}.replay #replay-map{height:130px}.replay #replay-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.replay .replay-controls{gap:8px}.replay-scene-bottom{font-size:10px}}