#game #mainMenu:is([data-view=home],[data-view=garage]) #garageChoices{left:22.5%;width:27%;top:6%;bottom:185px;border:0;border-radius:0;background:linear-gradient(90deg,#0b2637e6,#0b263775);box-shadow:none;padding:0 12px 12px}#game #mainMenu:is([data-view=home],[data-view=garage]) #showcaseInfo{position:static;pointer-events:auto;margin:0 0 18px}#game #mainMenu:is([data-view=home],[data-view=garage]) #showcaseInfo h2{font-size:clamp(38px,3.8vw,64px);margin:0 0 8px;text-transform:uppercase;color:#f2f8fa}#game #mainMenu:is([data-view=home],[data-view=garage]) #showcaseInfo p{display:block;font-size:14px;line-height:1.45;max-width:36ch;text-wrap:pretty}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageTabs{position:relative;gap:8px;background:none;padding:0;border:0;margin:0 0 18px}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageTabs button{min-height:48px;border-radius:5px;background:#234456;border:1px solid #42657b;color:#d9e9f0;font-size:14px;letter-spacing:0;gap:7px;transition:background .15s,transform .15s}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageTabs button[aria-selected=true]{color:#e9ffb6;background:#3b5346;border:1px solid var(--lime);box-shadow:inset 0 -3px var(--lime)}#game #mainMenu:is([data-view=home],[data-view=garage]) :is(.garageAppearance,#statisticsPane){padding:0}#game #mainMenu:is([data-view=home],[data-view=garage]) h3{font-size:20px;margin:14px 0 10px}#game #mainMenu:is([data-view=home],[data-view=garage]) #variantCount{display:none}#game #mainMenu:is([data-view=home],[data-view=garage]) .variantCards{gap:12px;padding:5px 4px 12px;touch-action:pan-x}#game #mainMenu:is([data-view=home],[data-view=garage]) .variantCard{flex:0 0 46%;min-width:140px;min-height:126px;background:#183b51;border:1px solid #52758c;border-radius:6px;font-size:14px;font-weight:600;transition:background .16s,transform .16s,border-color .16s}#game #mainMenu:is([data-view=home],[data-view=garage]) .variantCard img{height:96px}#game #mainMenu:is([data-view=home],[data-view=garage]) .variantCard[aria-pressed=true]{background:#355347;color:#edffd3;border-color:var(--lime);box-shadow:inset 0 -3px var(--lime)}#game #mainMenu:is([data-view=home],[data-view=garage]) .variantCard[aria-pressed=true]:after{content:"";position:absolute;right:10px;top:9px;width:9px;height:5px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}#game #mainMenu:is([data-view=home],[data-view=garage]) .colorHeading{margin-top:6px;align-items:center}#game #mainMenu:is([data-view=home],[data-view=garage]) .factoryPaint{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px;border-radius:4px;background:#234456;border:1px solid #52758c;font-size:14px;color:#e2edf1}#game #mainMenu:is([data-view=home],[data-view=garage]) .factoryPaint svg{width:18px;height:18px}#game #mainMenu:is([data-view=home],[data-view=garage]) .paintRow{gap:8px;margin-bottom:14px}#game #mainMenu:is([data-view=home],[data-view=garage]) .paintRow button{width:44px;height:44px;min-width:44px;border-radius:7px}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageFinishing{display:block;border:0;padding:0}#game #mainMenu:is([data-view=home],[data-view=garage]) .customPaint>label{font-size:12px;margin-bottom:8px}#game #mainMenu:is([data-view=home],[data-view=garage]) #paintPicker{width:44px;height:44px}#game #mainMenu:is([data-view=home],[data-view=garage]) #paintHex{height:44px;font-size:16px}#game #mainMenu:is([data-view=home],[data-view=garage]) #confirmPaint{width:44px;height:44px}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting{display:block;border:0;padding:20px 0 0;margin:0}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting>span{font-size:12px;letter-spacing:1px;margin-bottom:10px}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting>div{display:flex;gap:8px}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;width:auto;min-width:0;min-height:44px;background:#234456;border:1px solid #52758c;border-radius:5px;font-size:14px;transition:background .15s,transform .15s}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting button[aria-pressed=true]{background:#3b5346;border-color:var(--lime)}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting svg{width:18px;height:18px}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageStat{font-size:14px;margin-bottom:20px}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageStat meter{height:12px}#game #mainMenu:is([data-view=home],[data-view=garage]) #vehicleShelf{bottom:max(12px,env(safe-area-inset-bottom));left:22%;right:1.5%}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices{gap:22px;padding:18px 16px;scroll-padding-inline:16px;overflow:auto;overscroll-behavior-x:contain}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices>button{flex:1 0 150px;min-width:150px;max-width:260px;height:126px;padding:8px 10px 10px;text-align:left;border:1px solid #476c83;border-radius:7px;background:#15384dea;transform-origin:center;transition:transform .18s ease-out,background .18s,border-color .18s,box-shadow .18s}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices img{position:absolute;inset:2px 0 auto;width:100%;height:89px;object-fit:contain}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices b{margin:85px 0 0;font-size:25px;line-height:1;text-transform:uppercase;letter-spacing:.3px}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices>button[aria-pressed=true]{transform:scale(1.1);border-color:var(--lime);background:#365547;color:#f1ffd7;box-shadow:inset 0 -4px var(--lime),0 5px 14px #04182288;z-index:1}#game #mainMenu:is([data-view=home],[data-view=garage]) #showroomNavigation{bottom:29%}#game #mainMenu:is([data-view=home],[data-view=garage]) #vehicleDots{display:none}#game #mainMenu:is([data-view=home],[data-view=garage]) :is(.variantCard,.garageTabs button,.quickLighting button):active{transform:scale(.97)}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices>button:active{transform:scale(.98)}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices>button[aria-pressed=true]:active{transform:scale(1.06)}#game #mainMenu:is([data-view=home],[data-view=garage]) :is(#showcaseInfo,#originalPaint,#statisticsPane):not([hidden]){animation:garageReveal .18s ease-out}@keyframes garageReveal{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices>button:not([aria-pressed=true]):hover{transform:translateY(-4px);background:#244d64;border-color:#88cadd}#game #mainMenu:is([data-view=home],[data-view=garage]) .variantCard:hover{transform:translateY(-2px);background:#2a5063}}@media(orientation:landscape)and (max-height:540px){#game #mainMenu:is([data-view=home],[data-view=garage]) #garageChoices{left:21%;width:29%;top:4%;bottom:112px;padding:0 8px 10px}#game #mainMenu:is([data-view=home],[data-view=garage]) #showcaseInfo h2{font-size:32px}#game #mainMenu:is([data-view=home],[data-view=garage]) #showcaseInfo p{font-size:14px}#game #mainMenu:is([data-view=home],[data-view=garage]) #vehicleShelf{bottom:max(3px,env(safe-area-inset-bottom));left:21%}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices{padding:10px 12px;gap:18px}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices>button{height:88px;min-width:140px;flex-basis:140px}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices img{height:59px}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices b{margin-top:55px;font-size:23px}#game #mainMenu:is([data-view=home],[data-view=garage]) #orbitCapture{bottom:112px}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageTabs{flex-direction:column}#game #mainMenu:is([data-view=home],[data-view=garage]) .garageTabs button{width:100%}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting>div{flex-wrap:wrap}#game #mainMenu:is([data-view=home],[data-view=garage]) .quickLighting button{flex:1 0 64px}}@media(max-aspect-ratio:11/10){#game #mainMenu:is([data-view=home],[data-view=garage]) #orbitCapture{top:calc(114px + env(safe-area-inset-top));bottom:56%}#game #mainMenu:is([data-view=home],[data-view=garage]) #showroomNavigation{top:calc(114px + env(safe-area-inset-top));bottom:56%}#game #mainMenu:is([data-view=home],[data-view=garage]) #vehicleShelf{top:44%;bottom:auto;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices{padding:12px;gap:20px}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices>button{flex:0 0 148px;height:106px}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices img{height:72px}#game #mainMenu:is([data-view=home],[data-view=garage]) .carChoices b{margin-top:69px;font-size:25px}#game #mainMenu:is([data-view=home],[data-view=garage]) #garageChoices{top:calc(44% + 140px);bottom:max(12px,env(safe-area-inset-bottom));left:14px;right:14px;width:auto;padding:0 8px 18px;background:#0c2938e8}#game #mainMenu:is([data-view=home],[data-view=garage]) #showcaseInfo h2{font-size:38px}#game #mainMenu:is([data-view=home],[data-view=garage]) #showcaseInfo p{font-size:14px}#game #mainMenu:is([data-view=home],[data-view=garage]):has(#paintHex:focus) #garageChoices{top:calc(116px + env(safe-area-inset-top));z-index:3}}@media(prefers-reduced-motion:reduce){#game #mainMenu:is([data-view=home],[data-view=garage]) *{animation:none!important;transition:none!important}}