.vehicle-title-row{display:flex;align-items:center;gap:10px;margin:14px 0 9px}
.vehicle-title-row #title{min-width:0;margin:0;overflow-wrap:anywhere}
#vehicle-info-toggle{pointer-events:auto;flex:0 0 44px;width:44px;height:44px;color:var(--accent);border-radius:50%;transition:background .18s ease}
#vehicle-info-toggle svg{width:28px;height:28px;stroke-width:2;stroke-linecap:round}
body.light #vehicle-info-toggle{color:#5f523e}
#vehicle-info-toggle:hover,#vehicle-info-toggle[aria-expanded=true]{background:var(--stage-line)}
#vehicle-info{--info-bg:#1a1c20;--info-text:#f1eee8;--info-muted:#b4b4af;--info-line:#ffffff24;--info-accent:#e8c797;--info-track:#ffffff16;position:fixed;inset:auto;margin:0;box-sizing:border-box;width:360px;max-width:calc(100vw - 32px);padding:22px 24px;color:var(--info-text);background:var(--info-bg);border:1px solid var(--info-line);border-radius:12px;box-shadow:0 16px 48px #0004;overflow:auto;overscroll-behavior:contain;font-size:13px;line-height:1.6}
body.light #vehicle-info{--info-bg:#f8f6f0;--info-text:#26312d;--info-muted:#5e6862;--info-line:#26312d26;--info-accent:#7b5426;--info-track:#26312d12;box-shadow:0 16px 48px #26312d22}
#vehicle-info::backdrop{background:transparent;pointer-events:none}
#vehicle-info .icon-button{position:absolute;right:12px;top:10px;width:44px;height:44px;margin:0;color:var(--info-muted);border-radius:50%}
#vehicle-info .icon-button:hover{background:var(--info-track);color:var(--info-text)}
#vehicle-info .icon-button svg{width:20px;height:20px}
#vehicle-info h4{margin:0;font-size:13px;font-weight:600}
#vehicle-info p{margin:0}
.vehicle-info-parking{padding:0 0 20px;border-bottom:1px solid var(--info-line)}
#vehicle-info .vehicle-info-rate{display:flex;align-items:baseline;gap:10px;margin:8px 0 14px;color:var(--info-muted);font-size:12px}
.vehicle-info-rate strong{font-size:36px;font-weight:600;letter-spacing:-1px;line-height:1.2;color:var(--info-accent);font-variant-numeric:tabular-nums}
.vehicle-info-economy{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin:0 0 12px}
.vehicle-info-economy dt{font-size:11px;color:var(--info-muted)}
.vehicle-info-economy dd{margin:3px 0 0;font-size:16px;font-variant-numeric:tabular-nums}
.vehicle-info-economy small{font-size:11px;color:var(--info-muted)}
#vehicle-info .vehicle-info-note{color:var(--info-muted);font-size:11px;line-height:1.7}
.vehicle-info-race{padding-top:18px}
.vehicle-info-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vehicle-info-section-title>span{font-size:11px;color:var(--info-muted)}
.vehicle-info-metrics{margin:16px 0;display:grid;gap:12px}
.vehicle-info-metrics>div{--metric-from:#239bda;--metric-to:#76efff;--metric-ink:#76efff;--metric-glow:#53dbff40;display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:center}
.vehicle-info-metrics [data-metric=acceleration]{--metric-from:#4173ed;--metric-to:#9bbaff;--metric-ink:#9bbaff;--metric-glow:#719fff40}
.vehicle-info-metrics [data-metric=cornering]{--metric-from:#9460df;--metric-to:#d6aeff;--metric-ink:#d6aeff;--metric-glow:#bf8cff40}
.vehicle-info-metrics [data-metric=grip]{--metric-from:#27a580;--metric-to:#7cf1bf;--metric-ink:#7cf1bf;--metric-glow:#66e9b640}
.vehicle-info-metrics [data-metric=resilience]{--metric-from:#db803b;--metric-to:#ffce8f;--metric-ink:#ffce8f;--metric-glow:#ffb36540}
.vehicle-info-metrics [data-metric=nitro]{--metric-from:#d75090;--metric-to:#ff9cc8;--metric-ink:#ff9cc8;--metric-glow:#ff80b640}
.vehicle-info-metrics dt{font-size:12px;color:var(--info-muted)}
.vehicle-info-metrics dd{display:flex;align-items:center;gap:14px;margin:0;min-width:0}
.vehicle-info-metrics dd>span:last-child{flex:0 0 24px;text-align:right;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--metric-ink)}
.vehicle-info-gauge{position:relative;flex:1;min-width:0;filter:drop-shadow(0 0 5px var(--metric-glow))}
.vehicle-info-track{display:block;height:9px;background:var(--info-track);transform:skewX(-14deg);mask:linear-gradient(to right,#000 calc(100% - 3px),transparent 0) 0 0/10% 100%;-webkit-mask:linear-gradient(to right,#000 calc(100% - 3px),transparent 0) 0 0/10% 100%}
.vehicle-info-track>span{display:block;height:100%;background:linear-gradient(90deg,var(--metric-from),var(--metric-to))}
/* Keep native meter semantics while the segmented layer supplies the visual. */
.vehicle-info-metrics meter{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.light .vehicle-info-metrics>div{--metric-from:#2864a9;--metric-to:#1884a0;--metric-ink:#12617e;--metric-glow:transparent}
body.light .vehicle-info-metrics [data-metric=acceleration]{--metric-from:#3959bb;--metric-to:#547bd5;--metric-ink:#345eab}
body.light .vehicle-info-metrics [data-metric=cornering]{--metric-from:#7951b8;--metric-to:#9768ce;--metric-ink:#784ba8}
body.light .vehicle-info-metrics [data-metric=grip]{--metric-from:#287452;--metric-to:#32865f;--metric-ink:#197450}
body.light .vehicle-info-metrics [data-metric=resilience]{--metric-from:#9d5b27;--metric-to:#b57030;--metric-ink:#965a20}
body.light .vehicle-info-metrics [data-metric=nitro]{--metric-from:#ad3d71;--metric-to:#c8558b;--metric-ink:#ad3d71}
@media(prefers-reduced-motion:reduce){#vehicle-info-toggle{transition:none}}
#vehicle-info .vehicle-info-empty{color:var(--info-muted);margin-top:12px;font-size:12px}
#vehicle-info-toggle:focus-visible,#vehicle-info button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:520px){#vehicle-info{padding:20px}.vehicle-title-row{gap:2px}}