#map-motion {position:absolute;inset:calc(-1 * var(--pan-margin,144px));overflow:hidden;transform-origin:var(--pan-margin,144px) var(--pan-margin,144px)}
#map-surface {position:absolute;inset:var(--pan-margin,144px)}
#map-surface #atlas-map {overflow:visible}
.point-open #map-motion {will-change:transform}
#drive-leader {position:absolute;left:0;top:-1px;height:2px;transform-origin:left center;background:#e0edbd;box-shadow:0 0 2px 1px #172517b3;pointer-events:none}
#drive-marker {position:absolute;top:0;left:0;z-index:4;width:0;height:0;pointer-events:none}
#drive-dot {position:absolute;left:-7px;top:-7px;width:14px;height:14px;border:2px solid #f4f9e9;border-radius:50%;background:#c5ec64;box-shadow:0 0 0 3px #203622dd,0 2px 10px #000b}
#drive-map-car {position:absolute;left:0;top:0;display:block;width:auto;height:var(--vehicle-height,36px);max-width:none;transform:translate(-50%,-50%) rotate(var(--heading,0deg));filter:drop-shadow(0 0 1px #e8ebce) drop-shadow(0 1px 2px #101911);will-change:transform}
#drive-panel {position:absolute;z-index:5;left:0;top:0;width:194px;max-height:calc(100dvh - var(--bar-h) - 68px);overflow:auto;padding:8px 10px 9px;border:1px solid #7a8b69;border-radius:7px;background:#172019f5;box-shadow:0 3px 14px #08110870;scrollbar-width:thin;will-change:transform}
#drive-panel header,.drive-meta,.drive-controls,.drive-speed,.drive-pedals>div {display:flex;align-items:center}
#drive-panel:not([data-side]) {visibility:hidden}
#drive-panel header {justify-content:space-between;gap:10px}
#drive-title {font-size:13px;line-height:1.25;color:#edf3e3;font-weight:650}
#drive-close {height:23px;width:23px}
#drive-close .icon {width:15px;height:15px}
.drive-main {display:flex;gap:8px;align-items:center;margin:3px 0 6px;padding-bottom:5px;border-bottom:1px solid #3c4b38}
#drive-preview {width:25px;height:42px;object-fit:contain;filter:drop-shadow(0 1px 2px #050905)}
.drive-instruments {min-width:0}
#drive-name {font:600 12px/1.15 var(--cond);color:#d4ddc9}
.drive-speed {gap:5px;align-items:baseline;margin-top:2px}
.drive-speed b {font:800 italic 30px/.95 var(--cond);font-variant-numeric:tabular-nums;color:#f0f5df}
.drive-speed span,.drive-meta {font:10px/1.3 var(--mono);color:#b7c3b2}
.drive-pedals {display:grid;gap:3px}
.drive-pedals>div {gap:8px;font-size:12px;color:#d0dbc6}
.drive-pedals>div>span:last-child {min-width:44px;text-align:right;font:11px/1 var(--mono);font-variant-numeric:tabular-nums}
.drive-pedals meter {--fill:#c5ed7a;flex:1;min-width:12px;height:7px;border:0;border-radius:2px;overflow:hidden;background:#344235;appearance:none}
.drive-pedals #drive-brake {--fill:#f48b70}
.drive-pedals meter::-webkit-meter-bar {height:100%;background:#344235;border:0;border-radius:2px}
.drive-pedals meter::-webkit-meter-optimum-value {background:var(--fill);border-radius:1px}
.drive-pedals meter::-moz-meter-bar {background:var(--fill)}
.drive-meta {justify-content:space-between;margin:6px 0 1px;gap:4px;white-space:nowrap}
#drive-next,#drive-status,#drive-event {font-size:11px;line-height:1.45;color:#bccbb2}
#drive-status,#drive-event {margin-top:5px;color:#eed3a8}
.drive-controls {gap:5px;margin-top:6px}
#drive-play {flex:1;justify-content:center;min-height:29px;padding:4px 6px;white-space:nowrap}
#drive-follow {display:inline-flex;align-items:center;gap:3px;padding:5px 8px;border-radius:4px;border:1px solid #59674c;font-size:12px;white-space:nowrap;color:#b7c5ac}
#drive-follow .icon {width:13px;height:13px}
#drive-follow[aria-pressed=true] {color:#ddebba;background:#34422f;border-color:#708460}
@media(max-width:640px){
  #drive-panel {width:168px;padding:6px 8px 7px}
  .drive-main {margin:2px 0 4px;gap:7px;padding-bottom:4px}
  #drive-preview {width:22px;height:36px}
  .drive-speed b {font-size:27px}
  .drive-meta {margin-top:4px}
  .drive-controls button {font-size:12px}
  .point-open #zoom-tools {right:auto;left:var(--edge);bottom:80px}
}