#measured {--actual:#d0f25c;--coast:#b8cfdb;--map:#93a28b}
.lap-section-head .outline-btn {flex:none;white-space:nowrap}
.lap-panel {background:#191d19}
.lap-panel [hidden] {display:none!important}
.lap-source {display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(110px,.55fr) auto;gap:12px 24px;align-items:center;background:#20251e;border-bottom:1px solid #3b4434;padding:15px 21px}
.lap-vehicle {display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.lap-vehicle label,.lap-time small,.lap-person small {font-size:11px;color:#adb8a2}
.lap-vehicle .car-select {width:max-content;max-width:100%;height:37px;background:#151b14;border:1px solid #526044}
.lap-vehicle select {font-size:14px;text-overflow:ellipsis;cursor:pointer;color:#f0f4e9;font-weight:550}
.lap-person {display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px;font-size:14px;color:#e1e7d9}
.lap-time {display:grid;grid-template-columns:auto 14px;align-items:center;gap:2px 6px;text-align:right}
.lap-time small {grid-column:1}
.lap-time strong {grid-column:1;grid-row:2;font:600 clamp(28px,2.5vw,37px)/.97 var(--cond);letter-spacing:.02em;color:#e6f1cf;font-variant-numeric:tabular-nums}
.lap-time .icon {grid-column:2;grid-row:2;color:#aebe97}
.lap-time:hover strong,.lap-time:hover .icon {color:var(--actual)}
.lap-head,.lap-chart-head,.lap-turn-name,.lap-jumps,.lap-switch,.lap-key,.lap-key span {display:flex;align-items:center}
.lap-head {padding:15px 21px;justify-content:space-between;gap:12px}
.lap-turn-name {gap:10px;flex-wrap:wrap;min-width:0}
.lap-turn-name h3 {font-size:21px;line-height:1.3}
.lap-turn-name>span[lang] {color:#a8b49e;font:500 16px/1.25 var(--cond);letter-spacing:.035em}
#save-lap[aria-pressed=true] {color:var(--actual);background:#303b22;border-color:#718246}
.lap-state,.lap-event {padding:12px 21px;font-size:13px;color:#d2ddc5;background:#252d20;border-block:1px solid var(--line)}
.lap-state button {font-size:12px;color:var(--actual);text-decoration:underline}
.lap-event {margin:10px 16px 3px;padding:9px 12px;color:#e8dbc1;background:#30291e;border:1px solid #74623e;border-left:3px solid #ebbb68;border-radius:4px}
.lap-event h3 {display:flex;align-items:center;gap:6px;font-size:12px;color:#f7d795}
.lap-event h3 span,#slow-key b {display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;font:700 10px/1 var(--mono);color:#231c11;background:#f5c477}
.lap-event p {margin:4px 0;font-size:12px;line-height:1.55}
.lap-event button {padding:2px 0;color:#ffdc98;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
#map-summary #slow-key {display:inline-flex;align-items:center;gap:4px;margin-left:6px;font:inherit;color:#f4d197}
.turn-pin.has-low-speed::after {content:'!';position:absolute;z-index:1;top:-5px;right:-5px;display:grid;place-items:center;width:11px;height:11px;box-shadow:0 0 0 1px #352b19;border-radius:50%;font:700 9px/1 var(--mono);color:#231c11;background:#f5c477;pointer-events:none}
.turn-pin.has-shot.has-low-speed::after {top:23px;right:2px}
.index-slow {color:#f4ce88;font-size:10px}
.lap-slow-band {fill:#efba65;opacity:.15}
.lap-readout-grid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border-block:1px solid var(--line)}
.lap-route,.lap-readout,.lap-profile {min-width:0}
.lap-route {padding:12px 20px;display:flex;flex-direction:column;background-color:#151b15;background-image:radial-gradient(#48574090 .7px,transparent .85px);background-size:15px 15px;border-right:1px solid var(--line)}
.lap-chart-head {justify-content:space-between;gap:9px;min-height:26px}
.lap-chart-head h4,.lap-cue h4 {font-size:14px;font-weight:600;line-height:1.4}
.lap-zoom,.lap-jumps button,.lap-switch button {font-size:11px;line-height:1.4;border-radius:3px}
.lap-zoom {border:1px solid #43503b;color:#cbd5c2;background:#1d231b;padding:4px 8px}
.lap-zoom:hover,.lap-jumps button:hover,.lap-switch button:hover {color:var(--actual)}
#lap-map {width:100%;height:170px;display:block;margin:auto 0}
#lap-map path,#lap-graph path {fill:none;stroke-linecap:round;stroke-linejoin:round}
.lap-center {stroke:var(--map);stroke-dasharray:4 5;stroke-width:1.6}
.lap-line {stroke-width:3.2}
.lap-line.gas,.lap-trace,.lap-trace.gas {stroke:var(--actual)}
.lap-line.brake,.lap-trace.brake {stroke:var(--brake)}
.lap-line.coast {stroke:var(--coast)}
.lap-arrow {stroke:#f2f5e9;stroke-width:1.6}
.lap-marker {fill:#1c2615;stroke:#f5f8dc;stroke-width:2.5}
.lap-key {flex-wrap:wrap;gap:3px 14px;color:#b9c4ad;font-size:11px}
.lap-key span {gap:5px}
.lap-key i {display:inline-block;width:16px;border-top:2.6px solid var(--actual)}
.lap-key .key-brake {border-color:var(--brake)}
.lap-key .key-coast {border-color:var(--coast)}
.lap-key .key-center {border:0;border-top:1.5px dashed var(--map)}
.lap-readout {padding:13px 21px 14px;display:flex;flex-direction:column;background:linear-gradient(120deg,#1f241d,#181d17)}
#lap-station {color:#b7c5a9;font:500 11px var(--mono);white-space:nowrap}
.lap-speed {display:flex;align-items:baseline;gap:9px;margin:6px 0 10px}
.lap-speed strong {color:#eef2e7;font:600 clamp(55px,5.7vw,80px)/.97 var(--cond);font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.lap-speed>span {color:#b3bfa8;font:12px var(--mono)}
.lap-pedal {display:grid;grid-template-columns:auto minmax(30px,1fr) 47px;align-items:center;gap:10px;margin-block:4px;font-size:12px;color:#d6dfcd}
.lap-pedal>div {height:6px;background:#353e31;border-radius:4px;overflow:hidden}
.lap-pedal i {display:block;height:100%;background:var(--actual);border-radius:4px}
.lap-pedal.braking i {background:var(--brake)}
.lap-pedal output {font:12px var(--mono);text-align:right}
.lap-position {display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:9px;font-size:11px;color:#b4bfa8}
.lap-position i {width:5px;height:5px;border-radius:50%;background:#b7cd93}
.lap-scrub {display:grid;grid-template-columns:auto minmax(85px,1fr) auto;align-items:center;gap:13px;padding:11px 21px;border-bottom:1px solid var(--line);background:#1e241d}
.lap-range-labels,.lap-axis {display:flex;justify-content:space-between;color:#aab79e;font:10px var(--mono)}
#lap-slider {display:block;width:100%;height:17px;accent-color:var(--actual);cursor:pointer;margin:0}
.lap-jumps,.lap-switch {gap:3px}
.lap-jumps button {padding:5px 8px;color:#b4bfaa;border:1px solid #45513b}
.lap-jumps button[aria-pressed=true] {color:#deecad;border-color:#73854a;background:#303a25}
.lap-profile {padding:13px 21px 9px;background:#151a15}
.lap-switch {border:1px solid #394233;background:#1e241d;border-radius:5px;padding:2px}
.lap-switch button {padding:4px 11px;color:#b4bfaa}
.lap-switch button[aria-pressed=true] {background:#39432c;color:#e5f3b4}
#lap-graph {display:block;width:100%;height:112px;cursor:crosshair}
.lap-trace {stroke-width:2.5}
.lap-gridline {stroke:#364030;stroke-width:1}
.lap-apex-tick {stroke:#7c8e6d;stroke-dasharray:2 4;stroke-width:1}
.lap-axis-tick,.lap-axis-unit {font:10px var(--mono);fill:#acb6a2}
.lap-crosshair {stroke:#eef3e3;stroke-width:1;opacity:.77}
.lap-graph-dot {fill:var(--actual);stroke:#151b10;stroke-width:1.5}
.lap-graph-dot.brake {fill:var(--brake)}
.lap-axis {padding:1px 6px 1px 39px;line-height:1.25}
.lap-axis>span:nth-child(2) {font-family:var(--cn)}
.lap-cue {display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border-top:1px solid var(--line);padding:12px 21px}
.lap-cue h4 {font-size:13px}
.lap-cue p {grid-column:1;font-size:12px;color:#b6c0ab}
.lap-cue #show-history {grid-column:2;grid-row:1 / span 2;font-size:11px;white-space:nowrap}
.lap-method {padding:10px 21px;border-top:1px solid var(--line);font-size:12px;color:#b8c3ad}
.lap-method summary {cursor:pointer;font-weight:550;color:#d3dec8}
.lap-method p {max-width:100ch;margin:9px 0;line-height:1.8}
.lap-method a {text-decoration:underline;text-underline-offset:3px;color:#d6e8a9}
.lap-method a:hover {color:var(--actual)}
@media(max-width:760px){
  .lap-head,.lap-readout,.lap-source,.lap-route,.lap-scrub,.lap-profile,.lap-method,.lap-cue {padding-inline:15px}
  .lap-source {gap:7px 14px}
  .lap-person {font-size:13px}
  .lap-readout-grid {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .lap-turn-name {gap:5px 8px}
}
@media(max-width:600px){
  .lap-source {grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
  .lap-vehicle {grid-column:1 / -1;gap:3px}
  .lap-vehicle .car-select {width:100%;justify-content:flex-start}
  .lap-vehicle select {flex:1;width:0}
  .lap-person {flex-direction:row;gap:6px;flex-wrap:wrap;align-items:baseline}
  .lap-time {display:flex;align-items:baseline;gap:4px}
  .lap-time strong {font-size:22px}
  .lap-time small {font-size:10px}
  .lap-time .icon {width:11px;height:11px}
  .lap-readout-grid {grid-template-columns:1fr}
  .lap-route {border-right:none;border-bottom:1px solid var(--line)}
  #lap-map {height:144px}
  .lap-readout {display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1fr);column-gap:12px}
  .lap-readout .lap-chart-head {grid-column:1 / -1}
  .lap-speed {grid-row:2 / span 2;margin:3px 0 2px;align-items:baseline}
  .lap-speed strong {font-size:43px}
  .lap-speed>span {font-size:10px}
  .lap-pedal {grid-column:2;font-size:11px;grid-template-columns:auto minmax(20px,1fr) 43px;gap:5px}
  .lap-pedal output {font-size:11px}
  .lap-position {grid-column:1 / -1;padding-top:4px}
  .lap-scrub {grid-template-columns:auto minmax(0,1fr);gap:4px 12px}
  .lap-jumps {grid-column:2;justify-content:space-between}
  .lap-chart-head h4 {font-size:13px}
  .lap-turn-name>span[lang] {flex-basis:100%;font-size:14px}
  .lap-section-head {align-items:flex-start;flex-wrap:wrap}
  .lap-section-head .outline-btn {min-height:35px}
  .lap-profile {padding-inline:12px}
  #lap-graph {height:104px}
  .lap-zoom,.lap-jumps button,.lap-switch button {min-height:27px}
}
#corner-panel .lap-readout-grid {display:flex;flex-direction:column-reverse}
#corner-panel .lap-readout {display:grid;grid-template-columns:minmax(88px,.7fr) minmax(0,1fr);gap:3px 12px;padding:9px 14px}
#corner-panel .lap-readout .lap-chart-head {grid-column:1/-1}
#corner-panel .lap-speed {grid-column:1;grid-row:2 / span 2;margin:0}
#corner-panel .lap-speed strong {font-size:44px}
#corner-panel .lap-speed>span {font-size:10px}
#corner-panel .lap-pedal {grid-column:2;grid-template-columns:25px minmax(24px,1fr) 44px;gap:6px;margin:2px 0;font-size:11px}
#corner-panel .lap-pedal output {font-size:11px}
#corner-panel .lap-position {grid-column:1/-1;padding-top:0;font-size:10px}
#corner-panel .lap-route {border:0;border-top:1px solid var(--line);padding:8px 14px}
#corner-panel #lap-map {height:116px}
#corner-panel .lap-key {font-size:10px;gap:4px 10px}
#corner-panel .lap-scrub {display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:8px 14px}
#corner-panel .lap-jumps {grid-column:2;justify-content:space-between}
#corner-panel .lap-jumps button {min-height:20px;padding:2px 5px;font-size:10px}
#corner-panel .lap-profile {padding:8px 13px}
#corner-panel #lap-graph {height:90px}
#corner-panel .lap-method {padding:9px 14px}

.lap-map-actions {display:flex;gap:5px;align-items:center}
#focus-kerb {border-color:#718855;color:#e5efbb}
.lap-image-wrap {position:relative;margin:4px 0 6px;overflow:hidden;border-radius:4px;border:1px solid #42513d;background:#172219}
#corner-panel #lap-map {height:clamp(145px,20vh,186px)}
#lap-scale {position:absolute;bottom:5px;left:6px;padding:3px 4px;background:#172017bb;border-radius:2px}
#lap-scale span {font-size:9px}
.kerb-note {font-size:11px;line-height:1.55;color:#b9c6ac;margin-top:7px}
[data-basemap=aerial] #lap-map .lap-center {stroke:#f0f2e9;stroke-width:1.15;stroke-dasharray:4 4}
[data-basemap=aerial] #lap-map .lap-line {stroke-width:2.3}
[data-basemap=aerial] #lap-marker {fill:#1a2b1ba8;stroke:#f6ffe4;stroke-width:1.8}
[data-basemap=aerial] .lap-key .key-center {border-color:#d7dfd0}