.stage-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}.garage-backdrop{background-image:url('assets/garage-v13.png')}.island-backdrop{background-image:url('assets/island-v13.png')}#view{position:relative;z-index:1}.film{z-index:2}.hud,.race-hud,.controls,.utilities,.speed,.item-slot,.driftbar,.distance,#itemNotice,#count,#screenHint{z-index:3}.overlay,.track-stage{z-index:4}#loading{z-index:30}#frame.in-garage .film{display:none}#frame.choosing-track #view{visibility:hidden}.garage-stage{background:linear-gradient(90deg,#092f4150,transparent 25%,transparent 65%,#08283f40);padding:0;display:block}.flow-heading{position:absolute;top:5%;left:4%;color:white;text-shadow:0 2px 15px #07304899}.flow-heading small{font-size:12px;letter-spacing:.18em;color:#d0ffff;font-weight:800}.flow-heading h1{font-size:clamp(26px,4vw,48px);font-weight:900;letter-spacing:-.05em;line-height:1.1;margin:9px 0}.flow-heading em{font-style:normal;color:#ffe099}.garage-stage .garage-panel{right:3%;top:4%;bottom:auto;width:28%;max-height:91%;background:#103347ef}.garage-panel label,.appearance label{display:block;font-size:11px;letter-spacing:.08em;margin:9px 0 4px;color:#b4d8df}.garage-panel .wing-option{line-height:1.5;letter-spacing:0;font-size:12px}.appearance{border-top:1px solid #9ce5e42e;margin:12px 0;padding-top:12px}.appearance summary{cursor:pointer;font-size:13px;color:#ffdf94}.build-stats{position:absolute;left:4%;top:27%;width:19%;padding:15px;background:#103348dc;backdrop-filter:blur(6px);border:1px solid #c5e9e544;border-radius:17px;font-size:12px}.build-stats>small{letter-spacing:.13em;color:#ffdf94;font-size:10px}.build-stats>div{display:flex;flex-direction:column;gap:4px;margin-top:11px}.build-stats span{color:#b9dae2}.build-stats strong{font-size:19px;color:white}.build-stats p{line-height:1.5;font-size:11px;color:#b9d9e1;margin-bottom:0}.garage-confirm{position:absolute;left:29%;bottom:5%;width:33%;text-align:center}.garage-confirm .primary{max-width:none;width:100%;font-size:18px}.garage-confirm>span{display:block;margin-top:12px;color:white;font-size:11px;text-shadow:0 1px 5px #032f40}.garage-stage #menuFullscreen{position:absolute;bottom:4%;left:4%;background:#173a4de0}.celebrating .garage-panel,.celebrating .build-stats,.celebrating .garage-confirm{opacity:0;pointer-events:none}.cheer{position:absolute;left:36%;top:22%;font-size:clamp(30px,5vw,64px);font-weight:900;color:#ffe079;transform:rotate(-8deg);text-shadow:0 4px 0 #805844,0 8px 30px #46301c}.track-stage{position:absolute;inset:0;background:linear-gradient(#072c4140,transparent 40%,#062c4855)}.track-stage #backToGarage{position:absolute;right:4%;top:4%;margin:0;background:#123d52e0}.track-cards{position:absolute;top:25%;left:18%;right:18%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.track-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left;background:#0e3953e8;border:2px solid #bdeaf655;border-radius:22px;padding:18px;color:white;box-shadow:0 12px 24px #002e5540}.track-card[aria-pressed="true"]{border-color:#ffe183;background:#154862f0;box-shadow:0 0 0 3px #ffe18333,0 12px 24px #002e5540}.track-card>span{font-size:10px;letter-spacing:.12em;color:#a5dfe4}.track-card svg{display:block;width:100%;max-height:190px}.track-card strong{font-size:19px}.track-card small{font-size:12px;font-weight:500;color:#cbe7ed;line-height:1.4}.track-card b{font-size:10px;letter-spacing:.15em;color:#ffe6a2}.track-confirm{position:absolute;left:25%;right:25%;bottom:5%;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.track-confirm p{width:100%;font-size:12px;text-align:center;margin:0;color:white;text-shadow:0 1px 6px #173b4c}.track-confirm label{display:flex;align-items:center;gap:7px;font-size:13px;color:white;text-shadow:0 1px 6px #173b4c}.track-confirm .primary{width:170px}.track-confirm input{width:18px;height:18px;accent-color:#ffd469}
@media(max-height:550px){.flow-heading{top:5%}.flow-heading h1{font-size:29px}.flow-heading small{font-size:10px}.garage-stage .garage-panel{padding:12px;width:29%;max-height:92%}.garage-panel h2{font-size:18px;margin-bottom:9px}.garage-panel select{min-height:34px;font-size:14px}.build-stats{top:27%;padding:10px;width:20%}.build-stats>div{flex-direction:row;justify-content:space-between;gap:6px;margin-top:9px}.build-stats strong{font-size:13px}.build-stats span{font-size:10px}.build-stats p{font-size:10px}.garage-confirm{bottom:6%;left:28%;width:35%}.garage-confirm .primary{min-height:44px;font-size:16px}.garage-confirm>span{font-size:10px;margin-top:9px}.track-cards{top:24%;left:20%;right:20%;gap:12px}.track-card{padding:10px;border-radius:17px;gap:4px}.track-card svg{max-height:96px}.track-card strong{font-size:15px}.track-card small{font-size:10px}.track-card>span{font-size:9px}.track-card b{display:none}.track-confirm{bottom:4%;gap:9px;left:20%;right:20%}.track-confirm p{display:none}.track-confirm .primary{min-height:40px;font-size:16px}.appearance:not([open]){margin-bottom:0}}
@media(pointer:coarse) and (orientation:portrait){.flow-heading{left:6%;top:7%}.flow-heading h1{font-size:33px}.garage-stage .garage-panel{top:auto;bottom:12%;left:6%;right:6%;width:88%;max-height:30%;padding:12px}.garage-stage .garage-panel h2{display:none}.garage-stage .garage-panel select{min-height:38px;font-size:16px}.build-stats{left:6%;top:21%;width:28%;padding:9px}.build-stats>div{margin-top:6px}.build-stats strong{font-size:14px}.build-stats p{display:none}.garage-confirm{left:40%;bottom:3%;width:54%}.garage-confirm>span{display:none}.garage-stage #menuFullscreen{bottom:3%;left:6%;max-width:29%}.garage-confirm .primary{font-size:15px;min-height:44px}.track-stage .flow-heading{top:7%;left:6%}.track-stage .flow-heading h1{font-size:29px}.track-stage #backToGarage{top:2%;right:6%;padding:6px;font-size:11px}.track-cards{top:22%;left:8%;right:8%;grid-template-columns:1fr;gap:12px}.track-card{padding:12px;gap:4px}.track-card svg{max-height:95px}.track-card>span,.track-card b{display:none}.track-card strong{font-size:17px}.track-card small{font-size:11px}.track-confirm{left:8%;right:8%;bottom:3%;gap:10px}.track-confirm p{display:none}.track-confirm .primary{width:140px;min-height:44px}.cheer{left:44%;top:24%}}
.track-cards{left:8%;right:8%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.track-card{min-width:0}.track-card svg{max-height:165px}.track-card strong{font-size:18px}
@media(max-height:550px){.track-cards{left:7%;right:7%;gap:10px}.track-card{padding:10px}.track-card svg{max-height:85px}.track-card strong{font-size:15px}.track-card small{font-size:10px}}
@media(pointer:coarse) and (orientation:portrait){#frame.choosing-track{touch-action:pan-y}.track-cards{top:21%;bottom:17%;left:6%;right:6%;grid-template-columns:1fr;overflow-y:auto;touch-action:pan-y;padding:3px;align-content:start;gap:10px}.track-card{display:grid;grid-template-columns:42% 1fr;gap:4px 12px;align-items:center}.track-card>div{grid-row:1/3}.track-card svg{max-height:100px}.track-card strong{font-size:17px}.track-card small{font-size:11px}.track-confirm{bottom:4%}}