/* Wereld VRAAG: vraagteken-ballonnen, een lampje gaat aan */
body:has(.d-world-vraag) { --t-orange: #FFE3CF; --t-blue: #DCE7F6; --t-green: #E2EED8; --t-yellow: #FFF1C9; }
body:has(.d-world-vraag) .d-section.has-vlak-groen-background-color,
body:has(.d-world-vraag) .d-section.has-vlak-blauw-background-color { background: #FFF3E3 !important; }
.d-world-vraag { background: radial-gradient(circle at 82% 70%, #FFF1C9 0, rgba(255,241,201,0) 38%), linear-gradient(180deg, #FFE6D2 0%, #FFF7EE 100%) !important; }
.d-world-vraag .d-play-title mark { color: #D9631E !important; }
body:has(.d-world-vraag) main .d-section { position: relative; }
body:has(.d-world-vraag) 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='M7 8 C 7 1 17 1 17 8 C 17 12 12 12 12 16' stroke='%23F07A2B' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='20.5' r='1.8' fill='%23F07A2B'/%3E%3Cpath d='M39 8 C 39 1 49 1 49 8 C 49 12 44 12 44 16' stroke='%238EAAD5' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='44' cy='20.5' r='1.8' fill='%238EAAD5'/%3E%3Cpath d='M71 8 C 71 1 81 1 81 8 C 81 12 76 12 76 16' stroke='%23729A47' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='76' cy='20.5' r='1.8' fill='%23729A47'/%3E%3C/svg%3E") left center / 96px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-vraag { position: absolute !important; inset: 0; height: auto !important; }
.d-vraag-ballon { width: 64px; height: 96px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 150'%3E %3Cpath d='M50 116 C 42 128 58 136 50 148' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M44 107 L56 107 L53 116 L47 116 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M50 4 C 78 4 94 26 94 52 C 94 82 70 104 50 108 C 30 104 6 82 6 52 C 6 26 22 4 50 4 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3'/%3E %3Cellipse cx='28' cy='34' rx='7' ry='13' fill='%23fff' opacity='.45' transform='rotate(-20 28 34)'/%3E %3Cpath d='M37 42 C 37 27 63 27 63 42 C 63 54 50 54 50 66' stroke='%23fff' stroke-width='9' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='50' cy='82' r='5.5' fill='%23fff'/%3E%3C/svg%3E") !important; bottom: -110px; opacity: .92; }
.d-vraag-b1 { left: 2%; }
.d-vraag-b2 { left: 47%; width: 52px; height: 78px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 150'%3E %3Cpath d='M50 116 C 42 128 58 136 50 148' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M44 107 L56 107 L53 116 L47 116 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M50 4 C 78 4 94 26 94 52 C 94 82 70 104 50 108 C 30 104 6 82 6 52 C 6 26 22 4 50 4 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3'/%3E %3Cellipse cx='28' cy='34' rx='7' ry='13' fill='%23fff' opacity='.45' transform='rotate(-20 28 34)'/%3E %3Cpath d='M37 42 C 37 27 63 27 63 42 C 63 54 50 54 50 66' stroke='%23fff' stroke-width='9' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='50' cy='82' r='5.5' fill='%23fff'/%3E%3C/svg%3E") !important; }
.d-vraag-b3 { right: 30%; width: 44px; height: 66px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 150'%3E %3Cpath d='M50 116 C 42 128 58 136 50 148' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M44 107 L56 107 L53 116 L47 116 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M50 4 C 78 4 94 26 94 52 C 94 82 70 104 50 108 C 30 104 6 82 6 52 C 6 26 22 4 50 4 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='3'/%3E %3Cellipse cx='28' cy='34' rx='7' ry='13' fill='%23fff' opacity='.45' transform='rotate(-20 28 34)'/%3E %3Cpath d='M37 42 C 37 27 63 27 63 42 C 63 54 50 54 50 66' stroke='%23fff' stroke-width='9' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='50' cy='82' r='5.5' fill='%23fff'/%3E%3C/svg%3E") !important; }
.d-vraag-groot { width: 150px; height: 225px; right: 3%; bottom: 4%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 150'%3E %3Cpath d='M50 116 C 42 128 58 136 50 148' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M44 107 L56 107 L53 116 L47 116 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M50 4 C 78 4 94 26 94 52 C 94 82 70 104 50 108 C 30 104 6 82 6 52 C 6 26 22 4 50 4 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='3'/%3E %3Cellipse cx='28' cy='34' rx='7' ry='13' fill='%23fff' opacity='.45' transform='rotate(-20 28 34)'/%3E %3Cpath d='M37 42 C 37 27 63 27 63 42 C 63 54 50 54 50 66' stroke='%23fff' stroke-width='9' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='50' cy='82' r='5.5' fill='%23fff'/%3E%3C/svg%3E") !important; z-index: 2; }
.d-vraag-hoofd { width: 190px; height: 250px; right: 2%; bottom: 3%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 210'%3E %3Cpath d='M80 10 C 124 10 150 42 150 80 C 150 110 132 126 118 142 C 110 152 108 160 108 166 L 52 166 C 52 160 50 152 42 142 C 28 126 10 110 10 80 C 10 42 36 10 80 10 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3'/%3E %3Cellipse cx='44' cy='50' rx='10' ry='19' fill='%23fff' opacity='.6' transform='rotate(25 44 50)'/%3E %3Cpath d='M66 166 L 66 132 L 73 140 L 80 130 L 87 140 L 94 132 L 94 166' stroke='%23F07A2B' stroke-width='3' fill='none' stroke-linejoin='round'/%3E %3Crect x='50' y='166' width='60' height='14' rx='5' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3'/%3E %3Crect x='55' y='180' width='50' height='12' rx='5' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M66 192 Q 80 206 94 192 Z' fill='%231E2B45'/%3E %3Ccircle cx='60' cy='80' r='6.5' fill='%231E2B45'/%3E%3Ccircle cx='100' cy='80' r='6.5' fill='%231E2B45'/%3E %3Ccircle cx='62.5' cy='77.5' r='2.2' fill='%23fff'/%3E%3Ccircle cx='102.5' cy='77.5' r='2.2' fill='%23fff'/%3E %3Cpath d='M68 98 Q 80 111 92 98' stroke='%231E2B45' stroke-width='3' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='48' cy='97' r='7' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='112' cy='97' r='7' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E") !important; z-index: 3; }
.d-vraag-glans { width: 300px; height: 300px; right: calc(2% - 55px); bottom: calc(3% + 30px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Ccircle cx='120' cy='120' r='78' fill='%23FFC94D' opacity='.28'/%3E%3Cpath d='M35.3 105.1 L9.7 100.6' stroke='%23EC8B48' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M47.9 73.2 L26.1 59.0' stroke='%23FFC94D' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M71.9 48.7 L57.4 27.1' stroke='%23EC8B48' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M103.6 35.6 L98.6 10.1' stroke='%23FFC94D' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M137.9 35.9 L143.3 10.4' stroke='%23EC8B48' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M169.3 49.6 L184.2 28.3' stroke='%23FFC94D' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M192.9 74.4 L215.0 60.6' stroke='%23EC8B48' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M204.9 106.5 L230.6 102.5' stroke='%23FFC94D' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M203.4 140.8 L228.7 147.1' stroke='%23EC8B48' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E") !important; z-index: 1; }
.d-peek-vraag::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 112'%3E %3Cpath d='M24 40 C 24 8 70 8 70 38 C 70 58 46 58 46 80' stroke='%231E2B45' stroke-width='23' fill='none' stroke-linecap='round'/%3E %3Cpath d='M24 40 C 24 8 70 8 70 38 C 70 58 46 58 46 80' stroke='%23EC8B48' stroke-width='16' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='46' cy='101' r='10' fill='%23EC8B48' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='38' cy='17' r='5' fill='%23fff'/%3E%3Ccircle cx='56' cy='17' r='5' fill='%23fff'/%3E %3Ccircle cx='39' cy='18' r='2.6' fill='%231E2B45'/%3E%3Ccircle cx='57' cy='18' r='2.6' fill='%231E2B45'/%3E %3Ccircle cx='66' cy='40' r='3.5' fill='%23F49AB4' opacity='.7'/%3E%3C/svg%3E"); width: 70px; height: 86px; top: -80px; left: 10%; }
.d-peek-vraag.d-peek-right::before { left: auto; right: 10%; }

.d-vraag-ballon { animation: d-vraag-op 15s linear infinite; }
.d-vraag-b2 { animation-duration: 19s; animation-delay: -7s; }
.d-vraag-b3 { animation-duration: 17s; animation-delay: -12s; }
@keyframes d-vraag-op { 0% { transform: translate(0, 0) rotate(-4deg); } 25% { transform: translate(14px, -30vh) rotate(5deg); } 50% { transform: translate(-10px, -60vh) rotate(-5deg); } 75% { transform: translate(12px, -90vh) rotate(4deg); } 100% { transform: translate(0, -125vh) rotate(-3deg); } }
.d-vraag-groot { transform-origin: 50% 80%; animation: d-vraag-stijg 1.4s cubic-bezier(.3,1.3,.5,1) .2s both, d-vraag-weg .6s ease-in 2.6s forwards; }
@keyframes d-vraag-stijg { from { transform: translateY(140%) rotate(-8deg); } }
@keyframes d-vraag-weg { 0% { transform: scale(1); opacity: 1; } 40% { transform: scale(1.12) rotate(4deg); opacity: 1; } 100% { transform: scale(.2); opacity: 0; } }
.d-vraag-hoofd { transform-origin: 50% 90%; animation: d-vraag-aan 1.1s cubic-bezier(.3,1.5,.5,1) 2.9s both, d-vraag-dobber 4s ease-in-out 4s infinite; }
@keyframes d-vraag-aan { 0% { transform: scale(.2); opacity: 0; filter: saturate(.1) brightness(.9); } 55% { transform: scale(1.06); opacity: 1; filter: saturate(.1) brightness(.9); } 70% { filter: saturate(1.2) brightness(1.15) drop-shadow(0 0 22px rgba(255,201,77,.95)); } 100% { transform: scale(1); opacity: 1; filter: saturate(1) drop-shadow(0 0 10px rgba(255,201,77,.7)); } }
@keyframes d-vraag-dobber { 0%, 100% { transform: translateY(0) rotate(-2deg); filter: drop-shadow(0 0 10px rgba(255,201,77,.7)); } 50% { transform: translateY(-10px) rotate(2deg); filter: drop-shadow(0 0 20px rgba(255,201,77,.95)); } }
.d-vraag-glans { animation: d-vraag-straal 1s ease-out 3.4s both, d-vraag-puls 3s ease-in-out 4.4s infinite; }
@keyframes d-vraag-straal { from { transform: scale(.4); opacity: 0; } }
@keyframes d-vraag-puls { 50% { transform: scale(1.08) rotate(4deg); opacity: .75; } }

@media (max-width: 781px) {
	.d-vraag-b2, .d-vraag-b3 { display: none; }
	.d-vraag-b1 { width: 44px; height: 66px; }
	.d-vraag-groot { width: 84px; height: 126px; right: 3%; bottom: 2%; }
	.d-vraag-hoofd { width: 104px; height: 137px; right: 3%; bottom: 2%; }
	.d-vraag-glans { width: 160px; height: 160px; right: calc(3% - 28px); bottom: calc(2% + 16px); }
	.d-peek-vraag::before { width: 54px; height: 66px; top: -62px; }
}
@media (prefers-reduced-motion: reduce) {
	.d-scene-vraag > * { animation: none !important; }
	.d-vraag-groot, .d-vraag-ballon { display: none; }
}