@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#0a0a1e;width:100%;height:100%;min-height:100dvh;font-family:Inter,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}::selection{color:#fff;background:#00d4ff4d}canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;display:block;width:100%!important;height:100%!important}.game-container{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative}.safe-area-inset-top{padding-top:var(--sat)}.safe-area-inset-right{padding-right:var(--sar)}.safe-area-inset-bottom{padding-bottom:var(--sab)}.safe-area-inset-left{padding-left:var(--sal)}.safe-area-padding{padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);padding-left:var(--sal)}.portrait-orientation-guard{z-index:1000000;color:#fff;text-align:center;padding:calc(24px + var(--sat)) calc(24px + var(--sar)) calc(24px + var(--sab)) calc(24px + var(--sal));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:auto;background:#0a0a1e;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}@media screen and (orientation:portrait) and (width<=1024px){.portrait-orientation-guard{display:flex!important}}.portrait-guard-content{flex-direction:column;align-items:center;gap:16px;max-width:320px;display:flex}.portrait-guard-icon-wrapper{color:#00d4ff;background:#00d4ff14;border:1px solid #00d4ff4d;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;animation:2.2s ease-in-out infinite rotatePhone;display:flex}.portrait-guard-title{letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0;font-size:1.125rem;font-weight:700}.portrait-guard-desc{color:#ffffffb3;margin:0;font-size:.875rem;line-height:1.5}@keyframes rotatePhone{0%,15%{transform:rotate(0)}50%,65%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (height<=520px) and (orientation:landscape){#hud .minimap-container{transform-origin:100% 0;transform:scale(.85)}#hud>div:has(canvas:not(#game-canvas)){transform-origin:100% 0;transform:scale(.85)}}@media (height<=500px) and (orientation:landscape){.main-menu-content{gap:8px!important;max-width:320px!important}.main-menu-nav-column{gap:6px!important;max-width:320px!important}.menu-dashboard-layout{grid-template-columns:1fr 1fr!important;align-items:center!important;gap:16px!important}.menu-brand-header{gap:8px!important;padding-bottom:6px!important}.menu-brand-logo{max-height:34px!important}.menu-action-grid{grid-template-columns:1fr 1fr!important;gap:6px 8px!important;display:grid!important}.menu-action-grid button{min-height:42px!important;padding:8px 12px!important}.menu-action-sublabel{display:none!important}.pause-split-layout{grid-template-columns:42% 58%!important;align-items:center!important;gap:14px!important;width:100%!important;display:grid!important}.pause-banner-card{height:100%!important;min-height:180px!important;padding:12px 14px!important}.pause-action-list{flex-direction:column!important;gap:6px!important;display:flex!important}.pause-action-list button{min-height:44px!important;padding:8px 12px!important}.garage-split-layout{grid-template-columns:48% 52%!important;align-items:center!important;gap:14px!important;width:100%!important;display:grid!important}.garage-canvas-box{height:220px!important}.garage-details-box{margin-top:0!important}.track-grid-layout{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.track-card-compact{grid-template-columns:95px 1fr!important;gap:10px!important;padding:8px 10px!important}.track-thumb-compact{width:95px!important;height:62px!important}.track-desc-compact{display:none!important}.controls-help-grid{grid-template-columns:1fr 1fr!important;gap:6px 12px!important;padding:10px 14px!important;display:grid!important}.overlay-menu-container{overscroll-behavior:none!important;scrollbar-width:none!important;overflow-y:hidden!important}.overlay-menu-container::-webkit-scrollbar{display:none!important}.settings-options-grid{grid-template-columns:1fr 1fr!important;gap:6px 10px!important;width:100%!important;display:grid!important}.settings-options-grid .settings-option-span-2{grid-column:span 2!important}.hero-showcase-compact-stage,.hero-vehicle-desc,.garage-desc-compact,.mode-card-desc,.track-subtitle-compact{display:none!important}.pause-card-compact{gap:8px!important;padding:8px 18px!important}.menu-scalable-container{transform-origin:50%;flex-shrink:0;max-height:calc(100dvh - var(--sat) - var(--sab) - 10px)!important}}@media (height<=440px) and (orientation:landscape){.menu-scalable-container{transform:scale(.92)}}@media (height<=390px) and (orientation:landscape){.menu-scalable-container{transform:scale(.85)}}@media (height<=350px) and (orientation:landscape){.menu-scalable-container{transform:scale(.78)}}