/* Rider controls share the existing steering and pedal layout. */
.bike-weight-controls,#bike-balance{display:none}
.bike-selected .bike-weight-controls{display:flex;position:absolute;left:185px;bottom:0;gap:8px;flex-direction:column}
.controls .bike-weight-controls button{width:104px;height:48px;padding:8px;font-size:10px;font-weight:700;letter-spacing:.6px;border-color:#c2ef5070;touch-action:none}
.bike-weight-controls small{display:block;margin-top:4px;font-size:8px;color:#bdcbb0}
.bike-selected #bike-balance{display:block;position:absolute;bottom:82px;left:50%;transform:translateX(-50%);width:280px;padding:12px 15px;border:1px solid #c2ef5045;border-radius:10px;background:#101b1ee8;color:#edf3e4;pointer-events:none;font-size:11px;box-shadow:0 4px 18px #0003}
#bike-balance>div:first-child{display:flex;justify-content:space-between;gap:12px;letter-spacing:1px}
#bike-balance small{display:block;margin-top:8px;font-size:9px;line-height:1.4;letter-spacing:.3px;color:#bfcebc}
.bike-pitch-track{position:relative;height:7px;margin-top:10px;border-radius:4px;background:linear-gradient(90deg,#56777a 0%,#7e9864 55%,#a18945 76%,#c56b4c 100%)}
#bike-balance-zone{position:absolute;top:-3px;height:13px;border:1px solid #d2ff80;border-radius:2px;background:#c2ef503b}
#bike-pitch-needle{position:absolute;top:-4px;width:3px;height:15px;background:#fff;box-shadow:0 0 6px #ffffff60;transform:translateX(-50%)}
#bike-balance[data-state=balanced]{border-color:#c2ef50}
#bike-balance[data-state=over]{border-color:#f0a06d}
@media(pointer:coarse),(max-width:900px){
 .bike-selected #bike-balance{bottom:95px;width:230px;padding:9px 11px;font-size:10px}
 .bike-weight-controls small{display:none}
 .controls .bike-weight-controls button{width:96px;height:46px;font-size:9px}
}
@media(max-height:500px) and (orientation:landscape){
 .bike-selected #bike-balance{bottom:80px;width:220px;padding:8px 10px}
 #bike-balance small{font-size:8px;margin-top:6px}
 .controls .bike-weight-controls button{height:44px;width:93px}
}
.controller-active.bike-selected #bike-balance{bottom:50px}
.tv-mode.bike-selected #bike-balance{bottom:9vh;transform:translateX(-50%) scale(var(--tv-scale));transform-origin:bottom center}

@media(max-width:760px){.bike-selected .bike-weight-controls{display:none}}