/* Compact map heading: lap and distance share a single visual line. */
.section-toolbar .section-label{min-width:0;flex-wrap:wrap;gap:9px}
.section-toolbar .lap-distances{padding:0;gap:12px;font-size:11px;line-height:1.3;flex:0 1 auto}
.section-toolbar .lap-distances>span{gap:5px;white-space:nowrap}
.section-toolbar .lap-distances strong{font-size:11px;font-weight:550;color:var(--secondary)}
.section-toolbar .lap-distances i{font-size:9px;padding:2px 4px}
.section-toolbar .quiet-separator{height:14px}
.opportunity-footer{display:block;padding:0 16px 16px}
.opportunity-footer .opportunity-play{width:100%;min-height:42px;justify-content:center;gap:9px;font-size:13px;line-height:1.3}
.opportunity-play-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}
.opportunity-play-icon svg{display:block;width:16px;height:16px;transform:none}
.opportunity-action-observations{display:grid;gap:7px;margin:14px 0}
.opportunity-action-observation{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt,var(--surface));font-size:12px;line-height:1.5}
.opportunity-action-observation strong{display:block;font-size:14px;color:var(--ink);font-weight:600;margin-bottom:3px}
.opportunity-action-observation small{color:var(--muted);font-size:11px}
.opportunity-description{font-size:12px;line-height:1.65}
@media(max-width:650px){.section-toolbar .section-label{gap:6px}.section-toolbar .lap-distances{font-size:10px;gap:7px}.section-toolbar .lap-distances strong{font-size:10px}.section-toolbar .quiet-separator{margin:0 2px}.section-toolbar #map-lap-caption{font-size:11px}}

.opportunity-source-note{display:block;margin:10px 0;font-size:10px;line-height:1.45;color:var(--muted)}
.opportunity-action-observation>span{font-size:11px;color:var(--secondary)}

#recorded-demo-loading{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#171b1e;color:#f1f3f4;text-align:center}#recorded-demo-loading>div{max-width:400px;padding:32px}#recorded-demo-loading img{margin-bottom:25px}#recorded-demo-loading h2{font-size:20px}#recorded-demo-loading p{font-size:14px;color:#aeb5ba;line-height:1.6}