/* Full-lap overlay: fixed stone reference; live throttle green, brake red, all solid. */
body[data-view=live-best] .display-shell{grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(8px,1.1vh,17px);padding:clamp(12px,1.3vw,32px)}
body[data-view=live-best].has-warning .display-shell{grid-template-rows:auto auto auto minmax(0,1fr) auto}
body[data-view=live-best] #input-panel,body[data-view=live-best] #lap-panel{display:none!important}
body[data-view=live-best] .driver-heading{padding:0;gap:15px}
body[data-view=live-best] .driver-heading h1{font-size:clamp(25px,2.5vw,62px)}
body[data-view=live-best] .kicker{font-size:clamp(9px,.65vw,13px);margin-bottom:5px}
body[data-view=live-best] .driver-context{font-size:clamp(11px,.9vw,20px)}
body[data-view=live-best] .driver-vitals{margin-top:3px}
#live-best-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:0;min-width:0;gap:clamp(5px,.8vh,11px)}
.lb-scoreboard{display:grid;grid-template-columns:1.2fr 1fr 1.15fr;border:1px solid #354050;background:#111722;border-radius:7px;overflow:hidden}
.lb-scoreboard>div{padding:clamp(9px,1.25vh,19px) clamp(14px,1.6vw,38px);border-right:1px solid #303b4a;min-width:0}.lb-scoreboard>div:last-child{border:0}
.lb-scoreboard span{display:block;font-size:clamp(9px,.7vw,15px);letter-spacing:.12em;color:#9aa9bc;white-space:nowrap}
.lb-scoreboard strong{display:block;font:600 clamp(27px,2.8vw,66px)/1.15 Consolas,monospace;letter-spacing:-.05em;margin:5px 0;color:#edf3fb}
.lb-scoreboard small{font-size:clamp(10px,.75vw,16px);color:#9baabe;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-record{border-left:3px solid #ac9d86}.lb-record strong{color:#dac8a7}.lb-delta-card{border-left:3px solid #73e2bc}
#lb-delta[data-direction=behind]{color:#f2959c}#lb-delta[data-direction=ahead]{color:#73e2bc}
.lb-legend{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:clamp(10px,.8vw,17px)}.lb-legend>div{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.lb-legend b{font-weight:500;margin-left:9px}.lb-live-key{color:#73e2bc}.lb-ref-key{color:#ac9d86}.lb-live-key::before,.lb-ref-key::before{content:'';display:inline-block;width:26px;height:1.5px;background:currentColor;vertical-align:middle;margin-right:8px}
#lb-follow{background:#1a2430;border:1px solid #455469;border-radius:5px;color:#c7d7eb;padding:7px 12px;font-size:clamp(10px,.7vw,14px);white-space:nowrap}#lb-follow[aria-pressed=true]{border-color:#73e2bc;color:#73e2bc}
.lb-status{padding:5px 11px;border-left:2px solid #536279;background:#121a25;color:#a9b8cc;font-size:clamp(10px,.75vw,15px);line-height:1.5;overflow-wrap:anywhere}.lb-held .lb-status{border-color:#cba76f;color:#e0c497}
.lb-traces{display:grid;grid-template-rows:1.1fr 1.3fr 1.15fr;min-height:0;border:1px solid #364355;border-radius:7px;background:#0b1017;overflow:hidden}
.lb-row{display:grid;grid-template-rows:auto minmax(0,1fr);padding:clamp(5px,.65vh,12px) clamp(7px,1vw,23px) 0;min-height:0;min-width:0;border-bottom:1px solid #2c3848}.lb-row:last-child{border-bottom:0;background:#101926}.lb-row-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-left:5px}
.lb-row h2{font-size:clamp(12px,1vw,22px);font-weight:600;letter-spacing:-.01em}.lb-row h2 small{font-size:.7em;font-weight:400;color:#7b8da4;margin-left:9px}.lb-row-label>span{font:500 clamp(10px,.82vw,18px) Consolas,monospace;color:#c1cee0;white-space:pre}
.lb-canvas-wrap{position:relative;min-height:0;min-width:0}.lb-canvas-wrap canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.lb-foot{display:flex;justify-content:space-between;gap:12px;font-size:clamp(9px,.65vw,13px);color:#8a9bb2}.lb-foot i{font-style:normal;color:#4d627d;margin:0 8px}
body[data-view=live-best] .display-bottom{font-size:clamp(8px,.55vw,12px)}
@media(max-width:700px){body[data-view=live-best] .display-shell{min-height:840px;height:auto;overflow:visible;grid-template-rows:auto auto minmax(550px,1fr) auto}body[data-view=live-best].has-warning .display-shell{grid-template-rows:auto auto auto minmax(550px,1fr) auto}.lb-legend>div{gap:8px}.lb-legend b{display:block;margin-left:0;margin-top:4px}.lb-scoreboard{grid-template-columns:1fr 1fr}.lb-delta-card{grid-column:1/-1;border-top:1px solid #303b4a!important;padding-block:7px!important}.lb-delta-card strong{display:inline-block;margin-right:15px}.lb-delta-card small{display:inline-block}.lb-scoreboard span{font-size:8px}.lb-scoreboard strong{font-size:28px}.lb-scoreboard>div{padding:10px}.lb-foot{flex-wrap:wrap;gap:5px}.lb-traces{min-height:390px}.lb-row-label>span{font-size:10px}.lb-status{font-size:10px}body[data-view=live-best] .driver-heading h1{font-size:26px}body[data-view=live-best] .driver-context{max-width:44%}}
@media(min-width:701px) and (max-height:720px){body[data-view=live-best] .display-shell{height:auto;min-height:720px;grid-template-rows:auto auto minmax(470px,1fr) auto}body[data-view=live-best].has-warning .display-shell{grid-template-rows:auto auto auto minmax(470px,1fr) auto}}

/* Solid pedal traces: separate colours and wider outlined reference remain legible. */
.lb-brake-key{color:#f2959c}.lb-brake-key::before{content:'';display:inline-block;width:26px;border-top:1.5px solid currentColor;vertical-align:middle;margin-right:8px}
.lb-row[data-channel=pedals]{grid-template-rows:auto minmax(0,1fr)}
.lb-pedal-values{display:flex;justify-content:flex-end;align-items:center;gap:clamp(12px,1.5vw,32px);flex-wrap:wrap;font:500 clamp(10px,.82vw,18px) Consolas,monospace}.lb-pedal-values>span{white-space:nowrap}.lb-pedal-values b{font-weight:600;font-size:.85em;margin-right:5px}.lb-throttle-value{color:#73e2bc}.lb-brake-value{color:#f2959c}
.lb-pedal-legend{display:flex;gap:6px clamp(10px,1.4vw,28px);flex-wrap:wrap;padding:5px 0 7px 5px;font-size:clamp(9px,.65vw,14px);color:#ac9d86}.lb-key::before{content:'';display:inline-block;width:23px;margin-right:6px;border-top:1.5px solid currentColor;vertical-align:middle}.lb-key.live-throttle{color:#73e2bc}.lb-key.live-brake{color:#f2959c}.lb-key.ref-throttle{color:#dac8a7}.lb-key.ref-brake{color:#c1adeb}.lb-key.live-brake::before,.lb-key.ref-brake::before{border-top-style:solid}
@media(max-width:700px){.lb-row[data-channel=pedals] .lb-row-label{align-items:flex-start;flex-direction:column;gap:5px}.lb-pedal-values{width:100%;justify-content:space-between;gap:5px;font-size:10px}.lb-pedal-values b{font-size:8px;margin-right:2px}.lb-pedal-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;font-size:9px}.lb-legend>div{gap:7px 10px}.lb-brake-key{font-size:9px}}


/* 0.17.6: the separate viewing display and Master share ONE legend, below
   all three plots; no legend can consume the pedal canvas row. */
.lb-controlbar{display:flex;align-items:center;gap:8px;min-width:0}
.lb-controlbar .lb-status{min-width:0;flex:1 1 0;margin:0}
.lb-controlbar #lb-follow{flex-shrink:0}
.lb-trace-key{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:5px 18px;min-width:0;padding:6px 11px;
  background:#121a25;border:1px solid #303d4e;border-radius:5px;
  color:#adbed2;font-size:clamp(9px,.65vw,12px);line-height:1.25
}
.lb-trace-key .master-key-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px 11px;min-width:0}
.lb-trace-key .master-key-label,.lb-trace-key .master-key-reference>span{
  color:#91a5bb;font-size:9px;font-weight:700;letter-spacing:.06em;white-space:nowrap
}
.lb-trace-key .lb-key{display:inline-flex;align-items:center;white-space:nowrap;gap:4px}
.lb-trace-key .lb-key::before{width:20px;margin-right:0;flex-shrink:0}
.lb-trace-key .master-key-reference{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-left:auto;min-width:0}
.lb-trace-key .master-key-reference b{
  color:#e0cfad;font-size:10px;font-weight:600;overflow-wrap:anywhere
}
@media(max-width:700px){
  .lb-controlbar{align-items:flex-start}
  .lb-trace-key{gap:5px 10px;padding:7px 9px}
  .lb-trace-key .master-key-group{gap:4px 8px}
  .lb-trace-key .master-key-reference{margin-left:0;flex:1 1 100%}
}