.vehicle-usage-picture { display:grid; place-items:center; width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid rgba(98,168,184,.28); border-radius:7px; background:rgba(5,18,24,.68); color:#8097a5; }
.vehicle-usage-picture img { width:100%; height:100%; object-fit:contain; }
.vehicle-usage-picture svg { width:74%; max-height:75%; }
.score-vehicle-trigger,.score-vehicle-readonly { display:flex; flex-direction:column; align-items:center; width:100%; max-width:82px; min-width:0; margin:7px auto 0; padding:0; background:none; border:0; color:#b2c5ce; font:inherit; cursor:pointer; }
.score-vehicle-trigger .vehicle-usage-picture,.score-vehicle-readonly .vehicle-usage-picture { width:48px; height:34px; aspect-ratio:auto; border-radius:5px; }
.score-vehicle-trigger.is-empty .vehicle-usage-picture,.score-vehicle-readonly.is-empty .vehicle-usage-picture { border-style:dashed; background:rgba(5,18,24,.36); }
.score-vehicle-trigger small,.score-vehicle-readonly small { display:block; width:100%; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; line-height:1.45; }
.score-vehicle-readonly { cursor:default; }
.race-competition .score-cell { align-self:stretch; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:0; }
.score-vehicle-trigger:hover .vehicle-usage-picture,.score-vehicle-trigger:focus-visible .vehicle-usage-picture { border-color:#34d4e8; box-shadow:0 0 0 2px rgba(52,212,232,.16); }
.score-vehicle-trigger:focus-visible { outline:2px solid #34d4e8; outline-offset:3px; border-radius:6px; }
.entrant-score-editor { min-width:0; padding:12px; border:1px solid rgba(98,168,184,.2); border-radius:9px; }
.entrant-score-editor .score-vehicle-trigger { max-width:120px; }
.entrant-score-editor .score-vehicle-trigger .vehicle-usage-picture { width:88px; height:52px; }
.vehicle-picker-search { display:grid; gap:8px; }
.vehicle-picker-search label { font-size:13px; font-weight:700; color:#d7e8ef; }
.vehicle-picker-status { margin:0; font-size:12px; color:#8ea8b5; }
.vehicle-picker-categories { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.vehicle-picker-categories button { border:1px solid rgba(98,168,184,.35); border-radius:6px; padding:9px 13px; font:inherit; font-size:13px; color:#b5c9d2; background:rgba(7,23,30,.6); cursor:pointer; }
.vehicle-picker-categories button.active { border-color:#3cbed0; color:#79e7f4; background:rgba(23,126,144,.16); }
.vehicle-picker-current { margin-bottom:12px; font-size:13px; color:#afc3cf; }
.vehicle-picker-results { display:grid; grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); gap:12px; max-height:min(45vh,420px); overflow:auto; overscroll-behavior:contain; padding:3px; scrollbar-gutter:stable; }
.vehicle-picker-choice { display:flex; flex-direction:column; gap:7px; min-width:0; padding:9px; border:1px solid rgba(98,168,184,.25); border-radius:9px; background:rgba(11,29,39,.8); font:inherit; color:#e6f2f8; cursor:pointer; text-align:left; }
.vehicle-picker-choice>span { width:100%; }
.vehicle-picker-choice strong { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
.vehicle-picker-choice>small { font-size:11px; color:#8ba8b7; }
.vehicle-picker-choice.selected,.vehicle-picker-choice:hover { border-color:#48c9de; background:rgba(23,95,115,.38); }
.vehicle-picker-empty { grid-column:1/-1; margin:15px 0; color:#9bb2be; font-size:13px; }
.vehicle-picker-error { color:#ffb09d; font-size:13px; line-height:1.5; }
.vehicle-proficiency-groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:18px; }
.vehicle-proficiency-group { min-width:0; border:1px solid rgba(98,168,184,.2); border-radius:9px; padding:16px; background:rgba(6,20,28,.3); }
.vehicle-proficiency-group header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.vehicle-proficiency-group h3 { margin:0; font-size:16px; }.vehicle-proficiency-group header>small { color:#89a7b7; white-space:nowrap; }
.vehicle-proficiency-group ol { list-style:none; padding:0; margin:0; max-height:360px; overflow:auto; overscroll-behavior:contain; }
.vehicle-proficiency-group li { display:grid; grid-template-columns:78px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px 0; border-top:1px solid rgba(113,162,178,.15); }
.vehicle-proficiency-group li>strong { font-size:14px; line-height:1.4; overflow-wrap:anywhere; }.vehicle-proficiency-group li>span:last-child { font-size:20px; color:#70d9e6; font-weight:700; white-space:nowrap; }.vehicle-proficiency-group li>span:last-child small { font-size:11px; color:#90acb9; }
@media(max-width:480px) { .vehicle-picker-results { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.vehicle-picker-categories { gap:6px; }.vehicle-picker-categories button { padding:9px 10px; }.vehicle-proficiency-group { padding:12px; }.vehicle-proficiency-group li { grid-template-columns:66px minmax(0,1fr) auto; gap:9px; } }