@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p-latin.woff2) format("woff2");font-display:swap}:root{color-scheme:light;--creme: #f4f1e9;--ink: #211e19;--ink-zacht: #1f2633;--teal: #1b8a7a;--groen: #2f5a41;--goud: #ffc857;--amber: #e8b94a;--terracotta: #b6452c;--rood: #bc4126;--navy: #1b2a4a;--wit: #fffdf8;--schaduw: 0 4px 12px rgba(0, 0, 0, .12);--schaduw-diep: 0 8px 22px rgba(0, 0, 0, .18);--tegel-bg: var(--creme);--tegel-accent: var(--teal);--tegel-answer: var(--goud);--font-basis: "Segoe UI", system-ui, -apple-system, sans-serif;--font-kop: var(--font-basis);--ink-rgb: 33, 30, 25;--achtergrond: var(--creme);--surface: var(--wit);--tekst: var(--ink);--paneel: var(--surface);--rand: rgba(var(--ink-rgb), .25);--rand-dikte: 1px;--link: var(--teal);--header-bg: var(--wit);--header-tekst: var(--tekst);--header-titel: var(--teal);--header-accent: var(--teal);--knop-primair-bg: var(--teal);--knop-primair-hover: var(--groen);--knop-primair-tekst: var(--wit);--radius-schaal: 1;--kaart-rand: none;--anti-afkijk-dekking: .55}@media(forced-colors:active){:root{--kaart-rand: 1px solid ButtonBorder}}html[data-thema=y2k-pop]{color-scheme:light;--achtergrond: #ececf4;--surface: #ffffff;--tekst: #2c0e4e;--ink-rgb: 44, 14, 78;--link: #b00062;--header-bg: #4b0082;--header-tekst: #ffffff;--header-titel: #ffff00;--header-accent: #ff007f;--knop-primair-bg: #ffff00;--knop-primair-hover: #00bfff;--knop-primair-tekst: #2c0e4e}html[data-thema=soft-grunge]{color-scheme:dark;--achtergrond: #36454f;--surface: #41525e;--tekst: #e6e6fa;--ink-rgb: 230, 230, 250;--link: #98ff98;--header-bg: #15191d;--header-tekst: #e6e6fa;--header-titel: #98ff98;--header-accent: #800020;--knop-primair-bg: #98ff98;--knop-primair-hover: #7fe57f;--knop-primair-tekst: #36454f;--anti-afkijk-dekking: .18}html[data-thema=cybercore]{color-scheme:dark;--achtergrond: #08080e;--surface: #171744;--tekst: #e8e8ff;--ink-rgb: 232, 232, 255;--link: #ff00ff;--header-bg: #000000;--header-tekst: #e8e8ff;--header-titel: #39ff14;--header-accent: #ff00ff;--knop-primair-bg: #39ff14;--knop-primair-hover: #008b8b;--knop-primair-tekst: #051013;--anti-afkijk-dekking: .18}html[data-thema=skate-culture]{color-scheme:light;--achtergrond: #fffdd0;--surface: #ffffff;--tekst: #2f4f4f;--ink-rgb: 47, 79, 79;--link: #4169e1;--header-bg: #ffffff;--header-tekst: #2f4f4f;--header-titel: #ff0000;--header-accent: #ff0000;--knop-primair-bg: #4169e1;--knop-primair-hover: #006400;--knop-primair-tekst: #ffffff}html[data-thema=root-access]{color-scheme:dark;--achtergrond: #0f1116;--surface: #161a22;--tekst: #39ff14;--ink-rgb: 57, 255, 20;--rand: #323842;--link: #00ffff;--header-bg: #0a0c10;--header-tekst: #39ff14;--header-titel: #39ff14;--header-accent: #323842;--knop-primair-bg: #00ffff;--knop-primair-hover: #00cccc;--knop-primair-tekst: #0f1116;--anti-afkijk-dekking: .18;--font-kop: "Consolas", "Courier New", monospace}html[data-thema=minecraft]{color-scheme:dark;--achtergrond: #1a1a1d;--surface: #242428;--tekst: #e6e6e6;--ink-rgb: 200, 200, 200;--rand: #555555;--rand-dikte: 2px;--kaart-rand: 3px solid var(--rand);--link: #55ffff;--header-bg: #242428;--header-tekst: #e6e6e6;--header-titel: #55ff55;--header-accent: #55ff55;--knop-primair-bg: #55ff55;--knop-primair-hover: #3fdd3f;--knop-primair-tekst: #1a1a1d;--radius-schaal: 0;--font-kop: "Press Start 2P", var(--font-basis);--anti-afkijk-dekking: .18}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond);color:var(--tekst);font-family:var(--font-basis);line-height:1.5}h1,h2,h3{font-family:var(--font-kop)}a{color:var(--link)}button{font:inherit;font-family:var(--font-kop);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--header-bg);color:var(--header-tekst);border-bottom:3px solid var(--header-accent);box-shadow:var(--schaduw)}.app-header h1{margin:0;font-size:1.25rem;font-family:var(--font-kop);color:var(--header-titel)}.app-header .gebruiker{margin-left:auto;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.app-header .secundair{color:var(--header-tekst);border-color:currentColor}.thema-kiezer{font:inherit;font-family:var(--font-basis);font-size:.85rem;padding:.35rem .5rem;border-radius:calc(8px * var(--radius-schaal));border:var(--rand-dikte) solid rgba(var(--ink-rgb),.25);background:var(--surface);color:var(--tekst)}main{max-width:960px;margin:0 auto;padding:1.5rem 1rem 4rem}.scherm-melding{text-align:center;padding:4rem 1rem;font-size:1.1rem}.knop,.primair,.secundair{border-radius:calc(8px * var(--radius-schaal));padding:.5rem 1.1rem;border:var(--rand-dikte) solid transparent;font-family:var(--font-kop)}.primair{background:var(--knop-primair-bg);color:var(--knop-primair-tekst);border-color:transparent;font-weight:600}.primair:hover:not(:disabled){background:var(--knop-primair-hover)}.secundair{background:transparent;color:var(--tekst);border:var(--rand-dikte) solid rgba(var(--ink-rgb),.35)}.tegel-rooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.tegel{display:flex;flex-direction:column;text-align:left;padding:0;border:var(--kaart-rand);border-radius:calc(12px * var(--radius-schaal));overflow:hidden;background:var(--surface);font-family:var(--font-basis);box-shadow:var(--schaduw);transition:box-shadow .15s ease,transform .15s ease}.tegel:hover:not(:disabled),.tegel:focus-visible{box-shadow:var(--schaduw-diep);transform:translateY(-2px)}.tegel:disabled{opacity:.65}.tegel .thumbnail,.tegel .paletkaart{height:120px;width:100%;object-fit:cover}.paletkaart{display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem;background:var(--tegel-bg);border-bottom:6px solid var(--tegel-accent)}.paletkaart .paletkaart-titel{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:.4rem}.paletkaart .paletkaart-accent{width:42px;height:8px;border-radius:4px;background:var(--tegel-answer);margin-bottom:.4rem}.tegel-body{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.4rem}.tegel-titel{font-weight:700;font-family:var(--font-kop)}.tegel-omschrijving{font-size:.85rem;color:rgba(var(--ink-rgb),.75)}.tegel-labels{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem}.chip{border-radius:calc(999px * var(--radius-schaal));padding:.1rem .65rem;font-weight:600}.chip.oefening{background:#ddedeb;color:#2f5a41}.chip.toets{background:#f4e3df;color:#b6452c}.chip.cursus{background:#e4e5e9;color:#1b2a4a}.chip.vak{background:#efeae1;color:#8c6c2b}.vak-filter{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem}.vak-filter select{font:inherit;padding:.35rem .6rem;border-radius:calc(.5rem * var(--radius-schaal));border:var(--rand-dikte) solid rgba(var(--ink-rgb),.25);background:var(--surface);color:var(--tekst)}.tegel-type-icoon{display:inline-flex;color:rgba(var(--ink-rgb),.6)}.paletkaart .tegel-type-icoon{color:#211e1999}.vrij-oefenen-label{font-size:.75rem;color:rgba(var(--ink-rgb),.6)}.sessie{background:var(--tegel-bg);border-radius:calc(12px * var(--radius-schaal));padding:1.25rem;box-shadow:var(--schaduw)}.sessie-kop{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.sessie-kop .score{font-weight:600;color:var(--groen)}.sessie-kop .secundair{background:var(--surface);color:var(--tekst);border-color:var(--rand)}.sessie-kop .spacer{margin-left:auto}.progressbalk{display:flex;gap:4px;margin:.75rem 0 1.25rem}.segment{flex:1;height:10px;border-radius:calc(5px * var(--radius-schaal));background:transparent;border:1px solid rgba(var(--ink-rgb),.25)}.segment.juist{background:var(--groen);border-color:var(--groen)}.segment.fout{background:var(--rood);border-color:var(--rood)}.segment.beantwoord{background:#c8c2b4;border-color:#c8c2b4}.oefening{background:var(--surface);border:var(--kaart-rand);border-top:5px solid var(--tegel-accent);border-radius:calc(10px * var(--radius-schaal));padding:1.25rem;box-shadow:var(--schaduw)}.oefening h2{margin-top:0;font-size:1.15rem;font-family:var(--font-basis)}.oefening .vraag-meta{font-size:.8rem;color:rgba(var(--ink-rgb),.6)}.oefening img,.oefening video{max-width:100%;border-radius:calc(8px * var(--radius-schaal))}.toets-banner{background:#b6452c1f;border-left:4px solid var(--terracotta);color:var(--terracotta);font-weight:600;padding:.5rem .75rem;border-radius:6px;margin-bottom:.75rem}.clue-banner{background:#ffc8574d;border-left:4px solid var(--amber);padding:.5rem .75rem;border-radius:6px;font-size:.9rem}.acties{margin-top:1.25rem;display:flex;gap:.75rem}.invulveld{position:relative;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding:.75rem 0;cursor:text}.woord{display:inline-flex;flex-direction:column;gap:.25rem}.vakjes{display:inline-flex;gap:3px}.vakje{width:1.7em;height:2em;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(var(--ink-rgb),.35);border-radius:calc(5px * var(--radius-schaal));background:var(--surface);font-size:1.05rem;font-weight:600;text-transform:none}.vakje[data-extra]{border-style:dashed;border-color:var(--tegel-accent)}.hint-letter{color:var(--tegel-accent);opacity:.8}.hint-knop{align-self:flex-start;font-size:.7rem;font-family:var(--font-basis);border:var(--rand-dikte) solid rgba(var(--ink-rgb),.3);background:transparent;border-radius:calc(999px * var(--radius-schaal));padding:0 .5rem;color:rgba(var(--ink-rgb),.7)}.hint-cap-nota{margin:.5rem 0 0;font-size:.85rem;color:var(--terracotta);background:#ffc85733;border-radius:6px;padding:.35rem .6rem;display:inline-block}.woordenbank{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.woordenbank button{border:1px dashed var(--tegel-accent);background:#1b8a7a0f;border-radius:999px;padding:.2rem .8rem}.woordenbank button,.sleep-item{font-family:var(--font-basis)}.verborgen-invoer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border:none;width:100%}.keuze-antwoord{font:inherit;font-size:1.2rem;width:100%;max-width:28rem;margin:.75rem 0;padding:.5rem .75rem;border:var(--rand-dikte) solid var(--tegel-accent);border-radius:calc(8px * var(--radius-schaal));background:var(--surface);color:var(--tekst)}.anti-afkijk .invoer-teken,.anti-afkijk textarea,.anti-afkijk .verborgen-invoer{opacity:var(--anti-afkijk-dekking, .55);font-size:.85em}.masker{font-size:1.4rem;letter-spacing:.35em;color:rgba(var(--ink-rgb),.7)}.keuzelijst{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.keuzelijst label{display:flex;align-items:center;gap:.6rem;background:rgba(var(--ink-rgb),.04);border-radius:calc(8px * var(--radius-schaal));padding:.55rem .8rem}.matching-rij{display:flex;align-items:center;gap:.75rem;margin:.4rem 0}.matching-rij select{font:inherit;padding:.3rem .5rem;border-radius:calc(6px * var(--radius-schaal));background:var(--surface);color:var(--tekst)}.sleep-items,.sleep-zones{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0}.sleep-item{border:2px solid var(--tegel-accent);background:var(--wit);border-radius:8px;padding:.4rem .9rem;font-weight:600;touch-action:none}.sleep-item{color:var(--ink)}.sleep-item[aria-pressed=true]{background:var(--tegel-answer)}.sleep-zone{min-width:140px;border:2px dashed rgba(var(--ink-rgb),.35);border-radius:calc(8px * var(--radius-schaal));padding:.5rem .75rem;background:rgba(var(--ink-rgb),.03);cursor:pointer}.sleep-zone.over{border-color:var(--tegel-accent);background:#1b8a7a14}.sleep-zone .slot-label{display:block;font-size:.75rem;color:rgba(var(--ink-rgb),.6)}.sleep-zone .slot-item{font-weight:700}textarea.open-antwoord{width:100%;min-height:7rem;font:inherit;padding:.6rem;border-radius:calc(8px * var(--radius-schaal));border:var(--rand-dikte) solid rgba(var(--ink-rgb),.35);background:var(--surface);color:var(--tekst)}.feedback{margin-top:1rem;border-radius:calc(10px * var(--radius-schaal));padding:1rem 1.25rem;box-shadow:var(--schaduw);background:var(--surface);color:var(--tekst)}.feedback.juist{background:linear-gradient(0deg,#2f5a4124,#2f5a4124),var(--surface);border-left:5px solid var(--groen)}.feedback.fout{background:linear-gradient(0deg,#bc41261f,#bc41261f),var(--surface);border-left:5px solid var(--rood)}.feedback.opgeslagen{border-left:5px solid var(--teal)}.popups{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.75rem;z-index:50;max-width:320px}.popup{background:var(--surface);border:var(--kaart-rand);border-left:5px solid var(--goud);border-radius:calc(10px * var(--radius-schaal));padding:.75rem 1rem;box-shadow:var(--schaduw-diep)}.popup p{margin:.25rem 0 .5rem}.dialoog-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--ink-rgb),.45);display:flex;align-items:center;justify-content:center;z-index:100}.dialoog{background:var(--surface);border:var(--kaart-rand);border-radius:calc(12px * var(--radius-schaal));padding:1.25rem 1.5rem;max-width:420px;box-shadow:var(--schaduw-diep)}.dialoog .acties{margin-top:1rem}.duo-lijst{display:flex;flex-direction:column;gap:.35rem;max-height:40vh;overflow-y:auto;margin:.75rem 0}.bericht-vak{margin-top:1rem;background:var(--surface);border-radius:calc(10px * var(--radius-schaal));padding:.75rem 1rem;box-shadow:var(--schaduw)}.bericht-vak textarea{width:100%;font:inherit;min-height:3.5rem;border-radius:calc(8px * var(--radius-schaal));border:var(--rand-dikte) solid rgba(var(--ink-rgb),.35);background:var(--surface);color:var(--tekst);padding:.5rem}.eindscherm{text-align:center;padding:1rem 0}.verbeterde-toets{margin:1rem auto;max-width:34rem}.verbeterde-toets .commentaarlijst{margin-top:.75rem;text-align:left;background:var(--paneel);border:var(--rand-dikte) solid var(--rand);border-radius:calc(8px * var(--radius-schaal));padding:.75rem 1rem}.verbeterde-toets .commentaarlijst h3{margin:0 0 .5rem;font-size:1rem}.verbeterde-toets .commentaarlijst ul{margin:0;padding-left:1.1rem}.verbeterde-toets .commentaarlijst li{margin-bottom:.35rem}