/* Santa's Sleigh Delivery — theme paint only. Structure lives in /games/shared/engine.css. */
.scene.themed { background:linear-gradient(180deg,#1E3A5F 0%, #2C5480 52%, #E8F0F7 53%, #E8F0F7 100%); }
#scene-arrival.themed { background:linear-gradient(180deg,#1E3A5F 0%, #2C5480 50%, #E8F0F7 51%, #E8F0F7 100%); }
.ground { position:absolute; left:0; right:0; bottom:0; height:24%; z-index:2; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.14) 100%); }
.sun-el { position:absolute; top:4%; right:5%; width:clamp(70px,12vw,120px); 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(90px,16vw,170px); aspect-ratio:200/90; z-index:1; opacity:.95; }
.cloud-el.c1 { top:6%; left:8%; } .cloud-el.c2 { top:16%; left:55%; width:clamp(70px,12vw,130px); }
.cloud-el.drift { animation:cloud-drift 10s linear infinite; }
@keyframes cloud-drift { from{transform:translateX(30vw)} to{transform:translateX(-60vw)} }
.prop.tree-el { width:clamp(60px,10vw,120px); aspect-ratio:140/200; bottom:20%; }
.prop.tree-el.t1 { left:6%; } .prop.tree-el.t2 { right:6%; }
.prop.house-el { width:clamp(80px,13vw,160px); aspect-ratio:180/160; bottom:20%; right:4%; }
.veh-holder { --slot-w:10%; --slot-h:15%; width:min(80vw,580px); aspect-ratio:640/346; left:2%; bottom:6%; animation:veh-float 4.5s ease-in-out infinite; transform-origin:50% 90%; }
@keyframes veh-float { 0%,100%{rotate:-1deg} 50%{rotate:1deg} }
.veh-holder.transit { bottom:8%; }
.veh-holder.arrival { width:min(72vw,520px); animation:none; }
.transit-scene .scroll-strip { display:none; }
@media (max-width:540px){ .veh-holder { width:92vw; left:1%; bottom:12%; } .veh-holder.arrival { width:88vw; } .kids-curb { bottom:30%; } }