:root{--paars: #6d4fd8;--paars-licht: #efe9ff;--paars-donker: #4b33a8;--oranje: #ff8a3d;--oranje-licht: #fff1e6;--blauw: #2f7fe0;--blauw-licht: #e7f1ff;--groen: #1f9d6a;--groen-licht: #e3f8ee;--rood: #e0485f;--rood-licht: #ffe9ec;--geel: #ffc23d;--ink: #1f2a37;--grijs: #5b6675;--lijn: #e3e7ee;--achter: #fffaf3;--kaart: #ffffff;--radius: 20px;--schaduw: 0 2px 0 rgba(31, 42, 55, .06), 0 10px 30px -12px rgba(31, 42, 55, .18);--font: "Nunito", "Segoe UI Rounded", "Arial Rounded MT Bold", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--leesfont: "Atkinson Hyperlegible", "Verdana", "Segoe UI", system-ui, sans-serif;--basis: 17px;--lees: 1.12rem;--regel: 1.65}html.grote-letters{--basis: 20px;--lees: 1.25rem;--regel: 1.9}html.grote-letters .leestekst-body p{letter-spacing:.03em;word-spacing:.12em}*{box-sizing:border-box}html{font-size:var(--basis);scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--achter);background-image:radial-gradient(circle at 1px 1px,rgba(109,79,216,.08) 1.5px,transparent 0);background-size:26px 26px;-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:900}h2{font-size:1.35rem;font-weight:800}h3{font-size:1.1rem;font-weight:800}a{color:var(--paars);font-weight:700}button{font-family:inherit}:focus-visible{outline:3px solid var(--oranje);outline-offset:2px;border-radius:8px}.hoofd{max-width:1180px;margin:0 auto;padding:18px 16px 40px}.speelmodus .hoofd{max-width:1320px;padding:0 12px 30px}.kop{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:8px 18px;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:2px solid var(--lijn)}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--paars-donker);font-weight:900;font-size:1.25rem}.hoofdnav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.hoofdnav a{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:800;white-space:nowrap}.hoofdnav a:hover{background:var(--paars-licht)}.hoofdnav a.actief{background:var(--paars);color:#fff}.kop-geluid{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:2px solid #cfe3ff;background:var(--blauw-licht);cursor:pointer;font-size:1.05rem}.kop-profiel{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--oranje-licht);text-decoration:none;color:var(--ink);font-weight:800;flex-shrink:0}.kop-profiel span:first-child{font-size:1.3rem}@media(max-width:860px){.kop{padding:6px 10px;gap:6px}.logo span,.nav-tekst{display:none}.hoofdnav a{padding:8px 9px;font-size:1.2rem}}.geluidbalk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px 16px;background:#fff4d6;border-bottom:2px solid #ffe08a;font-weight:700;text-align:center}.voet{text-align:center;padding:24px 16px 40px;color:var(--grijs)}.voet p{margin:4px 0}.kaart{background:var(--kaart);border-radius:var(--radius);box-shadow:var(--schaduw);padding:22px;margin-bottom:18px;border:2px solid #f1eee8}.rij{display:flex;align-items:center;gap:10px;margin-top:10px}.rij.wrap{flex-wrap:wrap}.rij.center,.center{justify-content:center;text-align:center}.spacer{flex:1}.klein-grijs{color:var(--grijs);font-size:.9rem}.label{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:900;color:var(--grijs)}.leeg{text-align:center;padding:20px;color:var(--grijs);font-size:1.05rem}.sectie-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.sectie-titel{margin:26px 0 12px}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:14px;border:2px solid var(--lijn);background:#fff;color:var(--ink);font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--lijn);transition:transform .08s,box-shadow .08s,background .15s}.knop:hover{background:#fafafa}.knop:active{transform:translateY(2px);box-shadow:0 1px 0 var(--lijn)}.knop:disabled{opacity:.5;cursor:not-allowed;transform:none}.knop.primair{background:var(--paars);color:#fff;border-color:var(--paars-donker);box-shadow:0 4px 0 var(--paars-donker)}.knop.primair:hover{background:#7a5ce6}.knop.groot{padding:14px 22px;font-size:1.08rem;border-radius:16px}.knop.klein{padding:6px 12px;font-size:.88rem;border-radius:12px;box-shadow:0 2px 0 var(--lijn)}.knop.gevaar{color:var(--rood);border-color:#f5c2ca}.knop.gevaar-zacht{background:var(--oranje-licht);border-color:#ffd2b0}.knop.aan{background:var(--blauw);color:#fff;border-color:var(--blauw)}.icoonknop{width:44px;height:44px;border-radius:50%;border:2px solid var(--lijn);background:#fff;font-size:1.1rem;cursor:pointer;font-weight:900}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:800}.chip-blauw{background:var(--blauw-licht);color:#1d5fb0}.chip-paars{background:var(--paars-licht);color:var(--paars-donker)}.chip-oranje{background:var(--oranje-licht);color:#b4541a}.chip-zacht{background:#f2f4f7;color:var(--grijs)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs.groot{margin:8px 0 16px}.tab{padding:8px 14px;border-radius:999px;border:2px solid var(--lijn);background:#fff;font-weight:800;cursor:pointer;color:var(--ink);text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;gap:6px}.tab.actief{background:var(--ink);color:#fff;border-color:var(--ink)}.tab:disabled{opacity:.45;cursor:default}.tabs.groot .tab{padding:10px 16px;font-size:1rem}.tab.groeptab{border-color:var(--kleur)}.tab.groeptab.actief{background:var(--kleur);border-color:var(--kleur);color:#fff}.teller{display:inline-block;min-width:22px;padding:0 6px;border-radius:99px;background:#00000014;font-size:.78rem;text-align:center}.tab.actief .teller{background:#ffffff4d}.filterblok{padding:14px 18px}.filter-label{font-weight:900;margin-bottom:8px}.filterblok .klein-grijs{margin:8px 0 0}.veld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-weight:800}.veld.inline{flex-direction:row;align-items:center;margin:0}.veld.klein{font-size:.9rem}.veld input,.veld select{font:inherit;font-weight:600;padding:10px 14px;border-radius:12px;border:2px solid var(--lijn);background:#fff}.veld.klein select{padding:6px 10px}.veld input:focus,.veld select:focus{border-color:var(--paars);outline:none}.veld small{font-weight:600;color:var(--grijs)}.balk{height:12px;background:#eef1f5;border-radius:99px;overflow:hidden;flex:1}.balk>span{display:block;height:100%;background:var(--paars);border-radius:99px;transition:width .5s}.balk.groen>span{background:var(--groen)}.balk.geel>span{background:var(--geel)}.balk.rood>span{background:var(--rood)}.sterren{color:#e3e3e3;font-size:1.05rem;letter-spacing:1px}.sterren .aan{color:#ffb400;text-shadow:0 1px 0 #d89200}.mascotte{flex-shrink:0}.mascotte.springt{animation:spring .7s ease-in-out infinite alternate}@keyframes spring{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-8px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.mascotte.springt{animation:none}*{scroll-behavior:auto}}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center;padding:26px 6px 10px}.hero h1{font-size:clamp(2rem,5vw,3.2rem)}.hero-label{display:inline-block;background:var(--groen-licht);color:var(--groen);padding:6px 12px;border-radius:999px;font-weight:900;font-size:.85rem}.hero-sub{font-size:1.12rem;color:#3b4654;max-width:36em}.markeer{background:linear-gradient(transparent 55%,#ffd65c 55%);padding:0 4px}.hero-uil{display:flex;flex-direction:column;align-items:center}.tekstwolk{position:relative;background:#fff;border:3px solid var(--paars);border-radius:22px;padding:14px 16px;font-weight:700;max-width:330px;margin-bottom:14px;box-shadow:var(--schaduw)}.tekstwolk:after{content:"";position:absolute;bottom:-14px;left:50%;border:12px solid transparent;border-top-color:var(--paars);border-bottom:0;transform:translate(-50%)}.tekstwolk .spreek{margin-left:6px;vertical-align:middle}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-uil{order:-1}}.profiel-lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.profiel{display:flex;flex-direction:column;border-radius:18px;border:3px solid var(--lijn);background:#fff;overflow:hidden}.profiel.actief{border-color:var(--paars);background:var(--paars-licht)}.profiel-kies{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 10px;border:0;background:none;cursor:pointer;font-weight:800;color:var(--ink)}.profiel-avatar{font-size:2.6rem}.profiel-naam{font-size:1.15rem;word-break:break-word;text-align:center}.profiel-info{font-size:.85rem;color:var(--grijs)}.profiel-bewerk{border:0;border-top:2px dashed var(--lijn);background:#fff9;padding:8px;font-weight:800;color:var(--paars-donker);cursor:pointer;font-size:.9rem}.profiel-bewerk:hover{background:#fff}.profielform{max-width:620px;box-shadow:none;border-style:dashed}.avatars{display:flex;flex-wrap:wrap;gap:6px}.avatar{width:52px;height:52px;font-size:1.7rem;border-radius:14px;border:2px solid var(--lijn);background:#fff;cursor:pointer}.avatar.actief{border-color:var(--paars);background:var(--paars-licht);transform:scale(1.08)}.groepkeuze{display:flex;gap:8px;flex-wrap:wrap}.groepbol{width:52px;height:52px;border-radius:50%;border:3px solid var(--kleur);background:#fff;color:var(--ink);font-weight:900;font-size:1.3rem;cursor:pointer}.groepbol.actief{background:var(--kleur);color:#fff}.groepen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.groepkaart{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:22px;background:#fff;text-decoration:none;color:var(--ink);border:3px solid var(--kleur);box-shadow:0 6px 0 var(--kleur);transition:transform .12s;overflow:hidden}.groepkaart:hover{transform:translateY(-3px) rotate(-.5deg)}.groepkaart-nr{position:absolute;right:18px;top:10px;font-size:3.6rem;line-height:1;font-weight:900;color:var(--kleur);opacity:.22;pointer-events:none}.groepkaart>:not(.groepkaart-nr){position:relative}.groepkaart-titel{font-size:1.35rem;font-weight:900;padding-right:52px}.groepkaart-info{font-size:.85rem;color:var(--grijs);font-weight:700}.groepkaart-voortgang{height:8px;background:#f0f0f0;border-radius:9px;overflow:hidden;margin:6px 0}.groepkaart-voortgang span{display:block;height:100%;background:var(--kleur)}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:28px}.feature{background:#fff;border-radius:var(--radius);padding:18px;border:2px solid #f1eee8}.feature-icoon{font-size:2rem}.feature p{color:#3b4654;margin:0}.groep-kop{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;border-top:8px solid var(--kleur)}.groep-kop-links{display:flex;gap:16px;align-items:center}.groep-kop-rechts{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.groep-badge{width:74px;height:74px;border-radius:22px;background:var(--kleur);color:#fff;display:grid;place-items:center;font-size:2.6rem;font-weight:900;box-shadow:0 5px #0000001f;flex-shrink:0}.groep-kop h1{margin:0}.groep-stats{display:flex;gap:14px;flex-wrap:wrap;font-weight:800;margin-top:6px}.modus-opties{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modus{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px;border-radius:18px;border:3px solid var(--lijn);background:#fff;cursor:pointer;font-size:.95rem;color:var(--ink)}.modus strong{font-size:1.15rem}.modus.actief{border-color:var(--paars);background:var(--paars-licht)}.modus-icoon{font-size:1.8rem}@media(max-width:560px){.modus-opties{grid-template-columns:1fr}}.groep-acties{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.actiekaart{display:flex;gap:14px;align-items:flex-start;margin:0}.actiekaart h3{margin-bottom:4px}.groot-icoon{font-size:2.6rem}.sets-sectie{margin-bottom:36px}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;padding-bottom:8px}.settegel{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;border:3px solid var(--lijn);background:#fff;cursor:pointer;box-shadow:0 4px 0 var(--lijn);transition:transform .1s;color:var(--ink)}.settegel:hover{transform:translateY(-2px);border-color:var(--kleur)}.settegel-nr{font-size:1.45rem;font-weight:900;line-height:1.1}.settegel-niveau{font-size:.72rem;font-weight:900;color:var(--grijs);background:#f2f4f7;padding:1px 8px;border-radius:9px}.settegel-pct{font-size:.75rem;font-weight:800;color:var(--grijs)}.settegel-bezig{font-size:.72rem;font-weight:900;color:#b4541a}.settegel.klaar{border-color:var(--kleur);background:color-mix(in srgb,var(--kleur) 10%,white)}.settegel.bezig{border-style:dashed;border-color:var(--oranje)}.settegel .sterren{font-size:.85rem}.ld-kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ld-kolommen ul{padding-left:18px;margin:0}.ld-kolommen li{margin:4px 0}.modal-achter{position:fixed;inset:0;background:#1f2a3773;z-index:50;display:grid;place-items:center;padding:16px;animation:fade .15s}.modal{position:relative;background:#fff;border-radius:24px;padding:26px;max-width:520px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 30px 60px -20px #0006;animation:pop .18s}.modal.breed{max-width:680px}.modal-sluit{position:absolute;right:14px;top:14px}.modal-knoppen{display:flex;flex-direction:column;gap:10px;margin-top:14px}.sluit{width:36px;height:36px;border-radius:50%;border:0;background:#f2f4f7;cursor:pointer;font-weight:900;flex-shrink:0}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.94);opacity:0}}.audiohulp-kop{display:flex;gap:14px;align-items:center;padding-right:30px}.audiohulp-kop h2{margin-bottom:4px}.stemstatus{margin:14px 0;padding:12px 14px;border-radius:14px;font-weight:700}.stemstatus.groen{background:var(--groen-licht);border:2px solid #a8e5c9}.stemstatus.geel{background:#fff6d6;border:2px solid #ffe08a}.stemstatus.rood{background:var(--rood-licht);border:2px solid #f5c2ca}.apparaat-rij{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.95rem}.hulpstappen li{font-size:1rem}.toestemming{background:var(--paars-licht);border-radius:16px;padding:14px 16px;margin:12px 0}.toestemming p{margin:0 0 8px}.audiohulp-knoppen{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin:16px 0 8px}@media(max-width:560px){.modal{padding:20px 16px}.audiohulp-kop .mascotte{width:56px}}.speler-balk{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 6px;background:#fffaf3f0;backdrop-filter:blur(6px)}.voortgang{flex:1;height:16px;background:#ece7df;border-radius:99px;overflow:hidden}.voortgang-vul{height:100%;background:linear-gradient(90deg,var(--groen),#4cc38a);border-radius:99px;transition:width .4s}.speler-teller{font-weight:900;color:var(--grijs);min-width:54px;text-align:right}.speler-inhoud{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:18px;padding-top:6px}.speler-inhoud.met-tekst{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.speler-tekst{position:sticky;top:70px;max-height:calc(100vh - 86px);overflow:auto;border-radius:var(--radius)}.tekst-toggle{display:none;margin-bottom:8px}@media(max-width:980px){.speler-inhoud.met-tekst{grid-template-columns:minmax(0,1fr)}.speler-tekst{position:static;max-height:none}.tekst-toggle{display:inline-flex}}.vraagkaart{background:#fff;border-radius:24px;box-shadow:var(--schaduw);padding:22px;border:2px solid #f1eee8}.vraagkaart-kop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.modus-label{margin-left:auto;font-size:.85rem;font-weight:800;color:var(--grijs)}.visual{display:flex;justify-content:center;padding:14px;margin-bottom:14px;background:#fff;border:2px solid #f0f2f5;border-radius:18px;overflow-x:auto}.vis-tabel{width:100%;max-width:520px}.vis-tabel-titel{font-weight:900;margin-bottom:6px;text-align:center}.vis-tabel table{width:100%;border-collapse:collapse;font-size:1.02rem}.vis-tabel th,.vis-tabel td{border:2px solid #e6eaf0;padding:9px 12px;text-align:left}.vis-tabel th{background:var(--groen-licht)}.vis-tabel td:first-child{font-weight:800}.vis-tabel .vraagteken{background:#fff6d6;font-weight:900;text-align:center;font-size:1.2rem}.info-blok{background:#f7f5f1;border:2px solid #ece8e1;border-radius:16px;padding:12px 16px;margin-bottom:14px}.info-blok p{margin:4px 0 0;font-size:var(--lees);line-height:var(--regel);font-family:var(--leesfont)}.vraag-rij{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.vraag-tekst{font-size:1.28rem;font-weight:800;margin:4px 0 14px;line-height:1.4}.opties{display:grid;gap:10px}.optie{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;min-height:60px;border-radius:16px;border:3px solid var(--lijn);background:#fff;cursor:pointer;font-size:1.12rem;font-weight:700;color:var(--ink);box-shadow:0 3px 0 var(--lijn);transition:transform .08s,border-color .12s,background .12s}.optie:hover:not(:disabled){border-color:#c9bdf7;background:#fbfaff}.optie:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--lijn)}.optie-letter{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f1f3f6;font-weight:900}.optie.gekozen{border-color:var(--paars);background:var(--paars-licht);box-shadow:0 3px 0 var(--paars)}.optie.gekozen .optie-letter{background:var(--paars);color:#fff}.optie.juist{border-color:var(--groen);background:var(--groen-licht);box-shadow:0 3px 0 var(--groen)}.optie.juist .optie-letter{background:var(--groen);color:#fff}.optie.onjuist{border-color:var(--rood);background:var(--rood-licht);box-shadow:0 3px 0 var(--rood)}.optie.onjuist .optie-letter{background:var(--rood);color:#fff}.optie.uit{opacity:.55}.optie:disabled{cursor:default}.optie-vink,.optie-kruis{margin-left:auto;font-size:1.5rem;font-weight:900}.optie-vink{color:var(--groen)}.optie-kruis{color:var(--rood)}.speler-knoppen{display:flex;gap:10px;margin-top:18px;align-items:center}.speler-knoppen .knop.groot{min-width:200px}@media(max-width:560px){.speler-knoppen .knop.groot{flex:1;min-width:0}.vraagkaart{padding:16px}.vraag-tekst{font-size:1.15rem}}.vraagnav{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;justify-content:center}.nav-bol{width:34px;height:34px;border-radius:50%;border:2px solid var(--lijn);background:#fff;font-weight:800;cursor:pointer;font-size:.85rem}.nav-bol.gekozen{background:var(--paars-licht);border-color:var(--paars)}.nav-bol.nu{outline:3px solid var(--oranje)}.terugkoppeling{margin-top:18px;border-radius:20px;padding:16px;animation:pop .2s}.terugkoppeling.is-goed{background:var(--groen-licht);border:3px solid #a8e5c9}.terugkoppeling.is-fout{background:#fff4f0;border:3px solid #ffd0bd}.terugkoppeling-kop{display:flex;align-items:center;gap:12px;margin-bottom:8px}.terugkoppeling-titel{font-size:1.35rem;font-weight:900}.is-goed .terugkoppeling-titel{color:var(--groen)}.is-fout .terugkoppeling-titel{color:#c2410c}.uitleg{background:#fff;border-radius:16px;padding:14px 16px;border:2px solid #f0ebe3}.uitleg-kop{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.uitleg-antwoord{margin:6px 0}.fout-tekst{color:var(--rood)}.goed-tekst{color:var(--groen)}.stappen{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.stappen li{background:#fbfaf7;border-radius:12px;padding:10px 12px;font-size:var(--lees);line-height:1.5}.stap-nr{display:inline-block;background:var(--geel);color:var(--ink);font-weight:900;font-size:.75rem;padding:2px 8px;border-radius:8px;margin-right:6px;vertical-align:2px}.tip{background:#fff8de;border-radius:12px;padding:10px 12px;margin:8px 0 0}.spreek{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:2px solid #cfe3ff;background:var(--blauw-licht);color:#1d5fb0;font-weight:900;cursor:pointer;font-size:.95rem;white-space:nowrap}.spreek:hover{background:#d8e9ff}.spreek.klein{width:44px;height:44px;padding:0;justify-content:center;font-size:1.15rem;flex-shrink:0}.spreek.aan{background:var(--blauw);color:#fff;border-color:var(--blauw);animation:puls 1.2s infinite}@keyframes puls{50%{box-shadow:0 0 0 6px #2f7fe033}}.confetti{position:fixed;inset:0;pointer-events:none;z-index:100}.leestekst{position:relative;background:#fff;border-radius:var(--radius);border:2px solid #ece6ff;box-shadow:var(--schaduw);padding:18px 20px}.leestekst-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.leestekst-titel{font-size:1.3rem;margin:2px 0 0}.markeerhulp{font-size:.88rem;color:var(--grijs);background:#faf8ff;padding:8px 10px;border-radius:10px;margin:10px 0}.leestekst-body p{font-family:var(--leesfont);font-size:var(--lees);line-height:var(--regel);margin:0 0 .9em}.leestekst-body .w{cursor:pointer;border-radius:5px;padding:1px 0;transition:background .1s}.leestekst-body .w:hover{background:#f0ecff;box-shadow:0 0 0 2px #f0ecff}.leesnu{background:#ffe36e!important;box-shadow:0 0 0 3px #ffe36e!important}.m-geel{background:#fff07a;box-shadow:0 0 0 2px #fff07a}.m-groen{background:#b6f0c9;box-shadow:0 0 0 2px #b6f0c9}.m-roze{background:#ffc6dd;box-shadow:0 0 0 2px #ffc6dd}.m-blauw{background:#bfe0ff;box-shadow:0 0 0 2px #bfe0ff}.stip{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:-2px}.woordpop{position:absolute;z-index:40;width:270px;background:#fff;border-radius:18px;box-shadow:0 16px 40px -10px #0000004d;border:2px solid var(--paars-licht);padding:12px;animation:pop .15s}.woordpop-kop{display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;margin-bottom:8px}.woordpop-rij{display:flex;gap:6px;margin-bottom:8px}.woordpop-kleuren{display:grid;gap:4px}.kleurknop{display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;border-radius:10px;cursor:pointer;font-weight:800;text-align:left;box-shadow:none}.kleurknop .stip{background:#00000026;width:12px;height:12px}.kleurknop.wis{background:#f2f4f7}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;z-index:90;animation:pop .2s}.resultaat-kop{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.resultaat-kop>div{flex:1;min-width:240px}.resultaat-kop h1{margin:0}.score-rij{display:flex;gap:12px;align-items:center}.score{font-size:2.6rem;font-weight:900;color:var(--paars)}.score-rij .sterren{font-size:2rem}.boodschap{font-size:1.1rem;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vak-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.vakscore{display:flex;flex-direction:column;gap:6px;margin:0}.vakscore .balk,.ld-rij .balk{flex:none;width:100%}.vakscore-icoon{font-size:1.8rem}.knoppenrij{margin:18px 0}.review-lijst{display:grid;gap:14px}.review{border-radius:18px;padding:16px;border:2px solid var(--lijn);display:grid;gap:10px}.review.is-fout{border-left:8px solid var(--rood)}.review.is-goed{border-left:8px solid var(--groen)}.review-kop{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.review-nr{font-weight:900;font-size:1.1rem}.review .vraag-tekst{margin:0;font-size:1.12rem}.review-opties{list-style:none;padding:0;margin:0;display:grid;gap:4px}.review-opties li{padding:7px 12px;border-radius:10px;background:#f7f8fa}.review-opties li.juist{background:var(--groen-licht);font-weight:800}.review-opties li.onjuist{background:var(--rood-licht)}.label-goed,.label-fout{font-size:.75rem;font-weight:900;padding:2px 8px;border-radius:8px;margin-left:6px}.label-goed{background:var(--groen);color:#fff}.label-fout{background:var(--rood);color:#fff}.woorden-kop{display:flex;gap:16px;align-items:center}.flits-wrap{max-width:460px;margin:0 auto 10px}.flitskaart{position:relative;width:100%;height:260px;border:0;padding:0;background:none;cursor:pointer;perspective:1000px}.flits-voor,.flits-achter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .5s;box-shadow:var(--schaduw);font-family:var(--font)}.flits-voor{background:linear-gradient(135deg,#8e6cf1,#6d4fd8);color:#fff}.flits-achter{background:#fff;border:3px solid var(--paars);transform:rotateY(180deg);color:var(--ink)}.flitskaart.om .flits-voor{transform:rotateY(-180deg)}.flitskaart.om .flits-achter{transform:rotateY(0)}.flits-label{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.flits-woord{font-size:2.2rem;font-weight:900}.flits-zin{font-size:.98rem;opacity:.92;font-style:italic;max-width:90%}.flits-hint{font-size:.8rem;opacity:.7}.flits-betekenis{font-size:1.3rem;font-weight:800}.flits-betekenis.leeg{font-size:1.05rem;color:var(--grijs)}.flits-eigen{background:#fff8de;padding:6px 12px;border-radius:10px;font-weight:700}.eigen-uitleg{margin-top:10px;text-align:left}.kaartlijst{list-style:none;padding:0;margin:0;display:grid;gap:8px}.kaartlijst li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fbfaf7;border-left:6px solid var(--lijn)}.kaartlijst.compact li{padding:8px 12px}.m-rand-geel{border-left-color:#f5d000!important}.m-rand-groen{border-left-color:#3ccf7a!important}.m-rand-roze{border-left-color:#ff7eb3!important}.m-rand-blauw{border-left-color:#59a8ff!important}.kleur-kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.kleur-kolommen .kaart{margin:0}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:16px;background:#f4f5f7;filter:grayscale(1);opacity:.5;text-align:center}.badge span{font-size:2rem}.badge.verdiend{filter:none;opacity:1;background:#fff6d6;border:2px solid var(--geel)}.ld-blok{margin-top:16px}.ld-rij{display:grid;grid-template-columns:minmax(140px,1.6fr) 54px minmax(80px,2fr) 46px auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--lijn)}.ld-naam{color:var(--ink);text-decoration:none}.ld-aantal,.ld-pct{font-size:.85rem;font-weight:800;color:var(--grijs);text-align:right}@media(max-width:640px){.ld-rij{grid-template-columns:1fr 46px auto}.ld-rij .balk,.ld-aantal{display:none}}.score-klein{font-weight:900}.lessenlijst{list-style:none;padding:0!important;display:grid;gap:6px}.lessenlijst a{display:block;padding:10px 12px;border-radius:12px;background:#fbfaf7;text-decoration:none;color:var(--ink)}.lessenlijst a:hover{background:var(--paars-licht)}.terug{display:inline-block;margin-bottom:10px;text-decoration:none}.les{max-width:860px;margin:0 auto}.les-intro{font-size:1.2rem;font-family:var(--leesfont);line-height:var(--regel);background:var(--paars-licht);padding:14px 16px;border-radius:16px}.voorbeeld{background:var(--blauw-licht);border-radius:16px;padding:14px 18px;margin:12px 0}.voorbeeld ul{margin:6px 0 0}.antwoordblad{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px 24px;margin-bottom:14px}.ab-rij{display:flex;align-items:center;gap:8px;padding:4px 0}.ab-nr{width:28px;font-weight:900;text-align:right}.ab-bol{width:46px;height:46px;border-radius:50%;border:3px solid var(--lijn);background:#fff;font-weight:900;cursor:pointer;font-size:1rem}.ab-bol.aan{background:var(--paars);color:#fff;border-color:var(--paars-donker)}.vinklijst{padding-left:0;list-style:none;display:grid;gap:8px}.vinklijst li:before{content:"✅ "}.instellingen{display:grid;gap:12px;max-width:560px}.schakel{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.schakel input{width:22px;height:22px;accent-color:var(--paars)}.kleurnamen{display:grid;gap:8px;max-width:420px}.kleurnamen .veld.inline{gap:10px}.kleurnamen .stip.m-geel{background:#fff07a}.kleurnamen .stip.m-groen{background:#b6f0c9}.kleurnamen .stip.m-roze{background:#ffc6dd}.kleurnamen .stip.m-blauw{background:#bfe0ff}.kleur-kolommen h3 .stip.m-geel{background:#f5d000}.kleur-kolommen h3 .stip.m-groen{background:#3ccf7a}.kleur-kolommen h3 .stip.m-roze{background:#ff7eb3}.kleur-kolommen h3 .stip.m-blauw{background:#59a8ff}@media print{.kop,.voet,.speler-balk,.geluidbalk{display:none}body{background:#fff}}