/* Three-second indicator/headlight greeting over the visible page; no blackout. */
.car-intro-screen{position:fixed;inset:0;z-index:100000;background:transparent;opacity:1;overflow:hidden;animation:car-intro-reveal 3s linear forwards;pointer-events:none}
.car-intro-indicator,.car-intro-headlight{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:none;opacity:0}
.car-intro-indicator{width:var(--lamp-width);height:var(--lamp-height);border-radius:40%;background:#ffae24;box-shadow:0 0 6px 2px #ffa500,0 0 20px 5px #ff92008c;animation:car-intro-indicators 1.3s linear both}
.car-intro-indicator.mirror{border-radius:4px;transform:translate(-50%,-50%) rotate(var(--angle))}
.car-intro-headlight{width:var(--beam-width);height:var(--beam-width);border-radius:50%;background:radial-gradient(circle,#fff 0%,#effaff 15%,#b8e7ff99 35%,#d9f2ff30 56%,transparent 75%);filter:blur(1px);mix-blend-mode:screen;animation:car-intro-headlights 3s linear both}
.car-intro-headlight::after{content:none}
@keyframes car-intro-indicators{0%,8%,30%,44%,66%,80%,100%{opacity:0}9%,29%,45%,65%,81%,97%{opacity:1}}
@keyframes car-intro-headlights{0%,34%{opacity:0;transform:translate(-50%,-50%) scale(.72)}42%{opacity:.8;transform:translate(-50%,-50%) scale(.76)}48%{opacity:.32;transform:translate(-50%,-50%) scale(.76)}55%{opacity:.64;transform:translate(-50%,-50%) scale(.76)}72%{opacity:.22;transform:translate(-50%,-50%) scale(.76)}88%,100%{opacity:0;transform:translate(-50%,-50%) scale(.76)}}
@keyframes car-intro-reveal{0%,75%{opacity:1}100%{opacity:0}}

@media(prefers-reduced-motion:reduce){.car-intro-screen{display:none;animation:none}html.car-intro-running{overflow:auto}}

.car-intro-headlight{background:radial-gradient(circle,#ffffff 0%,#eff8ffdd 17%,#b8d9ed66 35%,#cfe7f526 54%,transparent 73%);animation-timing-function:ease-in-out;filter:blur(3px)}