/* Wereld: prikbord — kurk met briefjes en tekeningen die zacht wapperen, één briefje vliegt erbij */
body:has(.d-world-prikbord) { --t-orange: #FBE1C8; --t-blue: #DDE9F6; --t-green: #E2EED6; --t-yellow: #FFF0C4; }
body:has(.d-world-prikbord) .d-section.has-vlak-groen-background-color,
body:has(.d-world-prikbord) .d-section.has-vlak-blauw-background-color { background: #F6EBDA !important; }
.d-world-prikbord { background: radial-gradient(circle, rgba(138,90,59,.22) 1.4px, transparent 1.9px) 0 0 / 15px 15px, radial-gradient(circle, rgba(111,70,48,.14) 1.1px, transparent 1.6px) 7px 9px / 11px 13px, linear-gradient(180deg, #EFD3A8, #F5E1C1) !important; box-shadow: inset 0 0 0 10px #B98352, inset 0 0 0 13px rgba(30,43,69,.25); }
.d-world-prikbord .d-play-title mark { color: #B8461A !important; }
body:has(.d-world-prikbord) main .d-section { position: relative; }
body:has(.d-world-prikbord) 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 96 24'%3E%3Cpath d='M0 12 C 16 15 32 15 48 12 C 64 9 80 9 96 12' stroke='%238A5A3B' stroke-width='2' fill='none' opacity='.7'/%3E%3Ccircle cx='17.5' cy='14.5' r='6' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='16' cy='12' r='6' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='13.9' cy='9.9' r='1.7999999999999998' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='49.5' cy='14.5' r='6' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='48' cy='12' r='6' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='45.9' cy='9.9' r='1.7999999999999998' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='81.5' cy='14.5' r='6' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='80' cy='12' r='6' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='77.9' cy='9.9' r='1.7999999999999998' fill='%23fff' opacity='.8'/%3E%3C/svg%3E") left center / 96px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-prikbord { position: absolute !important; inset: 0; height: auto !important; }
.d-scene-prikbord > * { transform-origin: 50% 8%; }
.d-prikbord-tekening { width: 230px; height: 192px; right: 3%; bottom: 22px; rotate: 4deg; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 200'%3E %3Cpath d='M10 16 L 230 10 L 226 192 L 14 196 Z' fill='%23fff' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M30 170 C 80 160 160 166 212 160' stroke='%23729A47' stroke-width='6' fill='none' stroke-linecap='round'/%3E %3Cpath d='M60 168 V 112 H 130 V 168' fill='%23FFE0CC' stroke='%23F07A2B' stroke-width='4' stroke-linejoin='round'/%3E %3Cpath d='M50 116 L 95 76 L 140 116' fill='none' stroke='%23E9573F' stroke-width='5' stroke-linejoin='round' stroke-linecap='round'/%3E %3Cpath d='M86 168 V 140 H 104 V 168' fill='none' stroke='%238EAAD5' stroke-width='4'/%3E %3Crect x='68' y='122' width='14' height='12' fill='none' stroke='%238EAAD5' stroke-width='3.5'/%3E%3Crect x='110' y='122' width='14' height='12' fill='none' stroke='%238EAAD5' stroke-width='3.5'/%3E %3Ccircle cx='190' cy='52' r='18' fill='%23FFC94D' stroke='%23F0A830' stroke-width='3'/%3E %3Cpath d='M190 22 V 28 M190 76 V 82 M160 52 H 166 M214 52 H 220 M169 31 L 173 35 M207 69 L 211 73 M211 31 L 207 35 M173 69 L 169 73' stroke='%23F0A830' stroke-width='3.5' stroke-linecap='round'/%3E %3Ccircle cx='184' cy='49' r='2' fill='%231E2B45'/%3E%3Ccircle cx='196' cy='49' r='2' fill='%231E2B45'/%3E%3Cpath d='M184 57 Q 190 62 196 57' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M172 166 V 132' stroke='%23729A47' stroke-width='4'/%3E %3Cg fill='%23F49AB4'%3E%3Ccircle cx='172' cy='118' r='6'/%3E%3Ccircle cx='182' cy='126' r='6'/%3E%3Ccircle cx='162' cy='126' r='6'/%3E%3Ccircle cx='176' cy='136' r='6'/%3E%3Ccircle cx='166' cy='136' r='6'/%3E%3C/g%3E%3Ccircle cx='172' cy='128' r='5' fill='%23FFC94D'/%3E %3Cpath d='M28 70 C 40 36 80 36 92 62' stroke='%238EAAD5' stroke-width='5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M36 72 C 46 48 76 48 84 66' stroke='%23FFC94D' stroke-width='5' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='121.5' cy='22.5' r='9' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='120' cy='20' r='9' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='116.85' cy='16.85' r='2.6999999999999997' fill='%23fff' opacity='.8'/%3E %3C/svg%3E") !important; }
.d-prikbord-geel { width: 96px; height: 87px; left: 52%; top: 4%; rotate: -6deg; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 100'%3E %3Cpath d='M6 8 H 104 V 82 L 88 96 H 6 Z' fill='%23FFE58F' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M104 82 H 88 V 96' fill='rgba(30,43,69,.12)' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M18 34 H 92' stroke='%23E8B93A' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M18 47 H 79' stroke='%23E8B93A' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M18 60 H 88' stroke='%23E8B93A' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M18 73 H 75' stroke='%23E8B93A' stroke-width='3.5' stroke-linecap='round'/%3E %3Ccircle cx='56.5' cy='14.5' r='7' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='55.0' cy='12' r='7' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='52.55' cy='9.55' r='2.1' fill='%23fff' opacity='.8'/%3E %3C/svg%3E") !important; }
.d-prikbord-roze { width: 74px; height: 68px; left: 30%; top: 2%; rotate: 5deg; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E %3Cpath d='M6 8 H 94 V 74 L 78 88 H 6 Z' fill='%23FCD0DC' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M94 74 H 78 V 88' fill='rgba(30,43,69,.12)' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M18 34 H 82' stroke='%23E58BA5' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M18 47 H 69' stroke='%23E58BA5' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M18 60 H 78' stroke='%23E58BA5' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M18 73 H 65' stroke='%23E58BA5' stroke-width='3.5' stroke-linecap='round'/%3E %3Ccircle cx='51.5' cy='14.5' r='7' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='50.0' cy='12' r='7' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='47.55' cy='9.55' r='2.1' fill='%23fff' opacity='.8'/%3E %3C/svg%3E") !important; }
.d-prikbord-tek2 { width: 92px; height: 80px; left: 2%; bottom: 18px; rotate: -4deg; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 96'%3E %3Cpath d='M6 8 L 104 4 L 102 90 L 8 92 Z' fill='%23fff' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M20 76 A 35 35 0 0 1 90 76' stroke='%23E9573F' stroke-width='6' fill='none'/%3E %3Cpath d='M29 76 A 26 26 0 0 1 81 76' stroke='%23FFC94D' stroke-width='6' fill='none'/%3E %3Cpath d='M38 76 A 17 17 0 0 1 72 76' stroke='%238EAAD5' stroke-width='6' fill='none'/%3E %3Cpath d='M55 36 C 48 30 44 26 46 22 C 48 18 53 19 55 23 C 57 19 62 18 64 22 C 66 26 62 30 55 36 Z' fill='%23F49AB4'/%3E %3Ccircle cx='56.5' cy='12.5' r='7' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='55' cy='10' r='7' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='52.55' cy='7.550000000000001' r='2.1' fill='%23fff' opacity='.8'/%3E %3C/svg%3E") !important; }
.d-prikbord-vlieg { width: 100px; height: 91px; left: 51%; bottom: 5%; rotate: -3deg; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 100'%3E %3Cpath d='M8 10 L 100 6 L 104 90 L 12 94 Z' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M24 34 C 38 26 50 42 64 32 S 88 34 92 30' stroke='%23F07A2B' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M24 52 H 90' stroke='%23C9CED8' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M24 65 H 77' stroke='%23C9CED8' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M24 78 H 86' stroke='%23C9CED8' stroke-width='3.5' stroke-linecap='round'/%3E %3Cpath d='M70 18 C 74 12 82 12 84 18 C 86 12 94 12 96 18 C 98 26 86 32 84 34 C 80 32 68 26 70 18 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2' transform='translate(-10 52) scale(.6)'/%3E %3C/svg%3E") !important; }
.d-prikbord-vlieg::after { content: ""; position: absolute; left: 50%; top: -2px; width: 22px; height: 22px; margin-left: -11px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='16.5' cy='16.5' r='8' fill='%231E2B45' opacity='.18'/%3E%3Ccircle cx='15' cy='14' r='8' fill='%23E9573F' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='12.2' cy='11.2' r='2.4' fill='%23fff' opacity='.8'/%3E%3C/svg%3E") center / contain no-repeat; }

.d-peek-prikbord::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 84'%3E %3Crect x='42' y='60' width='6' height='24' rx='3' fill='%23C9CED8' stroke='%231E2B45' stroke-width='2'/%3E %3Cellipse cx='45' cy='62' rx='26' ry='8' fill='%23C9581F' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='45' cy='36' r='28' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M26 26 A 20 20 0 0 1 40 13' stroke='%23FFA463' stroke-width='5' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='36' cy='34' r='4' fill='%231E2B45'/%3E%3Ccircle cx='54' cy='34' r='4' fill='%231E2B45'/%3E%3Ccircle cx='37.5' cy='32.5' r='1.4' fill='%23fff'/%3E%3Ccircle cx='55.5' cy='32.5' r='1.4' fill='%23fff'/%3E %3Cpath d='M38 44 Q 45 51 52 44' stroke='%231E2B45' stroke-width='2.8' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='27' cy='43' r='5' fill='%23F49AB4' opacity='.75'/%3E%3Ccircle cx='63' cy='43' r='5' fill='%23F49AB4' opacity='.75'/%3E %3C/svg%3E"); width: 80px; height: 75px; top: -54px; left: 14%; }
.d-peek-prikbord.d-peek-right::before { left: auto; right: 14%; }

@media (prefers-reduced-motion: no-preference) {
	.d-prikbord-tekening { animation: d-prikbord-wapper 4.2s ease-in-out infinite; }
	.d-prikbord-geel { animation: d-prikbord-wapper 3.4s ease-in-out -1s infinite; }
	.d-prikbord-roze { animation: d-prikbord-wapper 3.8s ease-in-out -2.2s infinite; }
	.d-prikbord-tek2 { animation: d-prikbord-wapper 4.6s ease-in-out -.6s infinite; }
	@keyframes d-prikbord-wapper { 0%, 100% { transform: rotate(0) skewX(0); } 30% { transform: rotate(2.5deg) skewX(-2deg); } 60% { transform: rotate(-2deg) skewX(1.5deg); } }
	.d-prikbord-vlieg { animation: d-prikbord-vlieg 3.6s cubic-bezier(.35,.6,.4,1) .6s both, d-prikbord-wapper 3.6s ease-in-out 4.4s infinite; }
	@keyframes d-prikbord-vlieg {
		0% { transform: translate(-60vw, -260px) rotate(-40deg) scale(.7); opacity: 0; }
		10% { opacity: 1; }
		35% { transform: translate(-34vw, -60px) rotate(20deg) scale(.85); }
		60% { transform: translate(-14vw, -150px) rotate(-18deg) scale(.95); }
		85% { transform: translate(0, 8px) rotate(6deg) scale(1.02); }
		100% { transform: translate(0, 0) rotate(0) scale(1); opacity: 1; }
	}
	.d-prikbord-vlieg::after { animation: d-prikbord-prik .4s cubic-bezier(.3,1.8,.5,1) 4s both; }
	@keyframes d-prikbord-prik { from { transform: translateY(-30px) scale(1.6); opacity: 0; } }
}

@media (max-width: 781px) {
	.d-world-prikbord { box-shadow: inset 0 0 0 6px #B98352, inset 0 0 0 8px rgba(30,43,69,.25); }
	.d-prikbord-tekening { width: 140px; height: 117px; right: 4%; bottom: 14px; }
	.d-prikbord-roze { width: 56px; height: 51px; left: auto; right: 4%; top: 1%; }
	.d-prikbord-vlieg { width: 70px; height: 64px; left: auto; right: calc(4% + 150px); bottom: 20px; }
	.d-prikbord-vlieg::after { width: 16px; height: 16px; margin-left: -8px; }
	.d-prikbord-geel, .d-prikbord-tek2 { display: none; }
}