/* Selection-only burnout: dense occluded billows, a thin foreground floor
   layer and short hot sparks. Removed after 2.5s or any interrupted selection. */
.garage-selection-effects{position:absolute;z-index:3;pointer-events:none;overflow:visible;isolation:isolate;contain:layout style}
.garage-selection-effects[data-depth="back"]{z-index:1}
.garage-selection-effects>i{position:absolute;display:block;pointer-events:none;margin:0;padding:0;border:0;opacity:0;transform-origin:center;animation-duration:var(--duration);animation-delay:var(--delay);animation-fill-mode:both;animation-iteration-count:1}
.garage-selection-smoke{aspect-ratio:1.45;border-radius:46%;background:radial-gradient(ellipse at 28% 45%,#cfdae6d9 0,#9baec58c 20%,transparent 45%),radial-gradient(ellipse at 72% 38%,#dce6efe0 0,#9eafc580 24%,transparent 48%),radial-gradient(ellipse at 53% 65%,#dce8f6eb 0,#b0c2d6b8 27%,transparent 63%);filter:blur(2px);animation-name:garage-tire-smoke;animation-timing-function:cubic-bezier(.16,.62,.3,1);will-change:transform,opacity}
.garage-selection-ground-smoke{aspect-ratio:3.8;border-radius:50%;background:radial-gradient(ellipse at 35% 55%,#d7e6f4d6 0,#b4c9d966 32%,transparent 64%),radial-gradient(ellipse at 68% 51%,#caddecdb 0,#b4c9d966 30%,transparent 65%);mask-image:linear-gradient(transparent 0,#0008 30%,#000 58%);filter:blur(1.5px);animation-name:garage-ground-smoke;animation-timing-function:cubic-bezier(.16,.62,.3,1);will-change:transform,opacity}
.garage-selection-spark{height:var(--spark-thickness);border-radius:50%;background:linear-gradient(90deg,transparent,var(--spark-color) 20%,#fff9cf 62%,white);box-shadow:0 0 5px var(--spark-color),0 0 12px var(--spark-color);mix-blend-mode:screen;animation-name:garage-tire-spark;animation-timing-function:linear;will-change:transform,opacity}
.garage-selection-exhaust{aspect-ratio:2.5;border-radius:50%;background:radial-gradient(ellipse at 69% 50%,#e8f9ffb8 0,#bed9e985 22%,transparent 62%),radial-gradient(ellipse at 29% 52%,#d9e8ef88 0,transparent 55%);filter:blur(1.5px);mix-blend-mode:screen;animation-name:garage-exhaust-wisp;animation-timing-function:ease-out;will-change:transform,opacity}
.garage-selection-flash{aspect-ratio:5.5;border-radius:50%;background:radial-gradient(ellipse,#fff7c5a0 0,var(--selection-glow) 12%,transparent 64%);mix-blend-mode:screen;animation-name:garage-tire-flash;animation-timing-function:ease-out}
@keyframes garage-tire-smoke{0%{opacity:0;transform:translate(-50%,-50%) scale(.38) rotate(0deg)}8%{opacity:.88;transform:translate(calc(-50% + var(--dx)*.3),calc(-50% + var(--dy)*.16)) scale(.95) rotate(calc(var(--turn)*.1))}35%{opacity:.64}68%{opacity:.26}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.92) rotate(var(--turn))}}
@keyframes garage-ground-smoke{0%{opacity:0;transform:translate(-50%,-50%) scale(.48)}10%{opacity:.7;transform:translate(calc(-50% + var(--dx)*.3),calc(-50% + var(--dy)*.3)) scale(1)}48%{opacity:.34}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.85) rotate(var(--turn))}}
@keyframes garage-tire-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) scaleX(.3)}9%{opacity:1}45%{opacity:.95;transform:translate(calc(-50% + var(--mid-x)),calc(-50% + var(--rise))) rotate(var(--angle)) scaleX(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(calc(var(--angle) + 38deg)) scaleX(.2)}}
@keyframes garage-exhaust-wisp{0%{opacity:0;transform:translate(-70%,-50%) scale(.3)}14%{opacity:.48}58%{opacity:.23}100%{opacity:0;transform:translate(calc(-70% + var(--dx)),calc(-50% + var(--dy))) scale(1.8)}}
@keyframes garage-tire-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}13%{opacity:.66}34%{opacity:.18}50%{opacity:.43}100%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}
@media(prefers-reduced-motion:reduce){.garage-selection-effects{display:none!important}}
#app[data-reduced-motion="true"] .garage-selection-effects{display:none!important}