:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--banner-inset:0px;--header-height:calc(96px + var(--safe-top))}
html,body{width:100%;height:100%;overscroll-behavior:none}button,input,select{touch-action:manipulation}button{min-height:44px}input,select{font-size:max(16px,1rem)}.topbar{height:var(--header-height);padding-top:calc(16px + var(--safe-top));padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right))}.lobby{height:calc(100dvh - var(--header-height));padding-bottom:calc(var(--safe-bottom) + var(--banner-inset));grid-auto-rows:min-content}.lobby-copy{min-height:min-content;justify-content:flex-start}.overlay,#hud{top:var(--header-height);left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + var(--banner-inset))}.overlay{z-index:30}.overlay[hidden],canvas[hidden],.victory-banner[hidden]{display:none!important}#global-dialog,#store-dialog{z-index:40}.hud-logo{float:left;margin-right:8px;object-fit:contain}#world canvas,#joystick,.touch-actions button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch-controls{bottom:calc(24px + var(--safe-bottom));left:max(16px,var(--safe-left));right:max(16px,var(--safe-right))}.touch-actions button{min-width:64px;min-height:64px}#victory-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}.victory-banner{padding:14px;border:2px solid #ffc92e;background:linear-gradient(100deg,#632097,#8e28bd);color:white;font-weight:900;letter-spacing:.06em;text-align:center;border-radius:12px;margin:12px 0;box-shadow:0 0 0 3px #36bd3944}#store-dialog .secondary{display:block;width:100%;margin:12px 0}#store-status{margin-top:12px;padding:10px;border:1px solid var(--color-border);border-radius:8px}#store-btn{margin-top:8px}
@media(max-width:600px){:root{--header-height:calc(72px + var(--safe-top))}.topbar{padding-bottom:10px}.brand img{width:38px;height:38px}.brand{font-size:15px}.top-actions{gap:4px}.top-actions .icon-btn{padding:4px 8px}.lobby{display:flex;flex-direction:column;overflow-y:auto;padding:16px 16px calc(24px + var(--safe-bottom));gap:12px}.lobby-copy{width:100%;flex-shrink:0;padding-bottom:0}.play-panel{width:100%;max-width:none}.hero-side{display:none}.lobby-footer{flex-shrink:0;min-height:64px}.overlay{padding:10px;align-items:center}.modal{padding:20px;max-height:100%;width:100%}#touch-controls{bottom:16px}.hud-bottom{bottom:150px}.hud-card{padding:8px;max-width:52vw}.hud-top{padding:12px;gap:8px}.hud-logo{width:24px;height:24px}.hud-card.stats{gap:12px}.control-hint{display:none}#garage #garage-preview{height:120px}.global-filters label{min-width:140px}.victory-banner{font-size:14px}}
@media(max-height:500px) and (orientation:landscape){:root{--header-height:calc(52px + var(--safe-top))}.topbar{padding-top:var(--safe-top);padding-bottom:0}.brand img{width:36px;height:36px}.lobby{display:block}.lobby-copy{width:min(520px,100%)}.overlay{padding:6px}.modal{padding:14px}.hud-top{padding:6px}.hud-card{padding:5px 8px}.hud-card>strong{font-size:12px}#touch-controls{bottom:8px}#joystick{width:90px;height:90px}#stick-knob{left:19px;top:19px}.touch-actions button{width:54px;height:54px;min-width:54px;min-height:54px}.hud-bottom{bottom:110px}.race-progress{top:82px!important}#countdown{font-size:72px}.garage-sidebar{max-height:40vh;overflow:auto}#garage #garage-preview{display:none}.global-table-wrap{max-height:30vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(min-width:601px){.race-progress{top:165px}#toast{top:195px}}
.appearance-panel{flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface);max-height:210px;overflow:auto}.appearance-panel summary{font-size:14px;font-weight:800;cursor:pointer;min-height:30px}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.appearance-options label{min-width:0}.appearance-options select{width:100%;min-height:44px}.appearance-panel p{font-size:12px;color:var(--color-text-muted);margin-top:6px}
@media(max-width:600px){.appearance-panel{padding:8px 10px;max-height:170px}.appearance-options{gap:6px}.appearance-options select{padding:4px;font-size:16px}.appearance-options label{font-size:11px}.appearance-panel p{font-size:11px}}

/* Keep unavailable multiplayer secondary to the playable solo action. */
#start-btn{width:100%;margin-top:12px}#online-btn{width:100%;margin-top:10px}
.play-panel button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.course-tip{padding:12px;border-left:3px solid #5cd9f5;background:var(--color-surface);font-size:14px;line-height:1.5;margin-top:10px}

#signin-dialog{z-index:40}#signin-btn{width:100%;margin-top:10px}#signin-dialog input{width:100%;margin:8px 0 12px}#signin-dialog button{margin-top:10px}#signin-identity{overflow-wrap:anywhere}