.leaderboard{display:flex!important;flex-direction:column;gap:8px;overflow:hidden}.lab-side-tabs{display:flex;gap:6px;flex-shrink:0}.lab-side-tabs button{flex:1;padding:9px;font-size:12px}.lab-side-tabs [aria-selected=true]{background:#167b9f;border-color:#35c5ff;color:white}#lab-driver-search{width:100%;box-sizing:border-box;flex-shrink:0;background:#0d243b;border:1px solid #32608a;border-radius:8px;color:#e6f5ff;padding:9px}.lab-board-pane{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}.lab-board-pane[hidden],.leaderboard .contacts-panel[hidden],.lab-driver-results[hidden]{display:none!important}.lab-board-pane .board-scroll{flex:1;min-height:0}.leaderboard .contacts-panel{margin:0;padding:8px;min-height:0;overflow:auto;flex:1}.leaderboard .contact-results{max-height:none!important;overflow:visible!important}.leaderboard .contact-results button{display:block;width:100%;text-align:left;font-size:12px;margin-bottom:8px}.lab-driver-results{overflow:auto;max-height:180px;flex-shrink:0}.lab-driver-results button{display:block;text-align:left;width:100%;padding:8px}
#lab-map-help{position:absolute;left:10px;right:10px;bottom:8px;z-index:6;padding:7px 10px;border:1px solid #32608a;border-radius:8px;background:#081827e8;color:#c9e5fa;font-size:11px;line-height:1.55;pointer-events:none}.canvaswrap .telemetry-hud{bottom:78px!important}@media(max-width:700px){#lab-map-help{font-size:10px}.canvaswrap .telemetry-hud{bottom:86px!important}}
html,body{height:auto!important;min-height:0!important;overflow:visible!important}.layout{height:auto!important;min-height:0!important;overflow:visible!important}.stage{height:auto!important;min-height:0!important;overflow:visible!important}.replay-grid{flex:none!important;align-items:stretch}.replay-grid .canvaswrap{height:var(--lab-map-height,650px)!important;min-height:420px!important}.replay-grid .leaderboard{height:var(--lab-map-height,650px)!important}.lab-commandbar{position:relative;z-index:20;background:#0b1828f5;border:1px solid #284b6b;border-radius:12px;padding:6px;margin-bottom:10px;box-shadow:0 5px 15px #0005}.lab-commandbar .lap-navigation{margin-bottom:4px}.lab-commandbar .controls{margin:4px 0}.lab-commandbar .topbar{gap:6px}.comparing .lab-commandbar .topbar,.comparing .lab-commandbar .controls{display:none!important}@media(max-width:1000px){.replay-grid .leaderboard{height:460px!important}.lab-commandbar{padding:4px}.lab-commandbar .lap-navigation{gap:5px}}
@media(min-width:1001px){.replay-grid{grid-template-columns:minmax(300px,1fr) clamp(560px,35vw,760px)!important}}.leaderboard td:nth-child(2),.leaderboard th:nth-child(2){max-width:230px}.canvaswrap canvas{cursor:grab}.canvaswrap canvas.map-dragging{cursor:grabbing}
@media(max-width:1000px){html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important}.layout{padding:4px!important}.stage,.replay-grid,.canvaswrap,.leaderboard,.lab-commandbar,.lap-compare,.comparison-pane{min-width:0!important;max-width:100%!important}.replay-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}.lab-commandbar{position:static!important;transform:none!important;box-shadow:none;z-index:auto}.lab-commandbar .topbar,.lab-commandbar .view-tools{justify-content:flex-start;width:100%;height:auto;min-width:0;flex-wrap:wrap}.lab-commandbar #name{display:block;width:100%;overflow-wrap:anywhere}.lap-navigation label{min-width:0;max-width:100%;flex-wrap:wrap}.lap-navigation select{max-width:180px}.controls{height:auto!important;min-height:0!important;flex-wrap:wrap;gap:6px}.controls #time{min-width:0!important;width:100%!important;flex:0 0 100%!important;order:2}.controls #clock{white-space:nowrap;font-size:12px}.replay-grid .canvaswrap{height:390px!important;min-height:320px!important}.replay-grid .leaderboard{height:500px!important;padding:10px}.leaderboard .board-scroll,.leaderboard .contacts-panel{overscroll-behavior:auto;touch-action:pan-x pan-y}.leaderboard table{font-size:12px}.leaderboard td,.leaderboard th{padding:10px 6px}.clean-controls{min-width:0;max-width:100%}.clean-controls input[type=url]{min-width:0!important;width:100%;flex:1 1 100%}.comparison-controls{min-width:0}.comparison-controls label{max-width:100%;min-width:0}.comparison-panes{grid-template-columns:minmax(0,1fr)!important}.canvaswrap .telemetry-hud{bottom:75px!important}.canvaswrap canvas{touch-action:auto!important}}
@media(max-width:1000px){html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important}.layout{padding:4px!important}.stage,.replay-grid,.canvaswrap,.leaderboard,.lab-commandbar,.lap-compare,.comparison-pane{min-width:0!important;max-width:100%!important}.replay-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}.lab-commandbar{position:static!important;transform:none!important;box-shadow:none;z-index:auto}.lab-commandbar .topbar,.lab-commandbar .view-tools{justify-content:flex-start;width:100%;height:auto;min-width:0;flex-wrap:wrap}.lab-commandbar #name{display:block;width:100%;overflow-wrap:anywhere}.lap-navigation label{min-width:0;max-width:100%;flex-wrap:wrap}.lap-navigation select{max-width:180px}.controls{height:auto!important;min-height:0!important;flex-wrap:wrap;gap:6px}.controls #time{min-width:0!important;width:100%!important;flex:0 0 100%!important;order:2}.controls #clock{white-space:nowrap;font-size:12px}.replay-grid .canvaswrap{height:390px!important;min-height:320px!important}.replay-grid .leaderboard{height:500px!important;padding:10px}.leaderboard .board-scroll,.leaderboard .contacts-panel{overscroll-behavior:auto;touch-action:pan-x pan-y}.leaderboard table{font-size:12px}.leaderboard td,.leaderboard th{padding:10px 6px}.clean-controls{min-width:0;max-width:100%}.clean-controls input[type=url]{min-width:0!important;width:100%;flex:1 1 100%}.comparison-controls{min-width:0}.comparison-controls label{max-width:100%;min-width:0}.comparison-panes{grid-template-columns:minmax(0,1fr)!important}.canvaswrap .telemetry-hud{bottom:75px!important}.canvaswrap canvas{touch-action:auto!important}}

/* Replay player: banners above the picture, playback immediately below. */
.lab-player{display:flex;flex-direction:column;min-width:0;max-width:100%;align-self:start}
.lab-player-info{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.lab-player-info .telemetry-hud{position:static!important;width:220px!important;max-width:100%;margin:0;box-shadow:none;backdrop-filter:none;pointer-events:auto}
.lab-player-info #lab-map-help{position:static;flex:1 1 220px;min-width:0;display:flex;align-items:center;margin:0;background:#0b1829;color:#c9e5fa}
.lab-player .canvaswrap{flex:none!important;width:100%}
.lab-player>.controls{margin:0;padding:10px 8px;border:1px solid #284b6b;border-top:0;border-radius:0 0 10px 10px;background:#0b1828;gap:8px;flex-wrap:wrap}
.lab-player>.controls #time{order:-1;flex:1 0 100%;width:100%;min-width:0;margin:0;min-height:24px}
.lab-player>.controls #clock{margin-left:auto;min-width:0;white-space:nowrap}
.lab-player>.clip-recorder{margin:12px 0 0}
@media(max-width:1000px){.lab-player>.controls #time{order:-1!important}.lab-player-info{gap:6px}.lab-player-info #lab-map-help{font-size:10px}.lab-player>.controls button{padding:8px}.lab-player>.controls select{width:70px}.lab-player>.controls #clock{font-size:11px}}