/* Wereld: schoolbord (Naar de basisschool) */
body:has(.d-world-schoolbord) { --t-green: #DDEBDD; --t-yellow: #FFF0C6; --t-orange: #FFE1CF; --t-blue: #DCE7F2; }
body:has(.d-world-schoolbord) .d-section.has-vlak-groen-background-color,
body:has(.d-world-schoolbord) .d-section.has-vlak-blauw-background-color { background: #E9F2E6 !important; }
.d-world-schoolbord { background: linear-gradient(180deg, #E6F0E1, #F8FAF2 75%, #FFF6E2) !important; }
.d-world-schoolbord .d-play-title mark { color: #3E6B4F !important; }
body:has(.d-world-schoolbord) main .d-section { position: relative; }
body:has(.d-world-schoolbord) 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 %3Cpath d='M0 12 C 10 2 30 2 40 12 C 50 22 70 22 80 12' stroke='%233E6B4F' stroke-width='7' fill='none' stroke-linecap='round'/%3E %3Cpath d='M0 12 C 10 2 30 2 40 12 C 50 22 70 22 80 12' stroke='%23F7F4EA' stroke-width='2' stroke-dasharray='6 5' fill='none' stroke-linecap='round'/%3E %3C/svg%3E") left center / 80px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-schoolbord { position: absolute !important; inset: 0; height: auto !important; }
.d-schoolbord-bord { width: 300px; height: 190px; right: 4%; bottom: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 190'%3E %3Crect x='2' y='2' width='296' height='176' rx='10' fill='%23B07A50' stroke='%231E2B45' stroke-width='3'/%3E %3Crect x='14' y='14' width='272' height='154' rx='4' fill='%233E6B4F' stroke='%231E2B45' stroke-width='2.5'/%3E %3Cpath d='M30 150 C 90 140 150 156 200 146' stroke='%23355F45' stroke-width='10' fill='none' stroke-linecap='round' opacity='.7'/%3E %3Cpath d='M40 40 C 80 34 110 44 150 36' stroke='%234A7A5C' stroke-width='8' fill='none' stroke-linecap='round' opacity='.5'/%3E %3Crect x='0' y='170' width='300' height='18' rx='5' fill='%238A5A3B' stroke='%231E2B45' stroke-width='3'/%3E %3Crect x='200' y='164' width='26' height='8' rx='3' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2'/%3E %3Crect x='232' y='164' width='18' height='8' rx='3' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2'/%3E %3C/svg%3E") !important; transform-origin: 50% 100%; }
.d-schoolbord-zon { width: 80px; height: 80px; right: calc(4% + 190px); bottom: 125px; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg stroke='%23F7F4EA' stroke-width='3.5' fill='none' stroke-linecap='round'%3E %3Ccircle cx='40' cy='40' r='16'/%3E %3Cpath d='M40 6 V 16 M40 64 V 74 M6 40 H 16 M64 40 H 74 M16 16 L 23 23 M57 57 L 64 64 M16 64 L 23 57 M57 23 L 64 16'/%3E %3Cpath d='M33 44 Q 40 50 47 44'/%3E%3C/g%3E%3Ccircle cx='34' cy='36' r='2' fill='%23F7F4EA'/%3E%3Ccircle cx='46' cy='36' r='2' fill='%23F7F4EA'/%3E%3C/svg%3E") !important; }
.d-schoolbord-huis { width: 100px; height: 105px; right: calc(4% + 64px); bottom: 69px; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 105'%3E%3Cg stroke='%23F7F4EA' stroke-width='3.5' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M14 100 V 50 L 50 14 L 86 50 V 100 Z'/%3E %3Cpath d='M42 100 V 72 H 58 V 100'/%3E %3Crect x='22' y='58' width='14' height='14'/%3E%3Crect x='64' y='58' width='14' height='14'/%3E %3Cpath d='M66 32 V 18 H 74 V 40'/%3E %3Cpath d='M2 100 H 98'/%3E%3C/g%3E%3C/svg%3E") !important; }
.d-schoolbord-krijtje { width: 36px; height: 70px; right: calc(4% + 18px); bottom: 56px; z-index: 2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 76'%3E %3Crect x='6' y='8' width='28' height='64' rx='8' fill='%23F7F4EA' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M6 18 C 14 14 26 14 34 18' stroke='%23E3DCC8' stroke-width='3' fill='none'/%3E %3Ccircle cx='15' cy='34' r='3.2' fill='%231E2B45'/%3E%3Ccircle cx='26' cy='34' r='3.2' fill='%231E2B45'/%3E%3Ccircle cx='16.1' cy='32.9' r='1.1' fill='%23fff'/%3E%3Ccircle cx='27.1' cy='32.9' r='1.1' fill='%23fff'/%3E %3Cpath d='M16 42 Q 20.5 46 25 42' stroke='%231E2B45' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='11' cy='41' r='3' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='30' cy='41' r='3' fill='%23F49AB4' opacity='.7'/%3E %3Cpath d='M6 54 L 1 46 M34 54 L 39 44' stroke='%231E2B45' stroke-width='3' stroke-linecap='round'/%3E %3C/svg%3E") !important; transform-origin: 50% 100%; }
.d-schoolbord-bureau { width: 360px; height: 46px; right: calc(4% - 30px); bottom: 0; z-index: 2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 46'%3E %3Crect x='2' y='4' width='356' height='18' rx='6' fill='%23B07A50' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M20 13 H 120 M180 13 H 330' stroke='%238A5A3B' stroke-width='2' stroke-linecap='round' opacity='.6'/%3E %3Crect x='22' y='22' width='16' height='24' fill='%238A5A3B' stroke='%231E2B45' stroke-width='3'/%3E%3Crect x='322' y='22' width='16' height='24' fill='%238A5A3B' stroke='%231E2B45' stroke-width='3'/%3E %3C/svg%3E") !important; }
.d-schoolbord-appel { width: 58px; height: 56px; right: calc(4% + 250px); bottom: 40px; z-index: 3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 76'%3E %3Cpath d='M39 22 C 30 14 8 14 6 36 C 4 58 22 74 32 72 C 36 71 37 69 39 69 C 41 69 42 71 46 72 C 56 74 74 58 72 36 C 70 14 48 14 39 22 Z' fill='%23E2553F' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M16 34 C 16 28 20 24 24 23' stroke='%23F49A8A' stroke-width='4' fill='none' stroke-linecap='round'/%3E %3Cpath d='M39 22 C 39 14 41 8 44 4' stroke='%238A5A3B' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M42 12 C 48 2 62 2 66 8 C 58 16 48 16 42 12 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important; transform-origin: 50% 100%; }
.d-peek-schoolbord::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 76'%3E %3Cpath d='M39 22 C 30 14 8 14 6 36 C 4 58 22 74 32 72 C 36 71 37 69 39 69 C 41 69 42 71 46 72 C 56 74 74 58 72 36 C 70 14 48 14 39 22 Z' fill='%23E2553F' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M16 34 C 16 28 20 24 24 23' stroke='%23F49A8A' stroke-width='4' fill='none' stroke-linecap='round'/%3E %3Cpath d='M39 22 C 39 14 41 8 44 4' stroke='%238A5A3B' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E %3Cpath d='M42 12 C 48 2 62 2 66 8 C 58 16 48 16 42 12 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3Ccircle cx='31' cy='42' r='3.5' fill='%231E2B45'/%3E%3Ccircle cx='47' cy='42' r='3.5' fill='%231E2B45'/%3E%3Ccircle cx='32.2' cy='40.8' r='1.2' fill='%23fff'/%3E%3Ccircle cx='48.2' cy='40.8' r='1.2' fill='%23fff'/%3E %3Cpath d='M34 51 Q 39 55 44 51' stroke='%231E2B45' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='25' cy='50' r='3.5' fill='%23F49AB4' opacity='.75'/%3E%3Ccircle cx='53' cy='50' r='3.5' fill='%23F49AB4' opacity='.75'/%3E%3C/svg%3E"); width: 70px; height: 68px; top: -60px; left: 14%; }

/* Animaties: bord komt binnen, krijtlijntjes tekenen zich (zon, dan huisje), krijtje wiebelt, appel wipt even */
.d-schoolbord-bord { animation: d-schoolbord-in .8s cubic-bezier(.3,1.4,.5,1) .1s both; }
@keyframes d-schoolbord-in { from { transform: translateY(40px) scale(.85); opacity: 0; } }
.d-schoolbord-zon { animation: d-schoolbord-teken-zon 10s ease-in-out 1s infinite both; }
.d-schoolbord-huis { animation: d-schoolbord-teken-huis 10s ease-in-out 1s infinite both; }
@keyframes d-schoolbord-teken-zon { 0% { clip-path: circle(0% at 50% 50%); opacity: 1; } 14%, 85% { clip-path: circle(75% at 50% 50%); opacity: 1; } 95%, 100% { clip-path: circle(75% at 50% 50%); opacity: 0; } }
@keyframes d-schoolbord-teken-huis { 0%, 16% { clip-path: inset(100% 0 0 0); opacity: 1; } 34%, 85% { clip-path: inset(0 0 0 0); opacity: 1; } 95%, 100% { clip-path: inset(0 0 0 0); opacity: 0; } }
.d-schoolbord-krijtje { animation: d-schoolbord-wiebel 2.4s ease-in-out infinite; }
@keyframes d-schoolbord-wiebel { 0%, 100% { transform: rotate(-7deg); } 50% { transform: rotate(7deg) translateY(-3px); } }
.d-schoolbord-appel { animation: d-schoolbord-wip 6s ease-in-out 2s infinite; }
@keyframes d-schoolbord-wip { 0%, 12%, 100% { transform: none; } 4% { transform: translateY(-10px) rotate(-6deg); } 8% { transform: scale(1.06, .94); } }
@media (prefers-reduced-motion: reduce) { .d-scene-schoolbord > * { animation: none !important; } }

@media (max-width: 781px) {
	.d-scene-schoolbord { transform: scale(.55); transform-origin: right bottom; }
	.d-schoolbord-bureau { right: 0; width: 330px; }
	.d-peek-schoolbord::before { width: 56px; height: 54px; top: -48px; }
}