body.leal-history-replay-active #history-map { position:fixed!important;top:var(--leal-replay-nav-bottom,64px)!important;left:0!important;right:0!important;bottom:var(--leal-replay-space,80px)!important;height:auto!important; }
.leal-history-replay { position:fixed;left:6px;right:6px;bottom:4px;z-index:800;background:#fff;color:#23334b;border:1px solid #d3dfef;border-radius:8px;box-shadow:0 2px 10px #132b4b20;padding:5px 9px;font:12px/1.25 Arial,sans-serif; }
.leal-replay-controls { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }
.leal-replay-buttons { display:flex;align-items:center;gap:4px; }
.leal-history-replay button { border:1px solid #c6d5eb;background:#f3f6fd;color:#224c9f;border-radius:5px;padding:4px 8px;min-height:28px;cursor:pointer;white-space:nowrap; }
.leal-history-replay .leal-replay-start { background:#2149a0;color:#fff;border-color:#2149a0; }
.leal-history-replay button:disabled { opacity:.45;cursor:default; }
.leal-history-replay button:focus-visible,.leal-history-replay input:focus-visible,.leal-history-replay select:focus-visible { outline:3px solid #8db0f0;outline-offset:2px; }
.leal-replay-rate { display:flex;align-items:center;gap:5px;margin:0;font-weight:400; }
.leal-replay-rate select { color:inherit;background:inherit;border:1px solid #c6d5eb;border-radius:5px;min-height:28px;padding:2px; }
.leal-replay-follow { display:flex;align-items:center;gap:5px;margin:0;font-weight:400;cursor:pointer;white-space:nowrap; }
.leal-replay-follow input { margin:0; }
.leal-replay-clock { margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.leal-replay-clock strong { font-size:12px;white-space:nowrap; }
.leal-replay-clock small { color:#64738b;font-size:11px;white-space:nowrap; }
.leal-replay-track { display:flex;align-items:center;gap:8px;margin-top:3px;min-height:20px; }
.leal-replay-track time { flex:none;color:#64738b;font-size:10px;font-variant-numeric:tabular-nums; }
.leal-replay-timeline { display:block;flex:1;min-width:0;width:100%;height:18px;margin:0;accent-color:#2149a0;cursor:pointer; }
.leal-replay-notice { color:#946100;margin:0;font-size:11px;line-height:15px; }
html[data-leal-theme="dark"] .leal-history-replay { background:#192438;color:#e5edf9;border-color:#40516b; }
html[data-leal-theme="dark"] .leal-history-replay button { background:#243754;color:#c4d7ff;border-color:#4a6185; }
html[data-leal-theme="dark"] .leal-replay-clock small,html[data-leal-theme="dark"] .leal-replay-track time { color:#c1cde0; }
html[data-leal-theme="dark"] .leal-replay-notice { color:#f5d18b; }
@media(max-width:1000px) { .leal-replay-clock{gap:7px;} .leal-replay-rate span{display:none;} }
@media(max-width:760px) { body.leal-history-replay-active #history-map{bottom:var(--leal-replay-space,112px)!important;} .leal-replay-controls{gap:5px 8px;} .leal-replay-clock{width:100%;margin-left:0;justify-content:space-between;} }
@media(max-width:480px) { .leal-history-replay{left:3px;right:3px;padding:5px;} .leal-history-replay button{padding:4px 6px;} .leal-replay-controls{gap:5px;} .leal-replay-follow{font-size:11px;} }
@media(pointer:coarse) { .leal-history-replay button,.leal-replay-rate select { min-height:36px; } .leal-replay-follow{min-height:36px;} .leal-replay-timeline{height:26px;} }