@font-face{font-family:Nunito;src:url('../beeldwoordenboek/assets/fonts/nunito-400.ttf')}@font-face{font-family:Nunito;src:url('../beeldwoordenboek/assets/fonts/nunito-800.ttf');font-weight:800}@font-face{font-family:Hand;src:url('../beeldwoordenboek/assets/fonts/patrick-hand.ttf')}
:root{--ink:#253a43;--paper:#fffdf7;--mint:#d9eee4;--yellow:#ffdf85;--line:#46606a;--purple:#e7dff2;--blue:#d9edf3}*{box-sizing:border-box}body{margin:0;background:#f7f4eb;color:var(--ink);font:16px/1.5 Nunito,sans-serif}button,input{font:inherit;color:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;min-height:44px;padding:9px 16px;border:1.5px solid var(--line);border-radius:12px 9px 13px 8px;background:var(--paper);font-weight:800;box-shadow:0 2px 0 #46606a22}button:hover{background:#ecf3ee}button:disabled{opacity:.65;cursor:wait}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.board:focus-visible{outline:3px solid #0a7b99;outline-offset:3px}[hidden]{display:none!important}.topbar{max-width:1100px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #46606a30}.topbar>a:last-child{font-size:14px}.brand{font-size:22px;font-weight:800;text-decoration:none}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.12em}main{max-width:1050px;margin:auto;padding:0 24px 30px}h1,h2,p{margin:0 0 14px}h1{font:64px/1.05 Hand,sans-serif}h1 span{color:#39756b}h2{font:30px/1.15 Hand,sans-serif}.eyebrow{font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.14em;margin-bottom:8px}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 32px 18px}.intro>div{max-width:600px}.intro p:last-child{max-width:570px}.lead{font-size:21px;margin-top:14px}.hero-steam{width:130px;height:195px;object-fit:contain;transform:rotate(3deg)}.paper{background:var(--paper);border:1.5px solid var(--line);border-radius:17px 10px 16px 9px;padding:24px;box-shadow:3px 4px 0 #46606a18}.setup-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}.setup-grid>form{transform:rotate(-.25deg)}fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}legend,.name-label{display:block;font-weight:800;margin-bottom:10px}.step{font:22px Hand;display:inline-grid;place-items:center;background:var(--yellow);border-radius:50%;width:29px;height:29px;margin-right:6px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative;display:block;cursor:pointer}.choice input{position:absolute;top:13px;left:11px;width:18px;height:18px;margin:0;accent-color:#267262}.choice span{display:block;border:1.5px solid #8b9a9a;border-radius:10px;padding:11px 8px 11px 36px;font-weight:800;background:#fff}.choice input:checked+span{background:var(--mint);border-color:#267262;box-shadow:inset 0 0 0 1px #267262}.choice input:focus-visible+span{outline:3px solid #0a7b99;outline-offset:2px}.speed-list{display:flex;gap:8px}.speed-list .choice{flex:1}.speed-list .choice span{font-size:14px}#nickname{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:9px;background:#fff;font-size:18px}.small{font-size:13px;line-height:1.5}#name-help{margin:8px 0 18px}.primary{background:var(--yellow);border-color:var(--ink);padding:11px 22px}.primary:hover{background:#f6ce65}#start{width:100%;font-size:18px}#setup-status:empty{display:none}#setup-status{margin-top:12px;color:#8e3434}.scoreboard{background:#eff5ef}.scoreboard ol{padding:0;list-style-position:inside;margin:18px 0}.scoreboard li{padding:8px 0;border-bottom:1px dashed #46606a55;overflow-wrap:anywhere}.scoreboard li span{font-weight:800}.scoreboard li strong{float:right;margin-left:10px}.text-button{font-size:13px;background:transparent;box-shadow:none}.guide-tip{display:flex;align-items:center;gap:10px;margin-top:24px}.guide-tip p{font:20px/1.25 Hand;margin:0}.guide-tip strong{display:block;font:11px Nunito;margin-top:9px}.huyge{display:block;flex:0 0 90px;width:90px;height:90px;background:url('../krulletterlab/assets/begeleiders.webp') no-repeat;background-size:400% 200%;background-position:100% 0}.instructions{margin-top:24px;padding:16px 24px}.instructions summary{cursor:pointer;font-weight:800}.instructions p{margin:12px 0 0}.notice{margin-top:20px}footer{text-align:center;margin-top:35px;padding:24px 0 45px;border-top:1px dashed #46606a55;font-size:13px}footer>a{display:inline-block;margin:0 8px 10px}footer .small{color:#566a70}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.game-heading h1{font-size:38px;margin:0}.game-heading .eyebrow{margin-bottom:4px}.game-instruction{font-size:14px;margin:10px 0}.stats{display:flex;justify-content:space-between;gap:8px;background:var(--paper);border:1.5px solid var(--line);border-radius:12px 12px 0 0;padding:8px 16px;font-size:14px}.stats strong{font-size:22px}.board{height:clamp(250px,52vh,470px);position:relative;overflow:hidden;border:1.5px solid var(--line);border-top:0;background:linear-gradient(#f4faf7dd,#f5f4dfdd),repeating-linear-gradient(0deg,transparent 0 29px,#76958d22 29px 30px);border-radius:0 0 15px 10px;touch-action:none;user-select:none}.board-doodle{position:absolute;color:#69968a55;font:100px Hand;pointer-events:none}.doodle-one{left:6%;top:22%}.doodle-two{right:8%;top:36%;font-size:65px}.floor{position:absolute;bottom:7px;left:4%;right:4%;border-bottom:2px solid #82958c;border-radius:50%;z-index:0}.player{position:absolute;bottom:4px;left:50%;width:124px;height:186px;transform:translateX(-50%);z-index:2;pointer-events:none}.player img{width:100%;height:100%;object-fit:contain}.player>span{position:absolute;top:60%;left:17%;width:66%;text-align:center;font-size:12px;line-height:1.2;font-weight:800;overflow-wrap:anywhere;color:#133d44}.falling-card{position:absolute;top:0;left:0;transform:translate(-50%,-100%);max-width:calc(100% - 18px);min-width:64px;padding:6px 13px;background:#fffdf7;border:1.5px solid var(--line);border-radius:9px 6px 8px 5px;box-shadow:2px 3px 0 #465f6933;text-align:center;z-index:3;overflow-wrap:anywhere;line-height:1.2;font-size:22px;font-weight:800;pointer-events:none}.falling-card small{display:block;font-size:12px;line-height:1.35;max-width:240px;font-weight:400;margin-bottom:3px}.falling-card b{background:#ffdf8599}.falling-card:nth-child(even){background:#f2eefa}.controls{display:flex;gap:10px;margin-top:10px;justify-content:center}.controls>button{width:62px;font-size:24px;touch-action:none}.category-controls{display:flex;gap:8px;flex:1;max-width:410px}.category-controls button{flex:1;padding:8px 4px;font-size:16px}.category-controls button[aria-pressed=true]{background:var(--yellow);border:2px solid var(--ink);box-shadow:0 3px 0 #253a43}.control-help{text-align:center;font-size:12px;margin-top:10px}.result{max-width:680px;margin:35px auto 0;text-align:center}.result h1{font-size:48px}.result-avatars{display:flex;justify-content:center;align-items:end;margin-bottom:15px}.result-avatars .huyge{width:150px;height:150px;flex-basis:150px}.result-score{font:40px Hand}.result #review{text-align:left;margin:25px 0}.result ul{padding-left:20px}.result li{margin-bottom:12px}.result li strong{display:block}.result #again{margin-top:15px}dialog{max-width:min(500px,calc(100% - 28px));padding:24px;border:2px solid var(--line);border-radius:18px 11px 18px 12px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#213b4277;backdrop-filter:blur(3px)}dialog button{margin:5px 4px 0 0}.feedback-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.feedback-head h2{margin:0}#feedback-text{font-size:19px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){main{padding:0 14px 24px}.topbar{padding:14px}.topbar>a:last-child{max-width:125px;font-size:12px}.intro{padding:22px 4px 12px;gap:8px}.intro h1{font-size:48px}.intro .lead{font-size:18px}.hero-steam{width:87px;height:130px}.intro p:last-child{font-size:14px}.setup-grid{grid-template-columns:1fr;gap:18px}.paper{padding:18px}.scoreboard ol{columns:2;column-gap:24px}.scoreboard li{break-inside:avoid}.guide-tip{margin-top:15px}.game-heading{margin-top:14px}.game-heading h1{font-size:30px}.game-instruction{font-size:12px;line-height:1.3}.stats{font-size:12px;padding:6px 10px}.stats strong{font-size:19px}.board{height:clamp(230px,45svh,420px)}.category-controls button{font-size:13px}.controls{gap:6px}.controls>button{width:48px;padding:5px}.category-controls{gap:6px}.control-help{font-size:11px}.result{margin-top:20px}.result h1{font-size:38px}}@media(max-width:360px){.mode-grid{gap:6px}.choice span{font-size:13px}.speed-list{gap:5px}.speed-list .choice span{padding-left:31px;font-size:12px}.choice input{left:8px}.hero-steam{width:70px;height:105px}.stats{font-size:11px}.category-controls button{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.intro h1 small{font:800 15px Nunito;letter-spacing:.16em;display:inline-block;transform:rotate(-6deg);background:var(--mint);border:1px solid var(--line);padding:5px 8px;vertical-align:middle;border-radius:6px}
@media(max-width:700px) and (max-height:700px){.board{height:clamp(180px,calc(100svh - 410px),300px)}.player{width:100px;height:150px}.game-heading h1{font-size:25px}.topbar{padding:10px 14px}.game-instruction{margin:7px 0}.control-help{display:none}}
/* Dezelfde fijngetekende kleurvakken en warme illustraties als de vrije LAB’s. */
:root{--paper:#fffefa;--ink:#2b4048;--line:#718a8e;--mint:#e1ece3;--yellow:#f1dfaf;--blue:#e5edf3}body{background:#faf8f2}.topbar{border-bottom:1px solid #b7c9c1}.brand{color:#315e64}.intro{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px;margin:25px 0;background:#e8efed;border:1.3px solid #708e90;border-radius:8px 13px 7px 11px;box-shadow:3px 3px 0 #c9d9d3}.intro h1{font-size:52px;background:#f6f0dc;border:1.2px solid #a8ac95;border-radius:4px 7px 3px 5px;padding:8px 15px;display:inline-block}.intro h1 small{font-size:13px;padding:4px 6px}.intro .lead{font-size:19px}.intro p:last-child{font-size:15px;line-height:1.7;margin-bottom:0}.welcome-picture{margin:0;transform:rotate(1deg);min-width:0}.welcome-picture img{display:block;width:100%;height:auto;border:1px solid #78928a;border-radius:6px 10px 5px 8px;box-shadow:2px 3px 0 #9ab0a333}.welcome-picture figcaption{font-size:11px;text-align:center;margin-top:8px;color:#52686b}.paper{border-color:#718a8e;border-radius:7px 11px 5px 9px;box-shadow:3px 3px 0 #d7e1d9}.setup-grid>form{transform:none}.setup-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}legend,.name-label{font:25px/1.3 Hand,sans-serif}.step{background:#e2eadf;border:1px solid #a0b49f;border-radius:4px 6px 3px 5px;font-size:21px;width:27px;height:27px}.mode-grid .choice span{height:100%;min-height:84px;border-color:#8da29e;background:#e8efea;font-weight:600;padding-top:13px;padding-bottom:13px;border-radius:5px 8px 4px 6px}.mode-grid .choice:nth-child(2) span{background:#f2ead8}.mode-grid .choice:nth-child(3) span{background:#e5edf3}.mode-grid .choice:nth-child(4) span{background:#ece5ed}.mode-grid .choice span small{display:block;font:16px Hand;margin-top:5px;color:#50676c}.mode-grid .choice input:checked+span{border-color:#28656a;box-shadow:inset 0 0 0 1px #28656a;background:#d6e6da}.choice input{accent-color:#28656a}.speed-list .choice span{background:#f7f4eb}.primary{background:#316a70;color:#fff;border-color:#31575c;border-radius:5px 8px 4px 6px;box-shadow:2px 3px 0 #b7cfca}.primary:hover{background:#24555c}.scoreboard{background:#eaf0e4}.scoreboard h2{display:inline-block;background:#f4ebd8;border:1px solid #abb6a1;padding:5px 9px;border-radius:4px 7px 3px 5px}.board{background:#9aa77c url('assets/speelkamer-v2.webp') center/cover no-repeat;border-color:#70877d}.stats{background:#e8efea}.player>span{top:58.5%;color:#344f57;font-size:11px}.falling-card{border-color:#6d8179;background:#fffdf0;box-shadow:2px 3px 0 #344f5750}.category-controls button[aria-pressed=true]{background:#d7e7dc;border:2px solid #316a70;box-shadow:0 3px 0 #316a70}.guide-tip p{font-size:21px}dialog{border-width:1.4px;border-radius:7px 11px 5px 9px;box-shadow:3px 3px 0 #344f5733}#feedback-text{font-size:18px}.result{background:#edf2e9}footer{border-top:1px dashed #9db2a7}.result-avatars{gap:8px}
@media(max-width:700px){.intro{grid-template-columns:1fr;gap:18px;padding:18px;margin:20px 0}.intro h1{font-size:43px}.intro .lead{font-size:18px}.welcome-picture{max-width:480px;margin:auto;transform:none}.welcome-picture figcaption{margin-top:6px}.setup-grid{grid-template-columns:1fr}.mode-grid .choice span{font-size:13px;min-height:86px;padding-left:32px}.mode-grid .choice span small{font-size:14px}.mode-grid .choice input{left:8px}.player>span{font-size:11px}}
@media(max-width:360px){.intro{padding:15px}.intro h1{font-size:36px}.intro h1 small{font-size:11px}.mode-grid{gap:8px}.mode-grid .choice span{font-size:12px;min-height:110px}.mode-grid .choice span small{font-size:13px}.speed-list .choice span{padding-left:29px}.name-label,legend{font-size:23px}}
.speed-list{flex-wrap:wrap}.speed-list .choice{flex:1 1 90px}.expert-warning{background:#f5e8cf;border:1.3px solid #af8754;border-radius:6px 10px 5px 8px;padding:15px;margin:0 0 20px;font-size:14px}.expert-warning>strong{font:25px Hand}.expert-warning ol{padding-left:20px;margin:8px 0}.expert-warning p{margin-bottom:0}#target-field .small{margin:10px 0 0}.fixed-target{flex:1;display:grid;place-items:center;text-align:center;background:#e7ede2;border:1.5px solid #789084;border-radius:5px 8px 4px 6px;padding:6px;font-size:16px}.mini-image{width:80px;height:72px;overflow:hidden;position:relative;margin:0 auto 4px;border-radius:3px;background:#fff}.mini-image img{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0}.mini-image.sprite img{width:300%;height:300%;max-width:none;object-fit:fill}.image-card{font-size:13px;padding:5px 8px;max-width:125px}.stats{flex-wrap:wrap;align-items:center}#streak{font-size:12px;color:#315e64}#catch-pop{position:absolute;top:45%;transform:translateX(-50%);z-index:5;font:800 30px Nunito;color:#1c6255;background:#fffdf1e8;border:2px solid #5e8a75;border-radius:12px;padding:5px 12px;white-space:nowrap;pointer-events:none;animation:catch-rise .7s ease-out both}#catch-pop.bonus{font:36px Hand;color:#69451d;background:#ffe2a3;border-color:#a2783f;box-shadow:0 3px 0 #9c743c66;animation:bonus-rise 1.5s ease-out both}@keyframes catch-rise{from{opacity:1;transform:translate(-50%,15px)}to{opacity:0;transform:translate(-50%,-45px)}}@keyframes bonus-rise{0%{opacity:0;transform:translate(-50%,25px) scale(.85)}15%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-35px)}}@media(max-width:700px){.fixed-target{font-size:13px}.stats{gap:5px}#streak{font-size:11px}#catch-pop.bonus{font-size:26px}}@media(prefers-reduced-motion:reduce){#catch-pop,#catch-pop.bonus{animation:none}}
.board[data-mode=getallen]{background-image:url('assets/rekenhoek-v2.webp')}.board[data-mode=woordsoorten]{background-image:url('assets/leeshoek-v2.webp')}.board[data-mode=materialen]{background-image:url('assets/werkplaats-v2.webp')}.board[data-mode=beelden]{background-image:url('assets/keuken-werkplaats-v2.webp')}
.falling-card:not(.image-card){max-width:min(280px,calc(100% - 18px))}@media(max-width:700px){.board{background-size:100% 100%}}
.falling-card{width:max-content}.image-card{font-size:12px}.mode-grid .choice:last-child:nth-child(odd){grid-column:1/-1}