.vehicle-picker{display:flex;align-items:center;gap:12px;margin:15px 0 6px;text-align:left}
.vehicle-picker label{font-size:13px;white-space:nowrap;color:#ddc79a}
.vehicle-picker select{flex:1;min-width:0;background:#251e1b;color:#f4dfb3;border:1px solid #746143;border-radius:10px;padding:11px 12px;font:600 14px inherit;cursor:pointer;outline-offset:3px;color-scheme:dark}
.game-note{font-size:10px!important;line-height:1.5;color:#aaa099;margin:6px 0 12px!important}
.vehicle-badge{position:fixed;z-index:8;top:18px;left:140px;padding:8px 14px;background:#191312bc;border:1px solid #bfa16c55;border-radius:20px;color:#f3dcae;font-size:12px;pointer-events:none;white-space:nowrap}
#result .actions{flex-wrap:wrap}#changeCarBtn{flex-basis:100%;padding:9px}
.menu{max-height:calc(100dvh - 24px);overflow-y:auto}
@media(max-width:600px){.vehicle-picker{margin-top:10px}.vehicle-picker select{font-size:13px}.vehicle-badge{top:83px;left:18px;font-size:10px}.menu .rules{font-size:11px}.menu h1{font-size:30px}}


.real-brake-card{margin:10px 0 14px;padding:12px 14px;border:1px solid #c5af7745;border-radius:12px;background:#e8c98409;text-align:left;color:#e9e1d3}
.real-brake-card[hidden]{display:none}
.real-brake-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#c7b58d;letter-spacing:.4px}
.real-brake-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;font-size:12px;line-height:1.5}
.real-brake-main small{display:block;font-size:10px;color:#aca39a}
.real-brake-main strong{font-size:29px;white-space:nowrap;color:#f4dfb3;font-variant-numeric:tabular-nums;line-height:1}
.real-brake-main em{font-size:12px;font-style:normal;margin-left:5px;font-weight:400}
.real-brake-card summary{cursor:pointer;font-size:11px;color:#dcc89e;padding:4px 0}
.real-brake-card details p{font-size:11px;line-height:1.65;margin:8px 0}
.real-brake-card a{font-size:11px;color:#f1d5a0;text-decoration:underline;text-underline-offset:3px;line-height:1.6}
.real-brake-card .real-brake-note,.real-brake-card .real-brake-footnote{font-size:10px;line-height:1.5;color:#aaa39c;margin:7px 0 0}
@media(max-width:600px){.real-brake-card{padding:10px}.real-brake-main{font-size:11px}.real-brake-main strong{font-size:26px}}

.menu{scrollbar-width:thin;scrollbar-color:#79694c #211a1c}

.parking-notice{position:fixed;z-index:9;left:50%;top:28px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:14px 22px;border:1px solid #92c7db88;border-radius:15px;background:#10212be8;color:#e9f6ff;box-shadow:0 10px 35px #0005;pointer-events:none}
.parking-notice[hidden]{display:none}.parking-notice strong{display:block;font-size:21px}.parking-notice small{display:block;margin-top:5px;color:#adc4ce;font-size:12px}.parking-symbol{display:grid;place-items:center;width:40px;height:40px;border:2px solid currentColor;border-radius:9px;font-size:26px;font-weight:700;color:#92ddff}.parking-notice.complete{border-color:#6be0b7;background:#102b24e8}.parking-notice.complete .parking-symbol{color:#80efba}
@media(min-width:1000px){#result.parking-result{left:auto;right:20px;transform:translateY(-50%);width:350px;padding:20px}#result.parking-result .chart-box{display:none}}
@media(max-width:600px){.parking-notice{top:110px;padding:10px 15px;width:max-content;max-width:90vw}.parking-notice strong{font-size:18px}body:has(#result.parking-result:not(.hidden)) .parking-notice{display:none}}