/* Camel Caravan - theme styles (matrix-A) */
.scene.themed { background:linear-gradient(180deg,#FBD9A8 0%, #FDEBCB 46%, #EBD9B4 47%, #D8BE8C 100%); }
#scene-transit.themed { background:linear-gradient(180deg,#F9C98F 0%, #FBE0B4 48%, #E5CE9E 49%, #CFB07C 100%); }
#scene-arrival.themed { background:linear-gradient(180deg,#FBD9A8 0%, #FDEBCB 44%, #C9E2C0 45%, #96C79A 100%); }
.ground { position:absolute; left:0; right:0; bottom:0; height:22%; z-index:2; background:linear-gradient(180deg, rgba(30,42,74,0) 0%, rgba(30,42,74,.16) 100%); }
.sun-el { position:absolute; top:4%; right:5%; width:clamp(64px,11vw,112px); aspect-ratio:1; z-index:1; animation:sun-spin 40s linear infinite; }
@keyframes sun-spin { to { transform:rotate(360deg); } }
.sun-el svg, .cloud-el svg { width:100%; height:100%; }
.cloud-el { position:absolute; width:clamp(88px,15vw,166px); aspect-ratio:200/90; z-index:1; opacity:.95; }
.cloud-el.c1 { top:7%; left:8%; } .cloud-el.c2 { top:17%; left:56%; width:clamp(68px,12vw,126px); }
.cloud-el.drift { animation:cloud-drift 10s linear infinite; }
@keyframes cloud-drift { from{transform:translateX(30vw)} to{transform:translateX(-60vw)} }
.prop.pa { width:clamp(70px,12vw,150px); aspect-ratio:200/120; bottom:8%; right:5%; }
.prop.pb { width:clamp(100px,18vw,220px); aspect-ratio:200/120; bottom:2%; left:2%; }
.veh-holder { --slot-w:10%; --slot-h:15%; width:min(80vw,560px); aspect-ratio:640/346; left:2%; bottom:7%; }
.veh-holder.arrival { width:min(72vw,500px); }
.transit-scene .scroll-strip { display:none; }
.veh-holder.transit { bottom:12%; }
@media (max-width:540px){ .veh-holder { width:92vw; left:1%; bottom:13%; } .veh-holder.arrival { width:88vw; } .kids-curb { bottom:31%; } .kids-sidewalk { bottom:30%; } }