/* The carousel owns .car-slot transforms; pointer tilt has its own inner rotor. */
.holo-rotor{position:relative;width:100%;height:100%;border-radius:12px;transform-origin:50% 50%;transform-style:preserve-3d}
.holo-rotor.is-tilting{will-change:transform}
.holo-foil,.holo-glare,.holo-film{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;user-select:none}
.holo-foil{z-index:6;mix-blend-mode:screen;opacity:0;transition:opacity .25s ease}
.holo-glare{z-index:7;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at var(--holo-x,50%) var(--holo-y,50%),#fff8 0%,#f3decf24 17%,#ff5a2110 33%,transparent 63%);transition:opacity .25s ease}
.is-active.is-settled .car-card[data-holo=active] .holo-foil{opacity:.52}
.is-active.is-settled .car-card[data-holo=active] .holo-glare{opacity:var(--holo-awake,0)}
/* Foil fallback for browsers without WebGL2; the live content remains readable. */
.holo-film{z-index:6;opacity:0;mix-blend-mode:screen;transition:opacity .25s ease;
 background-image:repeating-linear-gradient(122deg,#76cbff00 0%,#76cbff55 8%,#debcff66 16%,#ffb69266 24%,#f5eaa155 32%,#99e7df55 40%,#76cbff00 48%),repeating-linear-gradient(35deg,#fff0 0 7px,#fff4 8px,#fff0 9px 18px);
 background-size:280% 280%,25px 25px;background-position:var(--holo-pan-x,50%) var(--holo-pan-y,50%),center;
 mask-image:radial-gradient(ellipse at var(--holo-x,50%) var(--holo-y,50%),#000 0%,#0009 35%,transparent 78%)}
.is-active.is-settled .car-card[data-holo=active][data-holo-renderer=css] .holo-film{opacity:.28}
@media(prefers-reduced-motion:reduce){.holo-foil,.holo-glare,.holo-film{display:none}.holo-rotor{transform:none!important;will-change:auto!important}}