/* Wereld: superheld — schild-mascotte met wapperende cape, opstijgende zeepbelletjes */
body:has(.d-world-superheld) { --t-orange: #FFE3D1; --t-blue: #DDE8F7; --t-green: #DDF0E6; --t-yellow: #FFF2C9; }
body:has(.d-world-superheld) .d-section.has-vlak-groen-background-color,
body:has(.d-world-superheld) .d-section.has-vlak-blauw-background-color { background: #EAF2FC !important; }
.d-world-superheld { background: radial-gradient(circle at 82% 18%, #FFF6E6 0, rgba(255,246,230,0) 34%), linear-gradient(180deg, #E1ECFA, #F6FAFF) !important; }
.d-world-superheld .d-play-title mark { color: #3D63A8 !important; }
body:has(.d-world-superheld) main .d-section { position: relative; }
body:has(.d-world-superheld) 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 80 24'%3E%3Ccircle cx='10' cy='12' r='7' fill='%23DDEBFA' stroke='%238EAAD5' stroke-width='1.8'/%3E%3Ccircle cx='7.6' cy='9.6' r='1.8' fill='%23fff'/%3E%3Ccircle cx='28' cy='8' r='4' fill='%23DDEBFA' stroke='%238EAAD5' stroke-width='1.8'/%3E%3Ccircle cx='26.6' cy='6.6' r='1.0' fill='%23fff'/%3E%3Ccircle cx='43' cy='14' r='8' fill='%23DDEBFA' stroke='%238EAAD5' stroke-width='1.8'/%3E%3Ccircle cx='40.2' cy='11.2' r='2.0' fill='%23fff'/%3E%3Ccircle cx='62' cy='9' r='5' fill='%23DDEBFA' stroke='%238EAAD5' stroke-width='1.8'/%3E%3Ccircle cx='60.2' cy='7.2' r='1.2' fill='%23fff'/%3E%3Ccircle cx='75' cy='16' r='3.5' fill='%23DDEBFA' stroke='%238EAAD5' stroke-width='1.8'/%3E%3Ccircle cx='73.8' cy='14.8' r='1.0' fill='%23fff'/%3E%3C/svg%3E") left center / 80px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-superheld { position: absolute !important; inset: 0; height: auto !important; }
.d-scene-superheld .d-superheld-hoofd { width: 260px; height: 200px; right: 2%; bottom: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200'%3E%3Cpath d='M140 58 C 180 46 222 36 254 56 C 240 72 252 92 236 108 C 222 98 204 114 188 124 C 176 108 160 98 146 92 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M58 104 L 30 86' stroke='%231E2B45' stroke-width='16' stroke-linecap='round'/%3E%3Cpath d='M58 104 L 30 86' stroke='%238EAAD5' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='27' cy='84' r='9' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M110 28 C 136 40 156 40 168 36 C 172 108 150 158 110 186 C 70 158 48 108 52 36 C 64 40 84 40 110 28 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M110 42 C 130 51 146 52 156 50 C 156 106 140 146 110 170 C 80 146 64 106 64 50 C 74 52 90 51 110 42 Z' fill='none' stroke='%23fff' stroke-width='3' opacity='.7'/%3E%3Crect x='78' y='78' width='64' height='22' rx='11' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='98' cy='89' r='6' fill='%23fff'/%3E%3Ccircle cx='122' cy='89' r='6' fill='%23fff'/%3E%3Ccircle cx='99' cy='89' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='123' cy='89' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='100.2' cy='87.8' r='1.3' fill='%23fff'/%3E%3Ccircle cx='124.2' cy='87.8' r='1.3' fill='%23fff'/%3E%3Cpath d='M102 110 Q 110 117 118 110' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='84' cy='110' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='136' cy='110' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Cpath d='M110.0,127.0 L113.8,136.7 L124.3,137.4 L116.2,144.0 L118.8,154.1 L110.0,148.5 L101.2,154.1 L103.8,144.0 L95.7,137.4 L106.2,136.7 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E"); z-index: 3; }
.d-superheld-zeep { width: 96px; height: 66px; right: calc(2% + 250px); bottom: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 66'%3E%3Crect x='6' y='22' width='84' height='40' rx='15' fill='%23F49AB4' stroke='%231E2B45' stroke-width='3'/%3E%3Ccircle cx='26' cy='22' r='9' fill='%23fff' stroke='%231E2B45' stroke-width='2'/%3E%3Ccircle cx='44' cy='14' r='11' fill='%23fff' stroke='%231E2B45' stroke-width='2'/%3E%3Ccircle cx='63' cy='20' r='9' fill='%23fff' stroke='%231E2B45' stroke-width='2'/%3E%3Ccircle cx='76' cy='9' r='5' fill='%23fff' stroke='%231E2B45' stroke-width='2'/%3E%3Ccircle cx='38.1' cy='40' r='3.24' fill='%231E2B45'/%3E%3Ccircle cx='57.9' cy='40' r='3.24' fill='%231E2B45'/%3E%3Ccircle cx='39.18' cy='38.92' r='1.1700000000000002' fill='%23fff'/%3E%3Ccircle cx='58.98' cy='38.92' r='1.1700000000000002' fill='%23fff'/%3E%3Cpath d='M42.6 47.2 Q 48 51.7 53.4 47.2' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='26' cy='48' r='3.6' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='70' cy='48' r='3.6' fill='%23fff' opacity='.7'/%3E%3C/svg%3E") !important; z-index: 2; }
.d-superheld-bel { width: 40px; height: 40px; bottom: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='26' fill='%23DDEBFA' fill-opacity='.55' stroke='%238EAAD5' stroke-width='2.5'/%3E%3Cpath d='M15 24 A 16 16 0 0 1 26 13' stroke='%23fff' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='41' cy='41' r='2.2' fill='%23fff'/%3E%3C/svg%3E") !important; opacity: 0; }
.d-superheld-bel-1 { right: calc(2% + 300px); }
.d-superheld-bel-2 { right: calc(2% + 262px); width: 26px; height: 26px; }
.d-superheld-bel-3 { right: calc(2% + 330px); width: 54px; height: 54px; }
.d-superheld-bel-4 { left: 46%; bottom: 20px; width: 30px; height: 30px; }
.d-superheld-ster { width: 36px; height: 36px; left: 47%; top: 9%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20.0,4.0 L24.4,14.9 L36.2,15.7 L27.1,23.3 L30.0,34.8 L20.0,28.5 L10.0,34.8 L12.9,23.3 L3.8,15.7 L15.6,14.9 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.d-peek-superheld::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Ccircle cx='35' cy='37' r='31' fill='%23DDEBFA' stroke='%238EAAD5' stroke-width='2.5'/%3E%3Cpath d='M16 26 A 21 21 0 0 1 30 12' stroke='%23fff' stroke-width='4.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='26.0' cy='38' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='44.0' cy='38' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='27.2' cy='36.8' r='1.3' fill='%23fff'/%3E%3Ccircle cx='45.2' cy='36.8' r='1.3' fill='%23fff'/%3E%3Cpath d='M29.0 46.0 Q 35 51.0 41.0 46.0' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='19.0' cy='45.0' r='4.0' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='51.0' cy='45.0' r='4.0' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E"); width: 64px; height: 64px; top: -52px; left: 14%; }
.d-peek-superheld.d-peek-right::before { left: auto; right: 14%; }

@media (prefers-reduced-motion: no-preference) {
  .d-scene-superheld .d-superheld-hoofd { animation: d-superheld-invlieg 2.2s cubic-bezier(.25,.8,.3,1) .3s both, d-superheld-cape .45s steps(1) infinite, d-superheld-zweef 3.2s ease-in-out 2.5s infinite; }
  .d-superheld-zeep { animation: d-superheld-plop .7s cubic-bezier(.3,1.6,.5,1) 1.6s both; }
  .d-superheld-bel { animation: d-superheld-op 6s ease-in 2s infinite; }
  .d-superheld-bel-2 { animation-delay: 3.4s; animation-duration: 5s; }
  .d-superheld-bel-3 { animation-delay: 4.6s; animation-duration: 7s; }
  .d-superheld-bel-4 { animation-delay: 1s; animation-duration: 8s; }
  .d-superheld-ster { animation: d-superheld-twinkel 2.6s ease-in-out infinite; }
}
@media (prefers-reduced-motion: reduce) { .d-superheld-bel { opacity: .8; } }
@keyframes d-superheld-invlieg { from { transform: translate(60vw, -70vh) rotate(-24deg) scale(.5); } 70% { transform: translate(-14px, 8px) rotate(4deg) scale(1.02); } to { transform: none; } }
@keyframes d-superheld-cape { 0% { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200'%3E%3Cpath d='M140 58 C 180 46 222 36 254 56 C 240 72 252 92 236 108 C 222 98 204 114 188 124 C 176 108 160 98 146 92 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M58 104 L 30 86' stroke='%231E2B45' stroke-width='16' stroke-linecap='round'/%3E%3Cpath d='M58 104 L 30 86' stroke='%238EAAD5' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='27' cy='84' r='9' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M110 28 C 136 40 156 40 168 36 C 172 108 150 158 110 186 C 70 158 48 108 52 36 C 64 40 84 40 110 28 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M110 42 C 130 51 146 52 156 50 C 156 106 140 146 110 170 C 80 146 64 106 64 50 C 74 52 90 51 110 42 Z' fill='none' stroke='%23fff' stroke-width='3' opacity='.7'/%3E%3Crect x='78' y='78' width='64' height='22' rx='11' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='98' cy='89' r='6' fill='%23fff'/%3E%3Ccircle cx='122' cy='89' r='6' fill='%23fff'/%3E%3Ccircle cx='99' cy='89' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='123' cy='89' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='100.2' cy='87.8' r='1.3' fill='%23fff'/%3E%3Ccircle cx='124.2' cy='87.8' r='1.3' fill='%23fff'/%3E%3Cpath d='M102 110 Q 110 117 118 110' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='84' cy='110' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='136' cy='110' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Cpath d='M110.0,127.0 L113.8,136.7 L124.3,137.4 L116.2,144.0 L118.8,154.1 L110.0,148.5 L101.2,154.1 L103.8,144.0 L95.7,137.4 L106.2,136.7 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E"); } 50% { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200'%3E%3Cpath d='M140 58 C 178 66 220 66 252 88 C 236 96 244 116 226 124 C 214 112 196 126 180 130 C 170 114 158 104 146 92 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M58 104 L 30 86' stroke='%231E2B45' stroke-width='16' stroke-linecap='round'/%3E%3Cpath d='M58 104 L 30 86' stroke='%238EAAD5' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='27' cy='84' r='9' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M110 28 C 136 40 156 40 168 36 C 172 108 150 158 110 186 C 70 158 48 108 52 36 C 64 40 84 40 110 28 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M110 42 C 130 51 146 52 156 50 C 156 106 140 146 110 170 C 80 146 64 106 64 50 C 74 52 90 51 110 42 Z' fill='none' stroke='%23fff' stroke-width='3' opacity='.7'/%3E%3Crect x='78' y='78' width='64' height='22' rx='11' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='98' cy='89' r='6' fill='%23fff'/%3E%3Ccircle cx='122' cy='89' r='6' fill='%23fff'/%3E%3Ccircle cx='99' cy='89' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='123' cy='89' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='100.2' cy='87.8' r='1.3' fill='%23fff'/%3E%3Ccircle cx='124.2' cy='87.8' r='1.3' fill='%23fff'/%3E%3Cpath d='M102 110 Q 110 117 118 110' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='84' cy='110' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='136' cy='110' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Cpath d='M110.0,127.0 L113.8,136.7 L124.3,137.4 L116.2,144.0 L118.8,154.1 L110.0,148.5 L101.2,154.1 L103.8,144.0 L95.7,137.4 L106.2,136.7 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E"); } }
@keyframes d-superheld-zweef { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-12px) rotate(-2deg); } }
@keyframes d-superheld-plop { from { transform: scale(0); } }
@keyframes d-superheld-op { 0% { transform: translate(0, 0) scale(.5); opacity: 0; } 10% { opacity: .9; } 50% { transform: translate(16px, -150px) scale(.9); } 85% { opacity: .85; } 100% { transform: translate(-10px, -310px) scale(1.1); opacity: 0; } }
@keyframes d-superheld-twinkel { 50% { transform: scale(.7) rotate(20deg); opacity: .6; } }

@media (max-width: 781px) {
  .d-scene-superheld .d-superheld-hoofd { width: 156px; height: 120px; right: 10px; bottom: 30px; }
  .d-superheld-zeep { width: 64px; height: 44px; right: 160px; bottom: 10px; }
  .d-superheld-bel-1 { right: 190px; bottom: 40px; }
  .d-superheld-bel-2 { right: 168px; bottom: 40px; }
  .d-superheld-bel-3, .d-superheld-bel-4, .d-superheld-ster { display: none; }
}