
.car-crest-trigger{position:absolute;z-index:4;transform:translate(calc(-50% + var(--car-x,0px)),calc(-50% + var(--car-y,0px)));transition:transform .8s cubic-bezier(.2,.7,.2,1);padding:0;border:0;border-radius:40%;background:transparent;cursor:pointer;touch-action:manipulation}
.car-crest-trigger:focus-visible{outline:2px solid #efcc78;outline-offset:4px;background:#e7c26e0c}
.car-surprise-lights{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse 9% 4% at 65% 44%,#ff7e6380,#ff251b30 60%,transparent),radial-gradient(ellipse 4% 4% at 90% 46%,#ff7e6380,#ff251b30 60%,transparent),radial-gradient(ellipse 18% 6% at 78% 70%,#ff3d261d,transparent)}
.car-surprise-message{position:absolute;z-index:5;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;pointer-events:none;border-radius:30px;color:#f7df9e;font:600 18px/1.4 Barlow,'Segoe UI',Arial,sans-serif;text-align:center;opacity:0;padding:12px 22px;background:#101817e8;border:1px solid #e2be6750;box-shadow:0 8px 35px #0006}
.car-surprise-active .car-surprise-message{opacity:1;animation:surprise-arrive .3s ease-out}
@keyframes surprise-arrive{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:900px),(pointer:coarse){.car-crest-trigger{transform:translate(-50%,-50%);transition:none}.car-surprise-message{font-size:16px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.car-crest-trigger{transform:translate(-50%,-50%);transition:none}.car-surprise-active .car-surprise-message{animation:none}}
