/* The garage art stays intact. These inert layers sit beneath the showroom,
   stats and controls; the separate alpha-masked logo sheen sits over its image. */
.garage-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:layout paint style}
.garage-atmosphere[hidden],.garage-logo-shine[hidden]{display:none!important}
.garage-atmosphere-dust{position:absolute;inset:0;pointer-events:none}
.garage-atmosphere-particle{position:absolute;left:var(--dust-x);top:var(--dust-y);width:var(--dust-size);height:var(--dust-size);border-radius:50%;background:var(--dust-color);box-shadow:0 0 5px 1px color-mix(in srgb,var(--dust-color) 55%,transparent);opacity:0;animation:garage-ambient-drift var(--dust-duration) linear var(--dust-delay) infinite;will-change:transform,opacity}
.garage-atmosphere-particle:nth-child(5n)::after{content:'';position:absolute;left:-3px;right:-3px;top:45%;height:1px;background:linear-gradient(90deg,transparent,var(--dust-color),transparent);opacity:.55}
.garage-atmosphere-pulse{position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen;animation:garage-neon-breathe 7.8s ease-in-out infinite}
.garage-atmosphere-cyan-wall{left:30.5%;top:19.5%;width:6.2%;height:31%;background:radial-gradient(ellipse,#59e6ff65 0,#20caff36 22%,#168aff0e 48%,transparent 70%);animation-delay:-2.7s}
.garage-atmosphere-magenta-wall{left:75.4%;top:20%;width:7.8%;height:27%;background:radial-gradient(ellipse,#ff42db70 0,#ff22d332 20%,#ea1fff0d 48%,transparent 70%);animation-delay:-5.1s;animation-duration:9.3s}
.garage-atmosphere-floor{left:66%;top:53%;width:28%;height:24%;background:radial-gradient(ellipse,#ef40f743 0,#be32ff13 39%,transparent 69%);animation-delay:-3.4s;animation-duration:8.7s;transform:rotate(-8deg)}
.garage-logo-shine{position:absolute;z-index:9;pointer-events:none;user-select:none;overflow:hidden;isolation:isolate;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:alpha;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-image:var(--garage-logo-alpha);-webkit-mask-image:var(--garage-logo-alpha)}
/* Landscape lettering is baked into this exact 1672x941 artboard. Its luminance
   supplies the mask inside a tight logo-only crop, with no substituted glyphs. */
.garage-logo-shine[data-source="backdrop"]{left:590px;top:13px;width:490px;height:94px;mask-image:url('../public/assets/setup-reference/garage-hq-v7.png');-webkit-mask-image:url('../public/assets/setup-reference/garage-hq-v7.png');mask-mode:luminance;mask-size:1672px 941px;-webkit-mask-size:1672px 941px;mask-position:-590px -13px;-webkit-mask-position:-590px -13px}
.garage-logo-shine-sweep{display:block;position:absolute;inset:-10% auto -10% 0;width:31%;opacity:0;background:linear-gradient(110deg,transparent 8%,#bdefff12 29%,#e2faffaa 47%,#ffffffd9 51%,#abeaff47 61%,transparent 81%);transform:translateX(-140%) skewX(-12deg);animation:garage-logo-glint 10s ease-in-out 10s infinite;will-change:transform,opacity}
.garage-atmosphere[data-paused="true"] *,.garage-logo-shine[data-paused="true"] *{animation-play-state:paused!important}
.garage-atmosphere[data-reduced-motion="true"],.garage-logo-shine[data-reduced-motion="true"]{visibility:hidden}
@keyframes garage-ambient-drift{0%,100%{opacity:0;transform:translate3d(0,6px,0) scale(.65)}17%{opacity:var(--dust-opacity)}68%{opacity:calc(var(--dust-opacity)*.68)}88%{opacity:0}99%{transform:translate3d(var(--dust-dx),calc(var(--dust-rise)*-1),0) scale(1.1)}}
@keyframes garage-neon-breathe{0%,100%{opacity:.11}48%{opacity:.29}63%{opacity:.17}}
/* Eight percent of ten seconds: a .8s pass, then a quiet logo until next time. */
@keyframes garage-logo-glint{0%{opacity:0;transform:translateX(-140%) skewX(-12deg)}1.4%{opacity:.72}6.6%{opacity:.58}8%,100%{opacity:0;transform:translateX(420%) skewX(-12deg)}}
@media(max-width:700px),(max-height:500px){.garage-atmosphere-particle:nth-child(n+11){display:none}.garage-atmosphere-particle{box-shadow:0 0 4px var(--dust-color)}}
@media(orientation:portrait){.garage-atmosphere-cyan-wall{left:0;top:22%;width:18%;height:35%}.garage-atmosphere-magenta-wall{left:84%;top:20%;width:16%;height:39%}.garage-atmosphere-floor{left:56%;top:42%;width:43%;height:20%}}
@media(prefers-reduced-motion:reduce){.garage-atmosphere,.garage-logo-shine{visibility:hidden}.garage-atmosphere *,.garage-logo-shine *{animation:none!important}}