/* Small paper labels keep the driving HUD readable on the neutral track backdrop. */
html:not(.is-landing) .app{background:#fff}
html:not(.is-landing) main{border-color:#d4d6d1}
html:not(.is-landing) .venue-brand{color:#272c32;background:#fffffff0;padding:6px 9px 6px 6px;border:1px solid #272c3222}
html:not(.is-landing) .venue-brand .brand{color:#000fff}
html:not(.is-landing) .venue-brand .brand-mark{background:transparent}
html:not(.is-landing) .venue-brand .brand small{color:#697078}
html:not(.is-landing) .practice-hud{padding:4px 7px;background:#fffffff0;border:1px solid #272c3222;color:#272c32}
html:not(.is-landing) .practice-hud .eyebrow,html:not(.is-landing) .practice-hud>small{color:#697078}
html:not(.is-landing) .track-tag{padding:7px 9px;background:#fffffff0;border:1px solid #272c3222;color:#272c32}
html:not(.is-landing) .track-tag small{color:#697078}
html:not(.is-landing) .track-tag>span{border-color:#9b9fa6;color:#555c65}
html:not(.is-landing) .speed-display{width:82px;padding:6px 9px;background:#fffffff0;border:1px solid #272c3222;color:#272c32}
html:not(.is-landing) .speed-display>span,html:not(.is-landing) .flight-status{color:#697078}
html:not(.is-landing) .flight-status.airborne{color:#000fff}
html:not(.is-landing) .speed-line{background:#555c6533}
html:not(.is-landing) .speed-line i{background:#000fff}
@media(max-width:650px){
 html:not(.is-landing) .venue-brand{padding:0;border:0}
 html:not(.is-landing) .speed-display{width:61px;padding:5px 7px}
 html:not(.is-landing) .track-tag{padding:5px 7px}
 html:not(.is-landing) .practice-hud{max-width:calc(100% - 28px)}
}

@media(max-width:600px){
 .venue-brand .brand .brand-title{display:block;font-size:9px;letter-spacing:.7px}
 .venue-brand .brand-title small{font-size:6px;letter-spacing:.55px}
 .venue-brand .brand{gap:5px}
 .venue-brand .brand-mark{width:31px}
 .viewport-bar .view-controls #cameraBtn span{display:none}
}

/* A quiet, consistent set of controls leaves the track as the focus. */
html:not(.is-landing) .venue-brand{padding:0;border:0;background:transparent;gap:22px}
html:not(.is-landing) .venue-brand .brand small{color:#697078}
.return-site-link{color:var(--blue);font-size:11px;text-decoration:none;white-space:nowrap}
.return-site-link:hover{text-decoration:underline;text-underline-offset:4px}
.return-site-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
html.is-landing .return-site-link,html.is-landing .drive-results{display:none}
html.is-editing-appearance .drive-results{visibility:hidden}
html:not(.is-landing) .view-controls button,html:not(.is-landing) .view-controls #pitBtn{background:#fff;border:1px solid #d6d8df;color:var(--blue);min-height:40px}
html:not(.is-landing) .view-controls button:hover{background:#f5f5ff}
html:not(.is-landing) .view-controls #pitBtn kbd{color:#697078;border-color:#d6d8df}
html:not(.is-landing) .track-tag{left:25px;bottom:29px;padding:0;border:0;background:transparent;color:#272c32}
html:not(.is-landing) .track-tag b{font-size:11px;font-weight:500}
html:not(.is-landing) .drive-dock{bottom:20px;background:transparent;border:0;box-shadow:none;gap:7px}
html:not(.is-landing) .drive-dock>button{min-height:40px;padding:9px 13px;border:1px solid #d6d8df;background:#fff;color:var(--blue)}
html:not(.is-landing) .drive-dock>button:hover{background:#f5f5ff}
html:not(.is-landing) .drive-dock kbd{color:#697078;border-color:#d6d8df}
.drive-results{position:absolute;right:25px;bottom:24px;z-index:3;min-width:145px;color:#272c32;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;pointer-events:none}
.drive-results__best{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px}
.drive-results__best strong{color:var(--blue);font-size:13px}
.drive-results__recent>span{display:block;color:#697078}
.drive-results ol{margin:3px 0 0;padding:0;list-style:none;min-height:8em}
.drive-results li{white-space:nowrap}
@media(max-width:900px){
 html:not(.is-landing) .venue-brand{gap:12px}
 .return-site-link{font-size:10px}
 .drive-results{right:14px;bottom:18px;min-width:140px;font-size:11px}
 html:not(.is-landing) .track-tag{left:14px;bottom:24px;max-width:25%}
}
@media(max-width:650px){
 html:not(.is-landing) .venue-brand{align-items:flex-start;gap:4px;flex-direction:column}
 html:not(.is-landing) .venue-brand .brand{min-height:34px}
 .return-site-link{font-size:10px}
 html:not(.is-landing) .drive-dock{bottom:14px}
 html:not(.is-landing) .drive-dock>button{min-height:36px;padding:7px 9px}
 .drive-results{right:12px;bottom:14px;min-width:100px;max-width:32%;font-size:10px}
 .drive-results__best{gap:8px;margin-bottom:6px}
 .drive-results__best strong{font-size:11px}
 html:not(.is-landing) .track-tag{left:12px;bottom:20px;max-width:23%}
}