.garage-nav{display:flex;align-items:center;gap:9px;background:#183b3c;color:#fbf6e9;border:1px solid #fff2;padding:10px 15px;border-radius:24px;font-size:11px;font-weight:700}.garage-nav:hover{background:#285252}#look-chip{width:12px;height:12px;border-radius:50%;border:2px solid #fff8}.look-summary{border-top:1px solid #d8ddcf;margin-top:15px;padding-top:12px;color:#758477;font-size:8px;letter-spacing:1.1px;display:flex;justify-content:space-between;gap:10px}.look-summary strong{font-size:10px;color:#37564c;letter-spacing:0}.nav{gap:18px}#garage-dialog{width:min(880px,calc(100vw - 28px));padding:0;overflow:hidden;border-radius:18px;background:#f5f3ea}#garage-dialog>.close-dialog{z-index:3;color:#57766a}.garage-layout{display:grid;grid-template-columns:1fr 1fr}.garage-stage{background:#112a2e;position:relative;min-height:520px;color:#fff9eb;overflow:hidden}.garage-stage>.tiny-caps{position:absolute;left:24px;top:24px;color:#8da9a3;font-size:8px;z-index:2}#garage-preview{width:100%;height:100%;position:absolute;inset:0}.garage-stage-label{position:absolute;bottom:30px;left:30px;pointer-events:none}.garage-stage-label small{font-size:8px;letter-spacing:1.8px;color:#a5c6b7}.garage-stage-label h2{font-size:43px;font-weight:850;font-style:italic;margin:9px 0}.garage-stage-label>span{font-size:8px;letter-spacing:1.6px;color:#748f85}.garage-controls{padding:38px 28px}.garage-controls h2{font-size:34px;margin:15px 0 10px}.garage-controls p{font-size:12px}.garage-controls>label{font-size:10px;margin-top:23px}.garage-controls .eyebrow{font-size:8px;letter-spacing:1.3px}#skin-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skin-option{background:#e7eadd;border:1.5px solid transparent;border-radius:7px;padding:10px 4px 8px;color:#23483f}.skin-option:hover{background:#dde3d1}.skin-option.selected{border-color:#ed6b3e;background:#fbf4e4}.skin-option strong{display:block;font-size:9px;margin-top:7px}.skin-silhouette{display:block;margin:auto;position:relative;height:40px;width:37px}.skin-silhouette:before{content:'';position:absolute;top:0;left:12px;background:var(--helmet);border:1px solid #183b3c35;width:14px;height:13px;border-radius:7px 7px 5px 5px}.skin-silhouette:after{content:'';position:absolute;top:15px;left:3px;width:31px;height:24px;background:var(--outfit);clip-path:polygon(22% 0,78% 0,100% 42%,81% 57%,76% 100%,24% 100%,19% 57%,0 42%)}#bike-options{display:flex;flex-wrap:wrap;gap:10px;padding:5px 0}.bike-swatch{width:28px;height:28px;border-radius:50%;border:3px solid #f5f3ea;outline:1px solid #cbd2c1}.bike-swatch.selected{outline:2px solid #183b3c;box-shadow:0 0 0 4px #ed6b3e22}.garage-controls .subtle{font-size:10px;line-height:1.6}.minimap-box{position:absolute;top:110px;right:29px;width:120px;background:#153739aa;border:1px solid #ffffff25;border-radius:10px;padding:11px 6px 10px;backdrop-filter:blur(6px);text-align:center;text-shadow:none}.minimap-box>span{font-size:7px;letter-spacing:2px;color:#acc6b8}.minimap-box canvas{width:100%;height:165px;display:block}.minimap-box small{font-size:6px;letter-spacing:.8px;color:#acc6b8}#speed-streaks{position:absolute;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 100px #40f8ed20;transition:opacity .2s}.boosting #speed-streaks{opacity:1}.boosting .speed-box>strong{color:#99fff1}.boosting #race-event{color:#a5fff4}.race-info>span{font-feature-settings:'tnum'}.player-row .avatar{flex-shrink:0}.player-row>span:nth-child(2){font-size:11px}#lobby{padding-top:90px}.lobby-card{padding:23px 28px}.lobby-card h1{font-size:43px}.lobby-card .code-box{margin:12px 0}.lobby-card .full{min-height:42px;padding-top:11px;padding-bottom:11px}.lobby-card .lobby-head{margin-top:14px}.lobby-card .player-row{padding:7px 0}.lobby-card .lobby-config label{margin-top:8px}
@media(max-width:1050px){.nav{gap:14px}.garage-nav{font-size:10px;padding:9px 11px}.ride-panel{margin-top:0}.look-summary{margin-top:12px}.minimap-box{width:100px}.minimap-box canvas{height:140px}}
@media(max-width:750px){.nav{gap:9px}#help-btn{display:none}.garage-nav{font-size:10px;padding:8px 11px}#garage-dialog{max-height:94dvh;overflow-y:auto}.garage-layout{grid-template-columns:1fr}.garage-stage{min-height:270px}.garage-stage-label{bottom:16px;left:22px}.garage-stage-label h2{font-size:31px}.garage-stage>.tiny-caps{left:20px;top:18px}.garage-controls{padding:24px}.garage-controls h2{font-size:28px}.garage-controls>label{margin-top:18px}.skin-option{padding-top:8px}.skin-silhouette{height:32px;transform:scale(.85);transform-origin:top center}.skin-option strong{margin-top:3px}#skin-options{gap:7px}.minimap-box{top:152px;right:17px;width:75px;padding:7px 3px}.minimap-box canvas{height:110px}.minimap-box small{font-size:5px;letter-spacing:0}.minimap-box>span{font-size:5px;letter-spacing:1px}.lobby-card{padding:21px}.look-summary{font-size:7px}.look-summary strong{font-size:10px}}
@media(max-height:700px) and (min-width:751px){#garage-dialog{max-height:95dvh;overflow-y:auto}.garage-stage{min-height:460px}.garage-controls{padding:25px}.garage-controls>label{margin-top:15px}.minimap-box{top:95px}.minimap-box canvas{height:130px}}
