.dd{gap:22px;display:grid}.dd .keuze-knop{gap:8px;min-height:52px;padding:10px 18px;font-size:19px}.dd .knop--primair,.dd .knop--secundair{min-height:56px;padding:14px 24px;font-size:19px}.dd .knop--secundair:disabled,.dd .keuze-knop:disabled,.dd-rond:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.dd .keuze-knop:not(:disabled):active{transform:translate(1px,1px)}.dd-keuze{flex-wrap:wrap;gap:10px;display:flex}.dd .dd-keuze__knop{box-shadow:3px 3px 0 var(--inkt);border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 20px;font-size:20px;line-height:1.1}.dd .dd-keuze__knop[aria-pressed=true]{box-shadow:none;transform:translate(2px,2px)}.dd-keuze__groep{opacity:.72;font-size:18px;font-weight:600}.dd-werk{width:100%;display:block}.dd-bediening{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;display:flex}.dd-bediening--links{justify-content:flex-start}.dd-groep{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.dd-groep__label{margin-right:4px;font-size:19px;font-weight:800}.dd-tip{text-align:center;color:#4a5163;margin:0;font-size:19px;font-weight:600}.dd-schakel__vink{border:2.5px solid;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:17px;line-height:1;display:inline-grid}.dd .dd-schakel[aria-pressed=true] .dd-schakel__vink{color:var(--inkt);background:#fff;border-color:#fff}.dd .dd-schakel[aria-pressed=true] .dd-schakel__vink:after{content:"✓";font-weight:900}.dd-rond{border:var(--lijn);min-width:60px;height:60px;color:var(--inkt);font:800 32px/1 var(--ui);cursor:pointer;box-shadow:3px 3px 0 var(--inkt);background:#fff;border-radius:30px;place-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:inline-grid}.dd-rond:not(:disabled):hover{box-shadow:4px 4px 0 var(--inkt);transform:translate(-1px,-1px)}.dd-rond:not(:disabled):active{box-shadow:1px 1px 0 var(--inkt);transform:translate(2px,2px)}.dd-rond--breed{padding:0 18px;font-size:20px}.dd-antwoord{border:var(--lijn);box-shadow:var(--plak);font-family:var(--kop);letter-spacing:-.03em;color:var(--inkt);font-variant-numeric:tabular-nums;background:#fff;border-radius:18px;justify-self:center;padding:10px 26px;font-size:40px;font-weight:800;line-height:1.15}.dd-antwoord--dicht{background:var(--papier-2);cursor:pointer;border-style:dashed;min-width:120px;font-size:48px}.dd-antwoord--dicht:hover{background:#fff}.dd-rekenrek{justify-items:center;gap:18px;display:grid}.dd-rekenrek__rek{touch-action:none;-webkit-user-select:none;user-select:none;max-height:50vh}.dd-kraal{cursor:grab;transition:transform .24s cubic-bezier(.3,.7,.4,1)}.dd-rij:focus{outline:none}.dd-rij__focus{fill:none;stroke:var(--oranje);stroke-width:5px;opacity:0}.dd-rij:focus-visible .dd-rij__focus{opacity:1}.dd-rekenrek__getal{font-family:var(--kop);fill:var(--inkt);font-size:64px;font-weight:800}.dd-rekenrek__som b{font-size:52px}.dd-mab{gap:18px;display:grid}.dd-mab__schema{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dd-mab__kolom{--s:1;background:color-mix(in srgb, var(--kleur) 22%, #fff);border:var(--lijn);border-radius:18px;grid-template-rows:auto 1fr auto auto;justify-items:center;gap:12px;min-width:0;padding:12px;display:grid}.dd-mab__kop{width:100%;font-family:var(--kop);letter-spacing:-.03em;justify-content:space-between;align-items:center;margin:0;font-size:44px;font-weight:800;line-height:1;display:flex}.dd-mab__kop abbr{background:var(--kleur);border:var(--lijn);border-radius:50%;place-items:center;width:60px;height:60px;font-size:34px;text-decoration:none;display:grid}.dd-mab__kop span{font-variant-numeric:tabular-nums;padding-right:6px}.dd-mab__vak{place-items:start center;width:100%;height:min(360px,36vh);display:grid;overflow:hidden}.dd-mab__plusmin{gap:14px;display:flex}.dd-mab__wissel{gap:8px;width:100%;display:grid}.dd-mab__wissel .keuze-knop{white-space:nowrap;width:100%}.dd-mab__wissel span{min-height:52px}.dd-blok{background:var(--kleur);border:2px solid var(--inkt);box-sizing:border-box;display:block}.dd-mab__rij--e{grid-template-columns:repeat(5,30px);gap:6px;display:grid}.dd-blok--e{width:30px;height:30px;box-shadow:2px 2px 0 var(--inkt);border-radius:5px}.dd-mab__rij--t{flex-wrap:wrap;gap:8px 5px;width:225px;display:flex}.dd-blok--t{width:18px;height:160px;box-shadow:2px 2px 0 var(--inkt);background-image:repeating-linear-gradient(#0000 0 14.2px,#1d24338c 14.2px 15.6px);border-radius:3px}.dd-mab__stapels{justify-items:center;gap:12px;display:grid}.dd-stapel{position:relative}.dd-stapel--h{width:154px;height:calc(100px + (var(--n) - 1) * 6px)}.dd-stapel--d{width:165px;height:calc(84px + 18px + (var(--n) - 1) * 7px)}.dd-stapel .dd-blok{left:calc(var(--i) * 6px);bottom:calc(var(--i) * 6px);position:absolute}.dd-blok--h{width:100px;height:100px;box-shadow:2px 2px 0 var(--inkt);background-image:repeating-linear-gradient(90deg,#0000 0 8.4px,#1d243373 8.4px 9.6px),repeating-linear-gradient(#0000 0 8.4px,#1d243373 8.4px 9.6px);border-radius:4px}.dd-stapel--d .dd-blok{left:calc(var(--i) * 7px);bottom:calc(var(--i) * 7px)}.dd-blok--d{background-image:repeating-linear-gradient(90deg,#0000 0 7px,#1d243366 7px 8px),repeating-linear-gradient(#0000 0 7px,#1d243366 7px 8px);width:84px;height:84px}.dd-blok--d:before,.dd-blok--d:after{content:"";border:2px solid var(--inkt);box-sizing:border-box;background:color-mix(in srgb, var(--kleur) 75%, #fff);position:absolute}.dd-blok--d:before{transform-origin:0 100%;width:calc(100% + 4px);height:18px;margin-bottom:0;bottom:100%;left:-2px;transform:skew(-45deg)}.dd-blok--d:after{transform-origin:0 0;background:color-mix(in srgb, var(--kleur) 70%, var(--inkt));width:18px;height:calc(100% + 4px);top:-2px;left:100%;transform:skewY(-45deg)}.dd-mab__totaal b{font-size:48px}.dd-klok{grid-template-columns:min(540px,56vh) minmax(0,1fr);align-items:center;gap:20px 40px;display:grid}.dd-klok__plaat{touch-action:none;-webkit-user-select:none;user-select:none}.dd-klok__cijfer{font-family:var(--kop);fill:var(--inkt);pointer-events:none;font-size:40px;font-weight:800}.dd-wijzer{cursor:grab}.dd-wijzer:focus{outline:none}.dd-wijzer__focus{stroke:var(--oranje);opacity:0}.dd-wijzer:focus-visible .dd-wijzer__focus{opacity:1}.dd-klok__zij{justify-items:start;gap:20px;display:grid}.dd-klok__zij .dd-antwoord{justify-self:start}.dd-klok__digitaal{background:var(--inkt);color:#fff;letter-spacing:0;padding:6px 30px;font-size:clamp(64px,9vh,104px)}.dd-klok__digitaal.dd-antwoord--dicht{color:var(--inkt);background:var(--papier-2)}.dd-klok__woorden{background:var(--v-rekenen);font-size:clamp(30px,4vh,42px)}.dd-klok__woorden.dd-antwoord--dicht{background:var(--papier-2)}.dd-klok__stappen,.dd-klok .dd-tip{grid-column:1/-1}.dd-breuken{gap:20px;display:grid}.dd-breuken__vak{gap:18px;display:grid}.dd-breuken--strook .dd-breukkaart{grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.dd-breuken--taart .dd-breuken__vak{flex-wrap:wrap;justify-content:center;gap:24px 80px;display:flex}.dd-breuken--taart .dd-breukkaart{justify-items:center;gap:16px;display:grid}.dd-breukkaart__getal{flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:130px;display:flex}.dd-breuken--taart .dd-breukkaart__getal{order:1;justify-content:center;min-height:0}.dd-breuken--taart .dd-teller{order:2}.dd-breukkaart__ook{font-family:var(--kop);letter-spacing:-.02em;align-items:center;gap:8px;font-size:30px;font-weight:800;display:inline-flex}.dd-breukkaart__ook .dd-breuk{font-size:30px}.dd-breukkaart__ook .dd-breuk>span:first-child{border-bottom-width:3px}.dd-breuk{font-family:var(--kop);font-variant-numeric:tabular-nums;justify-items:center;font-size:56px;font-weight:800;line-height:1.05;display:inline-grid}.dd-breuk>span{padding:0 8px}.dd-breuk>span:first-child{border-bottom:5px solid var(--inkt)}.dd-breuk--dicht{border:3px dashed var(--inkt);background:var(--papier-2);border-radius:14px;place-items:center;width:84px;height:120px;display:inline-grid}.dd-strook{border:var(--lijn);height:clamp(84px,11vh,120px);box-shadow:var(--plak);background:#fff;border-radius:12px;display:flex;overflow:hidden}.dd-strook__deel{border:0;border-right:2.5px solid var(--inkt);cursor:pointer;background:#fff;flex:1;padding:0;transition:background .12s}.dd-strook__deel:last-child{border-right:0}.dd-strook__deel[aria-pressed=true]{background:var(--kleur)}.dd-strook__deel:focus-visible{outline:4px solid var(--oranje);outline-offset:-6px}.dd-taart{width:min(320px,30vh);overflow:visible}.dd-taart__deel{fill:#fff;stroke:var(--inkt);stroke-width:3.5px;stroke-linejoin:round;cursor:pointer;transition:fill .12s}.dd-taart__deel[aria-pressed=true]{fill:var(--kleur)}.dd-taart__deel:focus{outline:none}.dd-taart__deel:focus-visible{stroke:var(--oranje);stroke-width:7px}.dd-teller{white-space:nowrap;align-items:center;gap:12px;font-size:22px;font-weight:700;display:inline-flex}.dd-teller b{font-family:var(--kop);font-size:34px}.dd-vergelijk{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 26px;margin:0;display:flex}.dd-vergelijk__teken{font-family:var(--kop);font-size:84px;font-weight:800;line-height:1}.dd-vergelijk__zin{color:#4a5163;font-size:24px;font-weight:700}.dd-lijn{gap:16px;display:grid}.dd-lijn__svg{background:var(--papier);border:var(--lijn);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:18px;max-height:46vh}.dd-lijn__svg:focus{outline:none}.dd-lijn__svg:focus-visible{outline:4px solid var(--oranje);outline-offset:3px}.dd-lijn__label{font-family:var(--ui);fill:var(--inkt);font-size:30px;font-weight:800}.dd-lijn__punt,.dd-lijn__sprong{font-family:var(--kop);paint-order:stroke;stroke:var(--papier);stroke-width:9px;stroke-linejoin:round;font-size:34px;font-weight:800}.dd-lijn__punt{fill:var(--inkt);font-size:30px}.dd-sprong--plus path{stroke:#2b6cd4}.dd-sprong--plus text{fill:#2b6cd4}.dd-sprong--min path{stroke:#d93a42}.dd-sprong--min text{fill:#d93a42}.dd-lijn__wijs{pointer-events:none}.dd-honderd{grid-template-columns:min(640px,62vh) minmax(0,1fr);align-items:start;gap:28px;display:grid}.dd-honderd__veld{aspect-ratio:1;border:var(--lijn);box-shadow:var(--plak-hoog);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;grid-template-columns:repeat(10,1fr);display:grid;overflow:hidden}.dd-honderd__rij{display:contents}.dd-vakje{color:var(--inkt);font:800 clamp(18px, 2.5vh, 28px)/1 var(--ui);font-variant-numeric:tabular-nums;cursor:pointer;background:#fff;border:1.5px solid #1d243359;border-top:0;border-left:0;min-width:0;padding:0;transition:background .1s}.dd-honderd__rij>:nth-child(5){border-right:3px solid var(--inkt)}.dd-honderd__rij>:last-child{border-right:0}.dd-honderd__rij:nth-child(5)>*{border-bottom:3px solid var(--inkt)}.dd-honderd__rij:last-child>*{border-bottom:0}.dd-vakje:focus-visible{outline:4px solid var(--oranje);outline-offset:-4px;z-index:1;position:relative}.dd-honderd__zij{align-content:start;gap:22px;display:grid}.dd-honderd__zij .dd-tip{text-align:left}.dd-verf{border:3px solid var(--inkt);cursor:pointer;width:52px;height:52px;box-shadow:2px 2px 0 var(--inkt);border-radius:50%}.dd-verf[aria-pressed=true]{outline:4px solid var(--inkt);outline-offset:3px}.dd .dd-tafelknop{min-width:56px;font-size:22px}.dd .dd-tafelknop[aria-pressed=true]{color:var(--inkt);box-shadow:inset 0 0 0 5px var(--ring);background:#fff}.bord-vak--vol .dd-klok{grid-template-columns:min(700px,64vh) minmax(0,1fr)}.bord-vak--vol .dd-honderd{grid-template-columns:min(860px,72vh) minmax(0,1fr)}.bord-vak--vol .dd-mab__vak{height:min(460px,42vh)}.bord-vak--vol .dd-mab__rij,.bord-vak--vol .dd-mab__stapels{zoom:1.35}.bord-vak--vol .dd-taart{width:min(420px,38vh)}@media (max-width:900px){.dd-klok,.dd-honderd{grid-template-columns:minmax(0,1fr);justify-items:center}.dd-mab__schema{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-breuken--strook .dd-breukkaart{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.dd-kraal,.dd-strook__deel,.dd-taart__deel,.dd-vakje{transition:none}}
.bord{gap:22px;display:grid}.bord-keuze{gap:10px}.bord-keuze>.bord-tab{min-height:var(--klikmaat);padding:10px 18px;font-size:17px}.bord-vak{background:var(--wit);border:var(--lijn);box-shadow:var(--plak-hoog);border-top:14px solid var(--kleur);border-radius:24px;gap:22px;min-height:480px;padding:clamp(18px,3vw,34px);display:grid}.bord-vak--vol{box-shadow:none;border-radius:0;align-content:start;min-height:100vh;overflow:auto}.bord-vak__kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.bord-vak__kop h2{font-family:var(--kop);letter-spacing:-.035em;margin:0;font-size:clamp(26px,3vw,36px);font-weight:800}.bord-rij{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bord-rij--midden{justify-content:center}.bord-midden{text-align:center}.bord-label{font-weight:800}.bord-klein{color:var(--inkt-zacht);margin:0;font-size:14px;font-weight:600}.bord-vink{align-items:center;gap:8px;font-weight:700;display:inline-flex}.bord-vink input{width:20px;height:20px;accent-color:var(--inkt)}.bord-timer{justify-items:center;gap:22px;display:grid}.bord-klok{--deel:1;aspect-ratio:1;border:var(--lijn);width:min(420px,78vw);box-shadow:var(--plak-hoog);background:radial-gradient(circle, #fff 0 58%, transparent 58.5%), conic-gradient(var(--v-rekenen) calc(var(--deel) * 360deg), var(--papier-2) 0);border-radius:50%;place-items:center;display:grid}.bord-vak--vol .bord-klok{width:min(62vh,80vw)}.bord-klok__tijd{font-family:var(--kop);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(56px,10vw,120px);font-weight:800}.bord-klok--klaar{background:#f2545b;animation:.5s 3 bord-schud}.bord-klok--klaar .bord-klok__tijd{color:#fff}@keyframes bord-schud{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.bord-namen,.bord-groepjes{gap:20px;display:grid}.bord-namen-regel{margin:0;font-weight:700}.bord-namen-invoer{gap:10px;max-width:520px;display:grid}.bord-namen-invoer label{font-weight:800}.bord-namen-invoer textarea{border:var(--lijn);font:600 16px/1.5 var(--ui);background:var(--papier);resize:vertical;border-radius:14px;padding:12px 14px}.bord-naam{text-align:center;background:var(--v-taal);border:var(--lijn);min-width:min(560px,90%);box-shadow:var(--plak-hoog);font-family:var(--kop);letter-spacing:-.04em;border-radius:22px;justify-self:center;padding:34px 24px;font-size:clamp(40px,7vw,96px);font-weight:800;line-height:1.05;transform:rotate(-1.5deg)}.bord-naam--rolt{background:var(--wit);transform:rotate(1deg)}.bord-groepen{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.bord-groep{background:var(--kleur);border:var(--lijn);box-shadow:var(--plak);border-radius:16px;padding:14px 16px}.bord-groep h3{font-family:var(--kop);letter-spacing:-.03em;margin:0 0 6px;font-size:22px;font-weight:800}.bord-groep ul{gap:2px;margin:0;padding:0;font-size:18px;font-weight:700;list-style:none;display:grid}.bord-dobbel{justify-items:center;gap:20px;display:grid}.bord-stenen{flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,34px);display:flex}.bord-steen{width:clamp(110px,18vw,190px);height:auto}.bord-steen--rolt{animation:.14s linear infinite bord-rol}@keyframes bord-rol{50%{transform:rotate(12deg)translateY(-6px)}}.bord-som{margin:0;font-size:22px;font-weight:800}.bord-som b{font-family:var(--kop);margin-left:6px;font-size:44px}.bord-stoplicht{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,5vw,60px);display:flex}.bord-paal{background:var(--inkt);box-shadow:var(--plak-hoog);border-radius:36px;gap:16px;padding:20px;display:grid}.bord-lamp{aspect-ratio:1;background:color-mix(in srgb, var(--kleur) 25%, #2a3142);cursor:pointer;border:4px solid #0b0f18;border-radius:50%;width:clamp(80px,12vw,130px)}.bord-lamp[aria-pressed=true]{background:var(--kleur);box-shadow:0 0 0 6px color-mix(in srgb, var(--kleur) 40%, transparent), 0 0 40px var(--kleur)}.bord-uitleg{background:var(--kleur);border:var(--lijn);box-shadow:var(--plak-hoog);border-radius:22px;max-width:460px;padding:24px 28px}.bord-uitleg h3{font-family:var(--kop);letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(36px,5vw,64px);font-weight:800}.bord-uitleg p{margin:0;font-size:20px;font-weight:700}.bord-geluid{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,5vw,56px);display:flex}.bord-meter{border:var(--lijn);background:var(--papier-2);width:120px;height:340px;box-shadow:var(--plak-hoog);border-radius:30px;position:relative;overflow:hidden}.bord-meter__vul{border-top:var(--lijn);background:#3fbf6a;transition:height 80ms;position:absolute;bottom:0;left:0;right:0}.bord-meter--hard .bord-meter__vul{background:#f2545b}.bord-meter__grens{border-top:3px dashed var(--inkt);position:absolute;left:0;right:0}.bord-meter__grens span{font-size:12px;font-weight:800;position:absolute;top:2px;right:6px}.bord-geluid__zij{justify-items:start;gap:14px;max-width:380px;display:grid}.bord-geluid__zin{font-family:var(--kop);letter-spacing:-.03em;margin:0;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.1}.bord-schuif{gap:6px;width:100%;font-weight:800;display:grid}.bord-schuif input{accent-color:var(--inkt)}.bord-teken{gap:12px;display:grid}.bord-pen{border:3px solid var(--inkt);cursor:pointer;border-radius:50%;width:38px;height:38px}.bord-pen[aria-pressed=true]{outline:3px solid var(--inkt);outline-offset:3px}.bord-stip{background:currentColor;border-radius:50%;display:block}.bord-doek{border:var(--lijn);background:var(--wit);touch-action:none;cursor:crosshair;background-image:radial-gradient(#1d24331f 1.2px,#0000 1.4px);background-size:24px 24px;border-radius:16px;width:100%;height:clamp(360px,55vh,640px)}.bord-vak--vol .bord-doek{height:calc(100vh - 190px)}@media (prefers-reduced-motion:reduce){.bord-steen--rolt,.bord-klok--klaar{animation:none}}