.collection{position:absolute;inset:0;z-index:30;overflow:hidden;border-radius:inherit;background:#16adef url('collection-yard.png') center top/100% 100% no-repeat;color:#174631}.collection-title{position:absolute;top:16%;left:5%;right:5%;z-index:10;background:#fffffff0;padding:12px;border:2px solid #fff;border-radius:18px;text-align:center;box-shadow:0 4px 0 #17463112}.collection-title h2{font-size:clamp(18px,5vw,25px);margin:5px 0}.collection-title p{font-size:14px;line-height:1.4;margin:6px 0 0;min-height:40px}.collection-title .eyebrow{font-size:11px;color:#427a30;letter-spacing:1.3px}.collection-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}.collection-truck,.collection-bin,.collection-driver{position:absolute;left:0;top:0;pointer-events:none;transform-origin:50% 90%;background-repeat:no-repeat}.collection-truck{width:78%;aspect-ratio:2/1;background-image:url('collection-trucks-reference.png');background-size:100% 200%;z-index:2}.truck-green{background-position:0 0}.truck-yellow{background-position:0 100%}.collection-bin{width:12%;aspect-ratio:1;background-image:url('collection-game-bins.png');background-size:200% 100%;z-index:1}.load-green{background-position:0 0}.load-yellow{background-position:100% 0}.collection-driver{width:14%;aspect-ratio:3/4;z-index:4}.driver-figure{display:block;width:100%;height:100%;background-image:url('driver-walk.png');background-size:400% 200%;background-position:0 0;background-repeat:no-repeat;transform:scaleX(var(--facing,1));transform-origin:center}.collection-driver[data-gait="push"] .driver-figure{background-position-y:100%}.collection-driver[data-moving="true"] .driver-figure{animation:driver-stride .7s steps(4,end) infinite}@keyframes driver-stride{from{background-position-x:0}to{background-position-x:133.333333%}}.collection-shelter{position:absolute;left:20%;bottom:17%;width:48%;aspect-ratio:1.8;background:url('collection-shelter.png') center bottom/contain no-repeat;z-index:0}@media(prefers-reduced-motion:reduce){.collection-driver[data-moving="true"] .driver-figure{animation:none}}.collection-progress{position:absolute;top:37%;left:5%;right:5%;display:flex;gap:8px;justify-content:center}.collection-progress span{background:#f4ffdbef;color:#346525;padding:6px 9px;border-radius:9px;font-weight:800;font-size:12px}.collection-finish{position:absolute;left:5%;right:5%;top:43%;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.collection-finish p{background:#ffffffed;padding:6px 12px;border-radius:10px;font-size:13px;line-height:1.35;margin:0}.collection-skip{font-size:13px;border:1px solid #ffffffaa;border-radius:20px;padding:8px 16px;background:#ffffffe8;color:#3b643a}.collection-finish .primary{box-shadow:0 4px 0 #163e3155;padding:10px 16px}@media(max-width:370px){.collection-title{padding:8px;top:15%}.collection-title h2{font-size:18px}.collection-title p{font-size:12px;min-height:34px}.collection-progress span{font-size:10px;padding:5px}.collection-finish p{font-size:12px}}

.collection-driver[data-gait="push"][data-moving="true"] .driver-figure{animation-duration:.9s}

.collection-preview{display:block;margin:14px auto 4px;padding:11px 18px;border-radius:12px;background:#fff;color:#174631;font-size:14px;font-weight:700;border:2px solid #dceccc}.collection-preview:disabled{display:none}