/* A dedicated clean cyan illustration replaces the old chrome selection rim. */
#app.setup-reference #garage-screen .vehicle-card.active,
#app.setup-reference #garage-screen .vehicle-card.active:hover:not(:disabled){filter:brightness(1.04);box-shadow:none}
/* Clip the opaque card layers to the selected illustration's inner octagon.
   Keep the frame itself unclipped so its cyan glow extends beyond the card. */
#app.setup-reference #garage-screen .vehicle-card.active:before{inset:-4px -2px;clip-path:polygon(12.4% 10.4%,88.6% 10.4%,93.8% 16.7%,93.8% 83.3%,88.6% 90.1%,12.4% 90.1%,6.9% 83.3%,6.9% 16.7%)}
#app.setup-reference #garage-screen .vehicle-card.active .vehicle-card-content{clip-path:polygon(8% 0,92% 0,100% 14%,100% 86%,92% 100%,8% 100%,0 86%,0 14%)}
#app.setup-reference #garage-screen .vehicle-card.active:after{border:0;border-image:none;background:url('../public/assets/garage-selection-v2/frame.png') center/100% 100% no-repeat;box-shadow:none;opacity:1;filter:none;inset:-4px -2px;display:block;content:''}
#app.setup-reference #garage-screen .vehicle-card.active:focus-visible:after{filter:brightness(1.2) drop-shadow(0 0 3px #66eaff)}
#app.setup-reference #garage-screen .vehicle-card.active .car-selected{display:none}
@media(orientation:portrait){#app.setup-reference #garage-screen .vehicle-card.active:before,#app.setup-reference #garage-screen .vehicle-card.active:after{inset:-3px -1px}}
