/* ===== wereld: huiskamer ===== */
body:has(.d-world-huiskamer) { --t-orange: #FBDDCB; --t-blue: #E2E4F2; --t-green: #E6EBD8; --t-yellow: #FFEFC8; }
body:has(.d-world-huiskamer) .d-section.has-vlak-groen-background-color,
body:has(.d-world-huiskamer) .d-section.has-vlak-blauw-background-color { background: #FBF0E4 !important; }
.d-world-huiskamer { background: repeating-linear-gradient(90deg, #FFF4E6 0 28px, #FCEBD8 28px 56px) !important; }
.d-world-huiskamer .d-play-title mark { color: #B4532A !important; }
body:has(.d-world-huiskamer) main .d-section { position: relative; }
body:has(.d-world-huiskamer) 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 40 24'%3E %3Cpath d='M0 2 H 40 V 8 Q 30 26 20 8 Q 10 26 0 8 Z' fill='%23fff' stroke='%23F49AB4' stroke-width='2' stroke-linejoin='round'/%3E %3Cpath d='M0 5 H 40' stroke='%23F49AB4' stroke-width='1.5' stroke-dasharray='2 3'/%3E %3Ccircle cx='10' cy='12' r='2.6' fill='%23F49AB4' opacity='.6'/%3E%3Ccircle cx='30' cy='12' r='2.6' fill='%23F49AB4' opacity='.6'/%3E %3C/svg%3E") left center / 40px 24px repeat-x; z-index: 2; pointer-events: none; }
.d-scene-huiskamer { position: absolute !important; inset: 0; height: auto !important; }
.d-peek-huiskamer::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 64'%3E %3Cpath d='M36 10 L 40 2 L 45 11' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cellipse cx='40' cy='48' rx='30' ry='34' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M34 40 L 40 50 L 46 40 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2' stroke-linejoin='round'/%3E %3Ccircle cx='28' cy='32' r='4.5' fill='%231E2B45'/%3E%3Ccircle cx='52' cy='32' r='4.5' fill='%231E2B45'/%3E %3Ccircle cx='29.5' cy='30.5' r='1.5' fill='%23fff'/%3E%3Ccircle cx='53.5' cy='30.5' r='1.5' fill='%23fff'/%3E %3Ccircle cx='20' cy='44' r='5' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='60' cy='44' r='5' fill='%23F49AB4' opacity='.7'/%3E %3C/svg%3E"); width: 76px; height: 60px; top: -52px; left: 14%; }
.d-peek-right.d-peek-huiskamer::before { left: auto; right: 12%; }
@media (prefers-reduced-motion: reduce) { .d-scene-huiskamer > * { animation: none !important; } }

.d-huiskamer-hoofd { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300'%3E %3Cpath d='M62 196 V 250' stroke='%231E2B45' stroke-width='2' stroke-dasharray='4 3'/%3E%3Cpath d='M62 248 C 74 252 74 280 62 292 C 50 280 50 252 62 248 Z' fill='%23B07A50' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M55 262 H 69 M54 272 H 70 M56 282 H 68' stroke='%231E2B45' stroke-width='1.5' opacity='.5'/%3E%3Cpath d='M138 196 V 250' stroke='%231E2B45' stroke-width='2' stroke-dasharray='4 3'/%3E%3Cpath d='M138 248 C 150 252 150 280 138 292 C 126 280 126 252 138 248 Z' fill='%23B07A50' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M131 262 H 145 M130 272 H 146 M132 282 H 144' stroke='%231E2B45' stroke-width='1.5' opacity='.5'/%3E %3Crect x='26' y='66' width='148' height='134' rx='12' fill='%23B07A50' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M26 186 Q 44 206 62 186 Q 80 206 100 186 Q 120 206 138 186 Q 156 206 174 186' fill='none' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E %3Cpath d='M100 6 L 194 76 L 6 76 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M84 62 V 46 A 16 16 0 0 1 116 46 V 62 Z' fill='%231E2B45'/%3E %3Cpath d='M116 62 V 46 L 128 40 V 64 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M100 26 C 88 18 89 8 96 9 C 98 9.5 100 12 100 13 C 100 12 102 9.5 104 9 C 111 8 112 18 100 26 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2'/%3E %3Ccircle cx='100' cy='134' r='46' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='100.0' cy='96.0' r='3' fill='%231E2B45'/%3E%3Ccircle cx='119.0' cy='101.1' r='2' fill='%231E2B45'/%3E%3Ccircle cx='132.9' cy='115.0' r='2' fill='%231E2B45'/%3E%3Ccircle cx='138.0' cy='134.0' r='3' fill='%231E2B45'/%3E%3Ccircle cx='132.9' cy='153.0' r='2' fill='%231E2B45'/%3E%3Ccircle cx='119.0' cy='166.9' r='2' fill='%231E2B45'/%3E%3Ccircle cx='100.0' cy='172.0' r='3' fill='%231E2B45'/%3E%3Ccircle cx='81.0' cy='166.9' r='2' fill='%231E2B45'/%3E%3Ccircle cx='67.1' cy='153.0' r='2' fill='%231E2B45'/%3E%3Ccircle cx='62.0' cy='134.0' r='3' fill='%231E2B45'/%3E%3Ccircle cx='67.1' cy='115.0' r='2' fill='%231E2B45'/%3E%3Ccircle cx='81.0' cy='101.1' r='2' fill='%231E2B45'/%3E %3Cpath d='M100 134 V 106 M100 134 L 118 142' stroke='%231E2B45' stroke-width='4' stroke-linecap='round'/%3E %3Ccircle cx='100' cy='134' r='5' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2'/%3E %3C/svg%3E") !important; z-index: 3; transform-origin: 50% 0;
  animation: d-huiskamer-in 1s cubic-bezier(.3,1.4,.5,1) .2s both, d-huiskamer-schok 6s ease-in-out 1.2s infinite; }
.d-huiskamer-vogel { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 54'%3E %3Cpath d='M30 6 L 34 0 L 38 7' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cellipse cx='32' cy='30' rx='24' ry='20' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M14 34 C 20 26 30 28 34 38 C 26 44 18 42 14 34 Z' fill='%236F8FC0' stroke='%231E2B45' stroke-width='2'/%3E %3Cpath d='M54 24 L 68 22 L 56 30 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2' stroke-linejoin='round'/%3E %3Cpath d='M55 31 L 66 35 L 54 35 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2' stroke-linejoin='round'/%3E %3Ccircle cx='44' cy='22' r='4' fill='%231E2B45'/%3E%3Ccircle cx='45.3' cy='20.7' r='1.4' fill='%23fff'/%3E %3Ccircle cx='42' cy='33' r='4' fill='%23F49AB4' opacity='.7'/%3E %3C/svg%3E") !important; z-index: 4; transform-origin: 30% 80%; opacity: 0;
  animation: d-huiskamer-koekoek 6s ease-in-out 1.2s infinite; }
.d-huiskamer-slinger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 130'%3E %3Cpath d='M20 0 V 96' stroke='%231E2B45' stroke-width='4' stroke-linecap='round'/%3E %3Ccircle cx='20' cy='108' r='16' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='14' cy='102' r='4' fill='%23fff' opacity='.8'/%3E %3C/svg%3E") !important; z-index: 2; transform-origin: 50% 0;
  animation: d-huiskamer-zwaai 1.7s ease-in-out infinite alternate; }
.d-huiskamer-hoofd { width: 200px; height: 300px; right: 4%; top: 12px; bottom: auto; }
.d-huiskamer-vogel { width: 70px; height: 54px; right: calc(4% + 65px); top: 30px; bottom: auto; }
.d-huiskamer-slinger { width: 40px; height: 130px; right: calc(4% + 80px); top: 208px; bottom: auto; }

.d-huiskamer-kleed { width: 300px; height: 50px; right: 18%; bottom: 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 50'%3E %3Cpath d='M10 22 H 2 M10 30 H 2 M290 22 H 298 M290 30 H 298' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E %3Cellipse cx='150' cy='26' rx='140' ry='20' fill='%23EC8B48' stroke='%231E2B45' stroke-width='3'/%3E %3Cellipse cx='150' cy='26' rx='110' ry='13' fill='%23FFC94D'/%3E %3Cellipse cx='150' cy='26' rx='70' ry='7' fill='%23F49AB4'/%3E %3Cellipse cx='150' cy='26' rx='124' ry='16.5' fill='none' stroke='%23FFF6E6' stroke-width='2' stroke-dasharray='4 5'/%3E %3C/svg%3E") !important; z-index: 1;
  animation: d-huiskamer-uitrol .9s ease-out .4s both; }
.d-huiskamer-lamp { width: 90px; height: 180px; right: calc(18% + 200px); bottom: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 180'%3E %3Cpath d='M45 60 V 160' stroke='%23B07A50' stroke-width='6' stroke-linecap='round'/%3E %3Cpath d='M45 60 V 160' stroke='%231E2B45' stroke-width='1.5' opacity='.4'/%3E %3Cellipse cx='45' cy='166' rx='26' ry='8' fill='%23B07A50' stroke='%231E2B45' stroke-width='2.5'/%3E %3Cpath d='M22 10 H 68 L 84 60 H 6 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M14 34 H 76' stroke='%23fff' stroke-width='3' opacity='.6'/%3E %3Cg fill='%23FFC94D' stroke='%231E2B45' stroke-width='1.5'%3E%3Ccircle cx='14' cy='64' r='3.5'/%3E%3Ccircle cx='30' cy='64' r='3.5'/%3E%3Ccircle cx='45' cy='64' r='3.5'/%3E%3Ccircle cx='60' cy='64' r='3.5'/%3E%3Ccircle cx='76' cy='64' r='3.5'/%3E%3C/g%3E %3C/svg%3E") !important; z-index: 2;
  transform-origin: 50% 100%; animation: d-huiskamer-in 1s cubic-bezier(.3,1.4,.5,1) .7s both; }
.d-huiskamer-gloed { width: 220px; height: 220px; right: calc(18% + 135px); bottom: 55px; background-image: radial-gradient(circle, rgba(255,201,77,.55), rgba(255,201,77,0) 68%) !important; z-index: 1;
  animation: d-huiskamer-gloei 4s ease-in-out 1.4s infinite both; }

@keyframes d-huiskamer-in { from { transform: translateY(-40px) scale(.6); opacity: 0; } }
@keyframes d-huiskamer-schok { 0%, 60%, 76%, 100% { transform: rotate(0); } 63% { transform: rotate(-2deg); } 67% { transform: rotate(2deg); } 71% { transform: rotate(-1deg); } }
@keyframes d-huiskamer-koekoek {
  0%, 58% { opacity: 0; transform: scale(.1); }
  64% { opacity: 1; transform: scale(1.18) translateY(4px); }
  68%, 80% { opacity: 1; transform: scale(1) translateY(2px) rotate(-6deg); }
  74% { transform: scale(1.06) translateY(2px) rotate(4deg); }
  86%, 100% { opacity: 0; transform: scale(.1); }
}
@keyframes d-huiskamer-zwaai { from { transform: rotate(16deg); } to { transform: rotate(-16deg); } }
@keyframes d-huiskamer-uitrol { from { transform: scaleX(.1); opacity: 0; } }
@keyframes d-huiskamer-gloei { 0%, 100% { opacity: .7; } 50% { opacity: 1; } }

@media (max-width: 1100px) {
  .d-huiskamer-lamp, .d-huiskamer-gloed, .d-huiskamer-kleed { display: none; }
}
@media (max-width: 781px) {
.d-huiskamer-hoofd { width: 110px; height: 165px; right: 3%; bottom: 96px; top: auto; }
.d-huiskamer-vogel { width: 38px; height: 30px; right: calc(3% + 36px); bottom: 221px; top: auto; }
.d-huiskamer-slinger { width: 22px; height: 72px; right: calc(3% + 44px); bottom: 82px; top: auto; }
}