/* Wereld: gereedschap — gereedschapskist gaat open, liniaal/potlood/hamertje wippen eruit */
body:has(.d-world-gereedschap) { --t-orange: #FFE2CC; --t-blue: #E2EAF5; --t-green: #E5F0DC; --t-yellow: #FFF0C4; }
body:has(.d-world-gereedschap) .d-section.has-vlak-groen-background-color,
body:has(.d-world-gereedschap) .d-section.has-vlak-blauw-background-color { background: #FFF4E6 !important; }
.d-world-gereedschap { background: repeating-linear-gradient(90deg, rgba(176,122,80,.05) 0 2px, transparent 2px 46px), linear-gradient(180deg, #FFEFDB 0%, #F8F8EC 100%) !important; }
.d-world-gereedschap .d-play-title mark { color: #C2581F !important; }
body:has(.d-world-gereedschap) main .d-section { position: relative; }
body:has(.d-world-gereedschap) 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%3Crect x='0' y='5' width='80' height='14' fill='%23FFC94D'/%3E%3Cpath d='M0 5.5 H80 M0 18.5 H80' stroke='%23D9A520' stroke-width='1.5'/%3E%3Cpath d='M0 6 V14' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M5 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M10 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M15 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M20 6 V11' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M25 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M30 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M35 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M40 6 V14' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M45 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M50 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M55 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M60 6 V11' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M65 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M70 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Cpath d='M75 6 V9' stroke='%231E2B45' stroke-width='1.4'/%3E%3Ccircle cx='40' cy='15' r='1.6' fill='%231E2B45'/%3E%3C/svg%3E") left center / 80px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-gereedschap { position: absolute !important; inset: 0; height: auto !important; }
.d-gereedschap-kist { width: 240px; height: 150px; right: 3%; bottom: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 150'%3E%3Crect x='10' y='40' width='220' height='105' rx='14' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3'/%3E%3Cpath d='M11.5 52 H228.5 V62 H11.5 Z' fill='%23D9692A'/%3E%3Crect x='10' y='40' width='220' height='105' rx='14' fill='none' stroke='%231E2B45' stroke-width='3'/%3E%3Crect x='108' y='50' width='24' height='16' rx='4' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='103.75' cy='98' r='4.5' fill='%231E2B45'/%3E%3Ccircle cx='136.25' cy='98' r='4.5' fill='%231E2B45'/%3E%3Ccircle cx='105.25' cy='96.5' r='1.625' fill='%23fff'/%3E%3Ccircle cx='137.75' cy='96.5' r='1.625' fill='%23fff'/%3E%3Cpath d='M112.5 108.0 Q 120 114.25 127.5 108.0' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='95.0' cy='106.75' r='5.0' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='145.0' cy='106.75' r='5.0' fill='%23F49AB4' opacity='.65'/%3E%3Cpath d='M28 128 H212' stroke='%23D9692A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important; z-index: 3; }
.d-gereedschap-deksel { width: 240px; height: 50px; right: 3%; bottom: 117px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 50'%3E%3Cpath d='M90 20 V9 C 90 5 92 4 96 4 H144 C 148 4 150 5 150 9 V20' stroke='%231E2B45' stroke-width='6' fill='none' stroke-linejoin='round'/%3E%3Cpath d='M10 47 V31 C 10 23 16 19 24 19 H216 C 224 19 230 23 230 31 V47 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M30 30 H120' stroke='%23FFA463' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important; z-index: 4; transform-origin: 5% 94%; }
.d-gereedschap-tool { bottom: 60px; z-index: 2; transform-origin: 50% 100%; }
.d-gereedschap-liniaal { width: 40px; height: 150px; right: calc(3% + 160px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 150'%3E%3Crect x='6' y='4' width='28' height='142' rx='5' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3'/%3E%3Cpath d='M6 16 H20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 27 H14' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 38 H20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 49 H14' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 60 H20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 71 H14' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 82 H20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 93 H14' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 104 H20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 115 H14' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 126 H20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 137 H14' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
.d-gereedschap-potlood { width: 30px; height: 150px; right: calc(3% + 112px); bottom: 74px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'%3E%3Crect x='5' y='4' width='20' height='16' rx='5' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2.5'/%3E%3Crect x='5' y='20' width='20' height='9' fill='%23C9CED8' stroke='%231E2B45' stroke-width='2.5'/%3E%3Crect x='5' y='29' width='20' height='95' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M15 31 V122' stroke='%23B7CAE7' stroke-width='3'/%3E%3Cpath d='M5 124 L15 146 L25 124 Z' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M11.5 138 L15 146 L18.5 138 Z' fill='%231E2B45'/%3E%3C/svg%3E") !important; }
.d-gereedschap-hamer { width: 80px; height: 150px; right: calc(3% + 22px); bottom: 66px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 150'%3E%3Crect x='34' y='40' width='12' height='106' rx='6' fill='%23B07A50' stroke='%231E2B45' stroke-width='3'/%3E%3Cpath d='M37 118 H43 M37 128 H43' stroke='%238A5A3B' stroke-width='2.5' stroke-linecap='round'/%3E%3Crect x='6' y='12' width='68' height='34' rx='11' fill='%23A7B4C8' stroke='%231E2B45' stroke-width='3'/%3E%3Cpath d='M14 20 H40' stroke='%23DDE3EC' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='32.35' cy='28' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='47.65' cy='28' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='33.370000000000005' cy='26.98' r='1.105' fill='%23fff'/%3E%3Ccircle cx='48.67' cy='26.98' r='1.105' fill='%23fff'/%3E%3Cpath d='M34.9 34.8 Q 40 39.05 45.1 34.8' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='26.4' cy='33.95' r='3.4' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='53.6' cy='33.95' r='3.4' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E") !important; }
.d-gereedschap-moer { width: 38px; height: 38px; left: 47%; top: 10%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M52.5,43.0 L30.0,56.0 L7.5,43.0 L7.5,17.0 L30.0,4.0 L52.5,17.0 Z' fill='%23A7B4C8' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='30' cy='30' r='10' fill='%23F4F6FA' stroke='%231E2B45' stroke-width='2.5'/%3E%3C/svg%3E") !important; }
.d-peek-gereedschap::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 66'%3E%3Cpath d='M61.0,51.0 L35.0,66.0 L9.0,51.0 L9.0,21.0 L35.0,6.0 L61.0,21.0 Z' fill='%23A7B4C8' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='35' cy='36' r='21' fill='%23DDE3EC' stroke='%231E2B45' stroke-width='2.2'/%3E%3Ccircle cx='28.2' cy='34' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='41.8' cy='34' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='29.22' cy='32.98' r='1.105' fill='%23fff'/%3E%3Ccircle cx='42.82' cy='32.98' r='1.105' fill='%23fff'/%3E%3Cpath d='M29.9 40.8 Q 35 45.05 40.1 40.8' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='22.25' cy='39.95' r='3.4' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='47.75' cy='39.95' r='3.4' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E"); width: 66px; height: 62px; top: -50px; left: 14%; }
.d-peek-gereedschap.d-peek-right::before { left: auto; right: 14%; }

@media (prefers-reduced-motion: no-preference) {
  .d-gereedschap-kist { animation: d-gereedschap-in .7s cubic-bezier(.3,1.5,.5,1) .2s both; }
  .d-gereedschap-deksel { animation: d-gereedschap-in .7s cubic-bezier(.3,1.5,.5,1) .2s both, d-gereedschap-open .8s cubic-bezier(.4,1.5,.5,1) 1s forwards; }
  .d-gereedschap-tool { animation: d-gereedschap-wip .7s cubic-bezier(.3,1.7,.5,1) 1.5s both, d-gereedschap-schommel 3s ease-in-out 2.2s infinite; }
  .d-gereedschap-potlood { animation-delay: 1.75s, 2.45s; animation-duration: .7s, 2.6s; }
  .d-gereedschap-hamer { animation-delay: 2s, 2.7s; animation-duration: .7s, 3.4s; }
  .d-gereedschap-moer { animation: d-gereedschap-draai 9s linear infinite, d-gereedschap-zweef 4s ease-in-out infinite; }
}
@media (prefers-reduced-motion: reduce) { .d-gereedschap-deksel { transform: rotate(-105deg); } }
@keyframes d-gereedschap-in { from { transform: translateY(40px) scale(.85); opacity: 0; } }
@keyframes d-gereedschap-open { to { transform: rotate(-105deg); } }
@keyframes d-gereedschap-wip { from { transform: translateY(110px); opacity: 0; } 40% { opacity: 1; } 70% { transform: translateY(-26px); } }
@keyframes d-gereedschap-schommel { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } }
@keyframes d-gereedschap-draai { to { rotate: 360deg; } }
@keyframes d-gereedschap-zweef { 50% { translate: 0 -10px; } }

@media (max-width: 781px) {
  .d-scene-gereedschap { transform: scale(.58); transform-origin: right bottom; }
  .d-gereedschap-moer { display: none; }
}