/* Klimba: Rekenland, onderdeel Maten: plaatjes bij de vraag, keuzes en hulp */
.mtpic{display:block;width:min(100%,440px);height:auto;margin:0 auto}
#picsum .mtpic{max-height:min(16vh,140px)}
body.hard #picsum .mtpic{max-height:min(10vh,110px)}
.pm-rek .mtpic,.helper .mtpic{max-height:min(32vh,260px)}
.flash .mtpic{width:min(100%,380px);margin-bottom:4px}
.mtthing{display:block;font-size:clamp(40px,9vh,84px);line-height:1;text-align:center}
body.hard #picsum .mtthing{font-size:clamp(34px,7vh,64px)}
.mtopt{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:800;font-size:clamp(13px,1.9vh,17px);line-height:1.15}
.mtopt .e{font-size:clamp(28px,5.4vh,48px);line-height:1}
.mtrefs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;width:min(100%,460px);margin:0 auto}
.mtrefs span{background:#fff;border-radius:12px;padding:8px 10px;font-weight:700;font-size:14px;line-height:1.25;box-shadow:0 2px 0 rgba(35,48,82,.08)}
.mtrefs b{display:block;font-size:18px;color:#7a63c9}
/* scène bonenstaak */
.scene-bonen{overflow:visible}
.scene-bonen .bn-mark.on text{fill:#e03131;font-size:16px}
.scene-bonen .bn-cloud.c-a{animation:bnDrift 40s linear infinite}
.scene-bonen .bn-cloud.c-b{animation:bnDrift 54s linear infinite;animation-delay:-22s}
@keyframes bnDrift{0%{transform:translateX(-30px)}50%{transform:translateX(30px)}100%{transform:translateX(-30px)}}
.scene-bonen.calm .bn-cloud,body.calm .scene-bonen .bn-cloud{animation:none}
@media (prefers-reduced-motion:reduce){.scene-bonen .bn-cloud{animation:none}}
.pt-mt{background:#c0703a;box-shadow:0 7px 0 #94542a}
.pt-mt .bb-ico{color:#c0703a}
.pt-mt:active{box-shadow:0 2px 0 #94542a}
/* eigen tekeningen in plaats van emoji (13-10-2026) */
.mtthing .mtpic{display:block;margin:0 auto;width:clamp(56px,11vh,110px);height:clamp(56px,11vh,110px)}
body.hard #picsum .mtthing .mtpic{width:clamp(44px,8vh,84px);height:clamp(44px,8vh,84px)}
.mtopt .e .mtpic{display:block;width:clamp(36px,6.4vh,60px);height:clamp(36px,6.4vh,60px)}