/* Wereld: picknick — fruitvriendjes springen om beurten uit de mand */
body:has(.d-world-picknick) { --t-orange: #FFE1D3; --t-blue: #DDEBF6; --t-green: #E1F0D3; --t-yellow: #FFF1C9; }
body:has(.d-world-picknick) .d-section.has-vlak-groen-background-color,
body:has(.d-world-picknick) .d-section.has-vlak-blauw-background-color { background: #EEF6E2 !important; }
.d-world-picknick { background:
	linear-gradient(90deg, rgba(236,139,72,.10) 50%, transparent 0) 0 0 / 56px 56px,
	linear-gradient(rgba(236,139,72,.10) 50%, transparent 0) 0 0 / 56px 56px,
	#FFF8EC !important; }
.d-world-picknick .d-play-title mark { color: #C8553D !important; }
body:has(.d-world-picknick) main .d-section { position: relative; }
body:has(.d-world-picknick) main .d-section + .d-section::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect y='3' width='24' height='18' fill='%23FFF6E6'/%3E%3Crect x='0' y='3' width='12' height='18' fill='%23EC8B48' opacity='.5'/%3E%3Crect y='3' width='24' height='9' fill='%23EC8B48' opacity='.5'/%3E%3Cpath d='M0 3 H 24 M0 21 H 24' stroke='%231E2B45' stroke-width='1.5' opacity='.35'/%3E%3C/svg%3E") left center / 24px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-picknick { position: absolute !important; inset: 0; height: auto !important; }
.d-picknick-deken { left: 0; right: 0; bottom: 0; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23FFF6E6'/%3E%3Crect x='0' width='12' height='24' fill='%23EC8B48' opacity='.45'/%3E%3Crect y='0' width='24' height='12' fill='%23EC8B48' opacity='.45'/%3E%3C/svg%3E") left top / 26px 26px repeat !important; border-top: 2.5px solid rgba(30,43,69,.25); }
.d-picknick-mand { width: 230px; height: 172px; right: 4%; bottom: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180'%3E %3Cpath d='M44 84 C 44 10 196 10 196 84' stroke='%23A86E3A' stroke-width='12' fill='none' stroke-linecap='round'/%3E %3Cpath d='M44 84 C 44 10 196 10 196 84' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round' transform='translate(0 -6)'/%3E %3Cpath d='M18 76 H 222 L 204 172 H 36 Z' fill='%23C98A4E' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M26 104 H 214 M30 128 H 210 M34 152 H 206' stroke='%23A86E3A' stroke-width='4'/%3E %3Cpath d='M60 80 L 64 170 M100 80 L 101 170 M140 80 L 139 170 M180 80 L 176 170' stroke='%23E0A867' stroke-width='5'/%3E %3Cpath d='M14 70 H 226 V 88 H 14 Z' fill='%23E0A867' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M150 70 L 196 70 L 188 108 L 172 96 L 158 110 Z' fill='%23fff' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M160 70 V 104 M176 70 V 100 M152 84 H 194' stroke='%23E9573F' stroke-width='5' opacity='.55'/%3E %3C/svg%3E") !important; transform-origin: bottom center; }
.d-picknick-appel { width: 66px; height: 70px; right: calc(4% + 134px); bottom: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 84'%3E %3Cpath d='M40 20 C 22 8 4 18 6 42 C 8 66 24 82 40 76 C 56 82 72 66 74 42 C 76 18 58 8 40 20 Z' fill='%23E9573F' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M40 20 C 40 12 42 6 46 2' stroke='%231E2B45' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M44 10 C 54 2 66 4 68 10 C 60 16 50 16 44 10 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5'/%3E %3Cpath d='M16 34 C 18 28 22 24 26 23' stroke='%23F7A08F' stroke-width='4' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='32.0' cy='46' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='48.0' cy='46' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='33.2' cy='44.7' r='1.2' fill='%23fff'/%3E%3Ccircle cx='49.2' cy='44.7' r='1.2' fill='%23fff'/%3E%3Cpath d='M34.0 54.0 Q 40 60.0 46.0 54.0' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='25.0' cy='53.0' r='4.5' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='55.0' cy='53.0' r='4.5' fill='%23F49AB4' opacity='.7'/%3E%3C/svg%3E") !important; transform: translateY(-40px); }
.d-picknick-banaan { width: 84px; height: 64px; right: calc(4% + 74px); bottom: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 84'%3E %3Cpath d='M10 22 C 14 58 44 78 82 70 C 96 66 104 56 102 50 C 90 58 62 62 42 48 C 30 40 24 28 22 18 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M10 22 L 8 12 L 22 12 L 22 18' fill='%238A5A3B' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M30 54 C 44 66 64 68 84 64' stroke='%23F0A830' stroke-width='3' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='48.8' cy='50' r='3.24' fill='%231E2B45'/%3E%3Ccircle cx='63.2' cy='50' r='3.24' fill='%231E2B45'/%3E%3Ccircle cx='49.88' cy='48.83' r='1.08' fill='%23fff'/%3E%3Ccircle cx='64.28' cy='48.83' r='1.08' fill='%23fff'/%3E%3Cpath d='M50.6 57.2 Q 56 62.6 61.4 57.2' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='42.5' cy='56.3' r='4.05' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='69.5' cy='56.3' r='4.05' fill='%23F49AB4' opacity='.7'/%3E%3C/svg%3E") !important; transform: translateY(-30px); }
.d-picknick-peer { width: 60px; height: 76px; right: calc(4% + 26px); bottom: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 96'%3E %3Cpath d='M38 14 C 28 14 26 30 22 40 C 10 52 6 66 12 78 C 20 94 56 94 64 78 C 70 66 66 52 54 40 C 50 30 48 14 38 14 Z' fill='%239CC45A' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M38 14 C 38 8 40 4 44 2' stroke='%231E2B45' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M42 8 C 34 0 24 2 22 8 C 30 12 38 12 42 8 Z' fill='%235FA36F' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='30.0' cy='62' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='46.0' cy='62' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='31.2' cy='60.7' r='1.2' fill='%23fff'/%3E%3Ccircle cx='47.2' cy='60.7' r='1.2' fill='%23fff'/%3E%3Cpath d='M32.0 70.0 Q 38 76.0 44.0 70.0' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='23.0' cy='69.0' r='4.5' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='53.0' cy='69.0' r='4.5' fill='%23F49AB4' opacity='.7'/%3E%3C/svg%3E") !important; transform: translateY(-36px); }
.d-picknick-kers { width: 60px; height: 60px; right: calc(4% + 250px); bottom: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E %3Cpath d='M24 56 C 28 36 40 18 52 6 M56 56 C 54 38 54 20 52 6' stroke='%235E8A35' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M52 6 C 62 0 74 4 76 12 C 66 16 56 14 52 6 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='2'/%3E %3Ccircle cx='22' cy='62' r='14' fill='%23E9573F' stroke='%231E2B45' stroke-width='3'/%3E%3Ccircle cx='58' cy='62' r='14' fill='%23E9573F' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='17' cy='57' r='3' fill='%23F7A08F'/%3E%3Ccircle cx='53' cy='57' r='3' fill='%23F7A08F'/%3E %3C/svg%3E") !important; }

.d-peek-picknick::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 80'%3E %3Cpath d='M45 26 C 26 14 6 24 8 50 C 10 70 26 84 45 80 C 64 84 80 70 82 50 C 84 24 64 14 45 26 Z' fill='%23E9573F' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M45 26 C 45 16 47 10 51 6' stroke='%231E2B45' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M49 14 C 58 6 70 8 72 14 C 64 20 54 20 49 14 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='36.6' cy='50' r='3.7800000000000002' fill='%231E2B45'/%3E%3Ccircle cx='53.4' cy='50' r='3.7800000000000002' fill='%231E2B45'/%3E%3Ccircle cx='37.86' cy='48.635' r='1.26' fill='%23fff'/%3E%3Ccircle cx='54.66' cy='48.635' r='1.26' fill='%23fff'/%3E%3Cpath d='M38.7 58.4 Q 45 64.7 51.3 58.4' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='29.25' cy='57.35' r='4.7250000000000005' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='60.75' cy='57.35' r='4.7250000000000005' fill='%23F49AB4' opacity='.7'/%3E%3C/svg%3E"); width: 90px; height: 80px; top: -64px; left: 14%; }
.d-peek-picknick.d-peek-right::before { left: auto; right: 14%; }

@media (prefers-reduced-motion: no-preference) {
	.d-picknick-mand { animation: d-picknick-mandIn .9s cubic-bezier(.3,1.5,.5,1) .2s both, d-picknick-schud 9s ease-in-out 1.2s infinite; }
	@keyframes d-picknick-mandIn { from { transform: translateY(80px) scale(.6); opacity: 0; } }
	@keyframes d-picknick-schud { 0%, 8%, 33%, 41%, 66%, 74%, 100% { transform: rotate(0); } 3%, 36%, 69% { transform: rotate(-3deg); } 5%, 38%, 71% { transform: rotate(3deg); } }
	.d-picknick-appel, .d-picknick-banaan, .d-picknick-peer { animation: d-picknick-spring 9s cubic-bezier(.3,1.2,.5,1) both infinite; }
	.d-picknick-appel { animation-delay: 1.2s; }
	.d-picknick-banaan { animation-delay: 4.2s; }
	.d-picknick-peer { animation-delay: 7.2s; }
	@keyframes d-picknick-spring {
		0% { transform: translateY(0) rotate(0); }
		7% { transform: translateY(-112px) rotate(-10deg); }
		12% { transform: translateY(-96px) rotate(6deg); }
		20% { transform: translateY(-100px) rotate(-4deg); }
		27% { transform: translateY(-96px) rotate(0); }
		33%, 100% { transform: translateY(0) rotate(0); }
	}
	.d-picknick-kers { animation: d-picknick-kersWip 2.8s ease-in-out infinite; transform-origin: 65% 10%; }
	@keyframes d-picknick-kersWip { 50% { transform: rotate(8deg); } }
}

@media (max-width: 781px) {
	.d-picknick-mand { width: 150px; height: 112px; right: 3%; bottom: 10px; }
	.d-picknick-appel { width: 44px; height: 46px; right: calc(3% + 92px); bottom: 26px; }
	.d-picknick-banaan { width: 56px; height: 43px; right: calc(3% + 48px); bottom: 26px; }
	.d-picknick-peer { width: 40px; height: 50px; right: calc(3% + 16px); bottom: 26px; }
	.d-picknick-kers { display: none; }
	.d-picknick-deken { height: 18px; background-size: 18px 18px !important; }
}
@media (max-width: 781px) and (prefers-reduced-motion: no-preference) {
	.d-picknick-appel, .d-picknick-banaan, .d-picknick-peer { animation-name: d-picknick-spring-m; }
	@keyframes d-picknick-spring-m { 0% { transform: translateY(0); } 7% { transform: translateY(-74px) rotate(-10deg); } 14% { transform: translateY(-62px) rotate(6deg); } 27% { transform: translateY(-64px) rotate(0); } 33%, 100% { transform: translateY(0); } }
}