.er-pagina{min-height:100%;display:flex;flex-direction:column;overflow-x:clip}.er-login{flex:1;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.er-achtergrond-mockup{background-color:var(--er-kleur-achtergrond);background-image:image-set(url(/leerling/hoofdkwartier-achtergrond.webp) type("image/webp"),url(/leerling/hoofdkwartier-achtergrond.jpg) type("image/jpeg"));background-size:cover;background-position:center}@supports not (background-image: image-set(url(/leerling/hoofdkwartier-achtergrond.webp) type("image/webp"))){.er-achtergrond-mockup{background-image:url(/leerling/hoofdkwartier-achtergrond.jpg)}}.er-login__kaart{width:100%;max-width:420px;border:1px solid var(--er-kleur-rand);border-radius:var(--er-radius);padding:32px 28px;text-align:center}.er-login__kaart,.er-overlay__kaart,.er-stap,.er-briefing{background:#121b30e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports not (backdrop-filter: blur(8px)){.er-login__kaart,.er-overlay__kaart,.er-stap,.er-briefing{background:var(--er-kleur-oppervlak)}}.er-briefing{border:1px solid var(--er-kleur-rand);border-radius:var(--er-radius);padding:24px;text-align:center}.er-login__logo{font-size:2.25rem;margin-bottom:4px}.er-login__titel{font-size:1.5rem;color:var(--er-kleur-tekst)}.er-login__titel-accent{color:var(--er-kleur-accent)}.er-login__uitleg{color:var(--er-kleur-tekst-gedempt);margin-bottom:24px}.er-veld-label{display:block;text-align:left;margin-bottom:6px;font-weight:600}.er-veld{width:100%;min-height:var(--er-klikdoel-min);padding:10px 14px;font-size:1.25rem;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:var(--er-kleur-achtergrond);color:var(--er-kleur-tekst);border:2px solid var(--er-kleur-rand);border-radius:var(--er-radius-klein)}.er-veld[aria-invalid=true]{border-color:var(--er-kleur-fout)}.er-knop{display:inline-flex;align-items:center;justify-content:center;min-height:var(--er-klikdoel-min);min-width:var(--er-klikdoel-min);padding:10px 20px;margin-top:16px;width:100%;font-weight:700;border:none;border-radius:var(--er-radius-klein);background:var(--er-kleur-accent);color:var(--er-kleur-tekst-op-accent)}.er-knop:disabled{background:var(--er-kleur-vergrendeld);color:var(--er-kleur-vergrendeld-tekst)}.er-knop--secundair{background:transparent;border:2px solid var(--er-kleur-rand);color:var(--er-kleur-tekst)}.er-banner{margin-top:16px;padding:12px 14px;border-radius:var(--er-radius-klein);text-align:left}.er-banner--fout{background:#ff8a8a1f;border:1px solid var(--er-kleur-fout);color:var(--er-kleur-fout-tekst)}.er-banner--info{background:#5fd7ff1a;border:1px solid var(--er-kleur-accent);color:var(--er-kleur-tekst)}.er-banner--succes{background:#3ddc971f;border:1px solid var(--er-kleur-succes);color:var(--er-kleur-tekst)}.er-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:14px 24px;background:var(--er-kleur-oppervlak);border-bottom:1px solid var(--er-kleur-rand)}.er-topbar__logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;white-space:nowrap}.er-topbar__logo-icoon{font-size:1.4rem}.er-topbar__logo-accent{color:var(--er-kleur-accent)}.er-topbar__voortgang-cijfer{display:none;font-weight:700;white-space:nowrap}.er-topbar__team{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem}.er-topbar__icoon{font-size:1.5rem}.er-topbar__voortgang{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.er-voortgangsbalk{flex:1;height:10px;background:var(--er-kleur-oppervlak-verhoogd);border-radius:999px;overflow:hidden}.er-voortgangsbalk__vulling{height:100%;background:var(--er-kleur-accent);transition:width .3s ease}.er-topbar__item{display:flex;align-items:center;gap:6px;white-space:nowrap}.er-topbar__scheiding{width:1px;align-self:stretch;min-height:20px;background:var(--er-kleur-rand)}@media(max-width:900px){.er-topbar{gap:14px}.er-topbar__voortgang-tekst{display:none}.er-topbar__voortgang-cijfer{display:inline}}@media(max-width:768px){.er-topbar__logo-tekst{display:none}}.er-hoofdinhoud{flex:1;padding:20px}.er-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;max-width:900px;margin:0 auto}@media(max-width:699px){.er-grid{grid-template-columns:1fr}}.er-tegel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;min-height:var(--er-klikdoel-min);border-radius:var(--er-radius);border:2px solid var(--er-kleur-rand);background:var(--er-kleur-oppervlak);color:var(--er-kleur-tekst);font-weight:700;text-align:center;padding:8px}.er-tegel__nummer{font-size:1.4rem}.er-tegel__status{font-size:.8rem;font-weight:500;color:var(--er-kleur-tekst-gedempt)}.er-tegel--vergrendeld{background:var(--er-kleur-oppervlak);color:var(--er-kleur-vergrendeld-tekst);border-color:var(--er-kleur-rand)}.er-tegel--beschikbaar{border-color:var(--er-kleur-accent);box-shadow:0 0 0 1px var(--er-kleur-accent),0 0 18px #5fd7ff59}.er-tegel--bezig{border-style:dashed;border-color:var(--er-kleur-accent);box-shadow:0 0 0 1px var(--er-kleur-accent),0 0 18px #5fd7ff59;animation:er-puls-bezig 2.4s ease-in-out infinite}@keyframes er-puls-bezig{0%,to{box-shadow:0 0 0 1px var(--er-kleur-accent),0 0 18px #5fd7ff59}50%{box-shadow:0 0 0 1px var(--er-kleur-accent),0 0 30px #5fd7ffa6}}.er-tegel--afgerond{border-color:var(--er-tegel-accent, var(--er-kleur-succes));background:color-mix(in srgb,var(--er-tegel-accent, var(--er-kleur-succes)) 22%,var(--er-kleur-oppervlak))}.er-hoofdkwartier-foto{position:relative;width:100%;max-width:1280px;aspect-ratio:1280 / 664;margin:0 auto;border-radius:var(--er-radius);overflow:hidden}.er-hoofdkwartier-foto__beeld{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--er-radius)}.er-hotspot{position:absolute;display:block;background:transparent;border:none;border-radius:var(--er-radius-klein);padding:0;margin:0}.er-hotspot:disabled{cursor:not-allowed}.er-hotspot:focus-visible{outline:none;box-shadow:0 0 0 3px var(--er-kleur-accent-sterk),0 0 0 5px #05131f}.er-hotspot--vergrendeld{cursor:not-allowed}.er-hotspot__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b122073;border-radius:var(--er-radius-klein);pointer-events:none}.er-hotspot--beschikbaar{box-shadow:0 0 0 2px var(--er-kleur-accent),0 0 22px #5fd7ff66}.er-hotspot--bezig{box-shadow:0 0 0 2px var(--er-kleur-accent),0 0 22px #5fd7ff66;animation:er-puls-bezig 2.4s ease-in-out infinite}.er-hotspot--afgerond{box-shadow:0 0 0 2px #3ddc9773}.er-hotspot__badge{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1}.er-hotspot__badge--circle{border-radius:50%}.er-hotspot__badge--vergrendeld{background:#050c16d9;color:#fff}.er-hotspot__badge--beschikbaar,.er-hotspot__badge--bezig{background:#121b30e6;border:2px solid var(--er-kleur-accent);color:var(--er-kleur-accent)}.er-hotspot__badge--afgerond{background:#14592df2;color:#fff}.er-hotspot__badge--rect{border-radius:var(--er-radius-klein);background-color:#060a12;background-image:none;border-color:#5fd7ff8c}.er-hotspot-popup{--er-popup-x: -50%;position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(var(--er-popup-x)) scale(.92);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border-radius:999px;background:#05131feb;border:1px solid var(--er-kleur-accent);color:var(--er-kleur-tekst);font-size:.75rem;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.er-hotspot-popup--links{--er-popup-x: 0;left:0;transform-origin:left bottom}.er-hotspot-popup--rechts{--er-popup-x: 0;left:auto;right:0;transform-origin:right bottom}.er-hotspot-popup--onder{bottom:8px;top:auto}.er-hotspot:hover,.er-hotspot:focus-visible{z-index:var(--er-z-hotspot-actief)}.er-hotspot:hover .er-hotspot-popup,.er-hotspot:focus-visible .er-hotspot-popup{opacity:1;visibility:visible;transform:translate(var(--er-popup-x)) scale(1)}@media(hover:none){.er-hotspot:hover:not(:focus-visible) .er-hotspot-popup{opacity:0;visibility:hidden}}.er-hotspot-popup__titel{color:var(--er-kleur-tekst-gedempt);font-weight:500}.er-hotspot-popup__knop{padding:2px 10px;border-radius:999px;background:var(--er-kleur-accent);color:var(--er-kleur-tekst-op-accent)}@media(prefers-reduced-motion:reduce){.er-hotspot-popup{transition:none}}.er-kamerkop{position:sticky;top:0;z-index:var(--er-z-sticky-header)}:root:has(.er-kamerkop){scroll-padding-top:var(--er-kamerkop-hoogte)}.er-kamerscherm-topbar{display:flex;align-items:center;gap:12px;padding:4px 16px;background:var(--er-kleur-oppervlak);border-bottom:1px solid var(--er-kleur-rand)}.er-kamerscherm-topbar__terug{width:auto;min-width:auto;margin-top:0;padding:4px 14px;flex-shrink:0}.er-kamerscherm-topbar__titel{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.er-kamer{flex:1;padding:20px;max-width:720px;margin:0 auto;width:100%}.er-kamer__kop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.er-timer{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;margin:12px 0 20px}.er-timer--laag{color:var(--er-kleur-fout)}.er-stappenlijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.er-stap{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand)}.er-stap--afgerond{border-color:var(--er-kleur-succes)}.er-stap__inhoud{text-align:left}.er-stap__titel{font-weight:700;display:block}.er-stap__tekst{color:var(--er-kleur-tekst-gedempt);margin-top:4px}.er-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1220d9;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;z-index:var(--er-z-overlay)}.er-overlay__kaart{max-width:420px;border:1px solid var(--er-kleur-rand);border-radius:var(--er-radius);padding:28px}.er-knop--klein{width:auto;margin-top:0;padding:8px 14px;font-size:.9rem}.er-briefing__duur{font-weight:700;color:var(--er-kleur-accent)}.er-bericht{border-radius:var(--er-radius-klein);padding:14px 16px;margin-bottom:16px;text-align:left}.er-bericht__label{font-weight:700;margin-bottom:6px;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}.er-bericht__regel:last-child{margin-bottom:0}.er-bericht--meldkamer{background:#5fd7ff1a;border:1px solid var(--er-kleur-accent)}.er-bericht--meldkamer .er-bericht__label{color:var(--er-kleur-accent)}.er-bericht--glitch{background:#ff8a8a1f;border:1px solid var(--er-kleur-fout);animation:er-glitch-flikker 1.6s steps(2,jump-none) infinite}.er-bericht--glitch .er-bericht__label{color:var(--er-kleur-fout)}@keyframes er-glitch-flikker{0%,to{border-color:var(--er-kleur-fout);box-shadow:none}50%{border-color:var(--er-kleur-fout-tekst);box-shadow:0 0 14px #ff8a8a80}}@media(prefers-reduced-motion:reduce){.er-bericht--glitch{animation:none}}.er-intro{max-width:640px;margin:0 auto;text-align:center}.er-intro__kanaal{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--er-kleur-tekst-gedempt)}.er-intro__kanaal-lamp{width:10px;height:10px;border-radius:50%;background:var(--er-kleur-succes)}.er-intro__log{text-align:left}.er-intro__log .er-bericht__regel{margin-bottom:.45em}.er-intro__log--tikbaar{cursor:pointer}.er-intro__bediening{margin-top:4px}.er-intro__hint{font-size:.9rem;color:var(--er-kleur-tekst-gedempt);margin-bottom:8px}.er-intro__knoppen{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.er-bericht__kop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.er-bericht__tijd{font-variant-numeric:tabular-nums;font-weight:500}.er-bericht__voorlees{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:var(--er-klikdoel-min);padding:4px 12px;margin:-8px -6px 0 0;border-radius:999px;border:1px solid var(--er-kleur-rand);background:var(--er-kleur-oppervlak);color:var(--er-kleur-tekst);font-size:.85rem;font-weight:600}.er-bericht__voorlees[aria-disabled=true],.er-voorleesbalk .er-knop[aria-disabled=true]{opacity:.55;cursor:not-allowed}.er-bericht--klinkt{box-shadow:0 0 0 2px var(--er-kleur-accent)}.er-icoon-luidspreker{width:18px;height:18px;flex-shrink:0}.er-voorleesbalk{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin-bottom:14px}.er-voorleesbalk .er-knop{display:inline-flex;align-items:center;gap:6px}.er-voorleesbalk__uitleg{flex-basis:100%;margin:0;font-size:.85rem;color:var(--er-kleur-tekst-gedempt)}.er-bericht--meldkamer .er-bericht__regel--binnen{animation:er-regel-binnen .25s ease-out}.er-bericht--glitch .er-bericht__regel--binnen{animation:er-glitch-intree .25s steps(4,jump-none)}@keyframes er-regel-binnen{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes er-glitch-intree{0%{opacity:0;transform:translate(-6px) skew(-8deg);color:var(--er-kleur-fout)}40%{opacity:1;transform:translate(4px);color:var(--er-kleur-fout-tekst)}70%{transform:translate(-2px) skew(4deg);color:var(--er-kleur-fout)}to{transform:none}}.er-transmissie{display:flex;align-items:center;gap:5px;margin:0;color:var(--er-kleur-tekst-gedempt);font-size:.85rem}.er-transmissie__stip{width:7px;height:7px;border-radius:50%;background:currentColor;animation:er-transmissie-puls .9s ease-in-out infinite}.er-transmissie__stip:nth-child(2){animation-delay:.15s}.er-transmissie__stip:nth-child(3){animation-delay:.3s}.er-transmissie__tekst{margin-left:4px}@keyframes er-transmissie-puls{0%,to{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.er-bericht__regel--binnen,.er-transmissie__stip{animation:none}}.er-open-vraag{margin:16px 0;text-align:left}.er-veld--tekstvak{min-height:60px;text-transform:none;letter-spacing:normal;font-size:1rem;text-align:left}.er-open-vraag__hulp{color:var(--er-kleur-tekst-gedempt);font-size:.85rem;margin-top:4px}.er-open-vraag__hulp--privacy{color:var(--er-kleur-waarschuwing)}.er-feedback{margin:12px 0;padding:12px 14px;border-radius:var(--er-radius-klein);background:#ffd1661a;border:1px solid var(--er-kleur-waarschuwing);text-align:left}.er-feedback__intro{font-weight:700;margin-bottom:6px}.er-feedback li{margin-bottom:4px}.er-hintblok{margin:16px 0;text-align:left}.er-hintblok__lijst{list-style:none;padding:0;margin:0 0 8px}.er-hintblok__lijst li{padding:8px 10px;border-radius:var(--er-radius-klein);background:var(--er-kleur-oppervlak-verhoogd);margin-bottom:6px}.er-hintblok__bevestiging{padding:12px 14px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand)}.er-hintblok__knoppen{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.er-hintblok__leeg{color:var(--er-kleur-tekst-gedempt);font-size:.9rem}.er-kamerlayout__topbalk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:16px}.er-kamerkop .er-kamerlayout__topbalk{margin:0;padding:4px max(16px,calc((100% - 720px)/2 + 20px));background:var(--er-kleur-oppervlak);border-bottom:1px solid var(--er-kleur-rand)}.er-kamerkop .er-timer{font-size:1.5rem;line-height:1.2;margin:0}.er-kamerlayout__stapteller{font-weight:700;margin:0}.er-kamerlayout__stapteller-kort{display:none}@media(max-height:700px){.er-kamerlayout__stapteller-kort{display:inline}.er-kamerlayout__stapteller-lang{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}.er-fragmentsloten{display:flex;gap:8px}.er-fragmentsloten__slot{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:4px 8px;border-radius:var(--er-radius-klein);border:1px dashed var(--er-kleur-rand);color:var(--er-kleur-tekst-gedempt);font-variant-numeric:tabular-nums;font-size:.85rem}.er-fragmentsloten__slot--gevuld{border-style:solid;border-color:var(--er-kleur-succes);color:var(--er-kleur-tekst);font-weight:700}.er-terugkijk{margin-bottom:16px}.er-terugkijk summary{cursor:pointer;font-weight:700}.er-afrondscherm__fragment{margin:12px 0;padding:14px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-succes);background:color-mix(in srgb,var(--er-kleur-succes) 16%,var(--er-kleur-oppervlak));text-align:center}.er-afrondscherm__fragment-waarde{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.er-afrondscherm__archief{margin:12px 0;text-align:center}.er-afrondscherm__inhoud{margin-bottom:8px}.er-afrondscherm__test{margin:12px 0;font-weight:700}.er-archief-sticker.er-archief-sticker--groot{width:min(520px,100%);margin:0 auto}.er-stapkaart{position:relative;text-align:left}.er-stap__aanleiding,.er-stap__opdracht,.er-stap__roltip{margin-bottom:12px}.er-stap__roltip{color:var(--er-kleur-tekst-gedempt);font-style:italic}.er-stap__uitleg summary{cursor:pointer;font-weight:700;margin-bottom:8px}.er-ncdv-tip-tekst{padding:10px 14px;border-radius:var(--er-radius-klein);background:#5fd7ff14;border-left:3px solid var(--er-kleur-accent)}.er-kaartenstapel{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.er-kaartenstapel__leeg{color:var(--er-kleur-tekst-gedempt)}.er-kaart{display:inline-flex;align-items:center;gap:8px;min-height:var(--er-klikdoel-min);padding:8px 14px;border-radius:var(--er-radius-klein);border:2px solid var(--er-kleur-rand);background:var(--er-kleur-oppervlak-verhoogd);color:var(--er-kleur-tekst);font-weight:600}.er-kaart[aria-pressed=true]{border-color:var(--er-kleur-accent);box-shadow:0 0 0 1px var(--er-kleur-accent)}.er-kaart--geplaatst{background:color-mix(in srgb,var(--er-kleur-succes) 18%,var(--er-kleur-oppervlak-verhoogd));border-color:var(--er-kleur-succes)}.er-kaart__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--er-kleur-accent);color:var(--er-kleur-tekst-op-accent);font-size:.75rem;font-weight:700}.er-koppelen{--er-werkvlak-breedte: min(100vw - 40px, 1200px);--er-zoekplaat-max-h: min(46vh, calc(100vh - var(--er-kamerkop-hoogte) - 32px))}@media(max-height:800px){.er-koppelen{--er-zoekplaat-max-h: min(56vh, calc(100vh - var(--er-kamerkop-hoogte) - 32px))}}@media(min-width:1600px){.er-koppelen{--er-werkvlak-breedte: min(100vw - 40px, 1500px)}}@media(min-width:700px){.er-koppelen__werkvlak--zoekplaat{width:var(--er-werkvlak-breedte);margin-left:calc((100% - var(--er-werkvlak-breedte)) / 2)}}@media(min-width:1100px){.er-koppelen__werkvlak--zoekplaat{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}.er-koppelen__werkvlak--zoekplaat .er-kaartenrail{position:relative;align-self:stretch;min-height:160px}.er-koppelen__werkvlak--zoekplaat .er-kaartenstapel{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:2px 6px 2px 2px;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overscroll-behavior:contain}.er-koppelen__werkvlak--zoekplaat .er-kaart{flex-shrink:0;width:100%;padding:6px 10px;font-size:.9rem;line-height:1.35;text-align:left}.er-koppelen__werkvlak--zoekplaat .er-zoekplaat{margin-bottom:0}}.er-zoekplaat{position:relative;width:min(100%,calc(var(--er-zoekplaat-max-h) * var(--er-scene-verhouding, 1.7778)));margin:0 auto 16px;border-radius:var(--er-radius);border:1px solid var(--er-kleur-rand);overflow:hidden}.er-zoekplaat>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.er-kaart--sleepbaar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.er-kaart--bron-sleept{opacity:.4}.er-kaart--sleept{cursor:grabbing;transform:scale(1.05);box-shadow:0 10px 28px #00000073;border-color:var(--er-kleur-accent);max-width:320px}.er-doelzone{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:12px;margin:-12px;border-radius:var(--er-radius)}.er-doelzone--over{background:#5fd7ff24;box-shadow:0 0 0 3px var(--er-kleur-accent)}.er-doelzone--puls{animation:er-doel-puls .7s ease-out}@keyframes er-doel-puls{0%{box-shadow:0 0 0 0 var(--er-kleur-accent)}to{box-shadow:0 0 0 14px #5fd7ff00}}@media(prefers-reduced-motion:reduce){.er-kaart--sleept{transform:none}.er-doelzone--puls{animation:none;box-shadow:0 0 0 3px var(--er-kleur-accent)}}.er-scene-stub__achtergrond{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,var(--er-kleur-oppervlak),var(--er-kleur-oppervlak) 20px,var(--er-kleur-oppervlak-verhoogd) 20px,var(--er-kleur-oppervlak-verhoogd) 40px)}.er-zoekplaat__object{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%)}.er-doelzone--vlak{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:-12px}.er-zoekplaat__doel{position:relative;display:block;width:100%;height:100%;min-width:var(--er-klikdoel-min);min-height:var(--er-klikdoel-min);padding:0;border-radius:var(--er-radius-klein);border:2px dashed color-mix(in srgb,var(--er-kleur-rand) 75%,transparent);background:transparent;color:var(--er-kleur-tekst)}.er-zoekplaat__doel>svg{display:block;width:100%;height:100%}.er-zoekplaat__doel:hover{border-color:var(--er-kleur-accent)}.er-zoekplaat__doel--geplaatst{border-style:solid;border-color:var(--er-kleur-accent);background:#5fd7ff1a}.er-zoekplaat__merk{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:2px dashed var(--er-kleur-rand);background:#05131fd9;color:var(--er-kleur-tekst);font-size:.9rem;font-weight:700;line-height:1}.er-zoekplaat__merk--letter{border:2px solid var(--er-kleur-accent);background:var(--er-kleur-accent);color:var(--er-kleur-tekst-op-accent)}.er-zoekplaat{container-type:inline-size}.er-zoekplaat__label{position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%);width:max-content;max-width:170px;max-width:min(17cqw,170px);padding:2px 6px;border-radius:var(--er-radius-klein);background:#05131fc7;color:var(--er-kleur-tekst-gedempt);font-size:.875rem;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;pointer-events:none}.er-zoekplaat__label--onder-2{top:calc(100% + 46px)}.er-zoekplaat__label--boven{top:auto;bottom:calc(100% + 4px)}.er-zoekplaat__label--begin{left:0;transform:none;max-width:150px;max-width:min(13cqw,150px)}.er-zoekplaat__label--eind{left:auto;right:0;transform:none;max-width:160px;max-width:min(15cqw,160px)}.er-zoekplaat-geplaatst{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:6px}.er-zoekplaat-geplaatst__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand);background:var(--er-kleur-oppervlak-verhoogd)}.er-zoekplaat-geplaatst__tekst{flex:1}.er-zoekplaat-geplaatst .er-knop{width:auto;margin-top:0}.er-zoekplaat-lijst{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.er-zoekplaat-lijst__item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand)}.er-zoekplaat-lijst__beeld{width:40px;height:40px;flex-shrink:0}.er-zoekplaat-lijst__label{flex:1}.er-zoekplaat-lijst__doel{min-width:var(--er-klikdoel-min);min-height:var(--er-klikdoel-min);padding:6px 10px;border-radius:var(--er-radius-klein);border:2px dashed var(--er-kleur-rand);background:#05131fb3;color:var(--er-kleur-tekst);font-weight:600;text-align:center}.er-schema{margin-bottom:16px}.er-schema__systeem{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:700}.er-schema__systeem>svg{display:block;flex-shrink:0;width:240px;max-width:100%;height:240px}@media(max-width:699px){.er-schema__systeem>svg{width:180px;height:180px}}.er-schema__vakken{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.er-schema__vak{flex:1;min-width:140px;padding:12px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand);display:flex;flex-direction:column;gap:8px}.er-schema__vak-label{font-weight:700;margin:0}.er-schema__vak-kaarten{display:flex;flex-direction:column;gap:6px}.er-schema__vak-doel{min-height:var(--er-klikdoel-min);border:2px dashed var(--er-kleur-rand);border-radius:var(--er-radius-klein);background:transparent;color:var(--er-kleur-tekst-gedempt)}.er-schema .er-doelzone{align-items:stretch;width:100%}.er-schema__pijl{align-self:center;font-size:1.4rem;color:var(--er-kleur-accent)}.er-halfgewist{margin-top:16px;padding:14px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-fout)}.er-halfgewist__titel{font-weight:700}.er-halfgewist__rij{display:flex;align-items:center;gap:14px}.er-halfgewist__kolom{flex:1}.er-halfgewist__gewist{font-size:1.4rem;letter-spacing:4px;color:var(--er-kleur-fout)}.er-archief__kolommen{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}@media(max-width:699px){.er-archief__kolommen{grid-template-columns:1fr}}.er-archief__kolom h3{margin-bottom:10px}.er-archief__bestandenlijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.er-archief__leeg{color:var(--er-kleur-tekst-gedempt);font-size:.9rem}.er-archief__mappen-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.er-bestand{padding:8px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand)}.er-bestand__kies{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--er-klikdoel-min);background:transparent;border:none;color:var(--er-kleur-tekst);text-align:left}.er-bestand__naam{font-weight:600}.er-bestand__voorbeeld{margin-top:6px;padding:8px 10px;border-radius:var(--er-radius-klein);background:var(--er-kleur-oppervlak-verhoogd);font-size:.9rem}.er-bestand__hernoem{display:block;margin-top:8px;font-size:.85rem}.er-bestand__hernoem-veld{display:flex;align-items:center;gap:6px;margin-top:4px}.er-bestand__hernoem-veld input{flex:1;text-transform:none;letter-spacing:normal;font-size:.95rem}.er-map{margin-bottom:14px;padding:10px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand)}.er-map__naam{width:100%;margin-bottom:8px;text-transform:none;letter-spacing:normal;font-weight:700;text-align:left}.er-map__naam--knop{min-height:var(--er-klikdoel-min);background:var(--er-kleur-oppervlak-verhoogd);border:2px solid var(--er-kleur-rand);border-radius:var(--er-radius-klein);padding:8px 12px;color:var(--er-kleur-tekst)}.er-map__doel{width:100%;min-height:var(--er-klikdoel-min);margin-top:6px;border:2px dashed var(--er-kleur-rand);border-radius:var(--er-radius-klein);background:transparent;color:var(--er-kleur-tekst-gedempt)}.er-controleurkaart{margin:12px 0;padding:14px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-accent);background:#5fd7ff0f;text-align:left}.er-stappenplankaart{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:12px 14px;margin:0 0 16px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand);background:var(--er-kleur-oppervlak-verhoogd);text-align:left}.er-stappenplankaart li{flex:1 1 160px}.er-storing{text-align:left}.er-storing>svg{display:block;width:240px;max-width:100%;height:240px;margin:0 auto 12px}@media(max-width:699px){.er-storing>svg{width:180px;height:180px}}.er-storing__beschrijving{margin-bottom:8px}.er-storing__scherm{font-family:monospace;padding:10px 12px;border-radius:var(--er-radius-klein);background:#05131f;border:1px solid var(--er-kleur-rand);margin-bottom:12px}.er-storing__scherm--glitch{border-color:var(--er-kleur-fout);color:var(--er-kleur-fout-tekst);animation:er-glitch-flikker 1.6s steps(2,jump-none) infinite}@media(prefers-reduced-motion:reduce){.er-storing__scherm--glitch{animation:none}}.er-ketenbalk,.er-checkvak{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.er-ketenbalk__schakel{min-height:var(--er-klikdoel-min);padding:8px 14px;border-radius:999px;border:2px solid var(--er-kleur-rand);background:var(--er-kleur-oppervlak-verhoogd);color:var(--er-kleur-tekst)}.er-ketenbalk__schakel[aria-pressed=true]{border-color:var(--er-kleur-accent);background:#5fd7ff26}.er-storing__stapknoppen{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.er-storing__stapknop{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.er-storing__stapknop-vergrendeld{margin:0;font-size:.85em;color:var(--er-kleur-tekst-gedempt)}.er-storing__mislukt{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}.er-storing__mislukt li{padding:8px 10px;border-radius:var(--er-radius-klein);background:#ff8a8a1a;border:1px solid var(--er-kleur-fout)}.er-beeld-stub{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:8px;border-radius:var(--er-radius-klein);border:1px dashed var(--er-kleur-rand);background:var(--er-kleur-oppervlak-verhoogd);text-align:center;padding:4px}.er-beeld-stub__label{font-size:.65rem;color:var(--er-kleur-tekst-gedempt);word-break:break-word}.er-beeld-storing{border-color:var(--er-kleur-fout);animation:er-glitch-flikker 1.6s steps(2,jump-none) infinite}@media(prefers-reduced-motion:reduce){.er-beeld-storing{animation:none}}.er-finale__sloten{display:flex;gap:10px;margin:12px 0 20px;flex-wrap:wrap}.er-finale__slot{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:6px 10px;border-radius:var(--er-radius-klein);border:1px dashed var(--er-kleur-rand);font-variant-numeric:tabular-nums;font-weight:700}.er-finale__slot--gevuld{border-style:solid;border-color:var(--er-kleur-succes)}.er-afsluiting{max-width:640px;margin:0 auto;text-align:left}.er-herstelmoment{padding:24px;border-radius:var(--er-radius);text-align:center;margin-bottom:16px;background:#ff8a8a26;border:1px solid var(--er-kleur-fout);animation:er-glitch-flikker 1.6s steps(2,jump-none) infinite;transition:background 1.2s ease,border-color 1.2s ease}.er-herstelmoment--hersteld{background:#5fd7ff1a;border-color:var(--er-kleur-accent);animation:none}@media(prefers-reduced-motion:reduce){.er-herstelmoment{animation:none}}.er-spoorkaart,.er-leerkaart{margin:16px 0;padding:16px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand)}.er-spoorkaart__bestand{font-family:monospace;font-weight:700}.er-spoorkaart__regel{font-family:monospace;color:var(--er-kleur-tekst-gedempt)}.er-spoorkaart__bewaar{font-weight:700;color:var(--er-kleur-accent)}.er-leerkaart__kolommen{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:699px){.er-leerkaart__kolommen{grid-template-columns:1fr}}.er-leerkaart__leerbewijs dt{font-weight:700;margin-top:10px}.er-leerkaart__leerbewijs dd{margin:4px 0 0;color:var(--er-kleur-tekst-gedempt)}.er-werkblad-aanwijzing{display:flex;align-items:center;gap:12px;margin:8px 0 16px;padding:12px 14px;border-radius:var(--er-radius-klein);background:#ffd1661a;border:1px solid #ffd166;color:var(--er-kleur-tekst)}.er-werkblad-aanwijzing__icoon{flex-shrink:0;color:#ffd166}.er-codevakken{display:flex;flex-direction:column;gap:12px;margin:16px 0}.er-codevak{padding:12px 14px;border-radius:var(--er-radius-klein);border:1px dashed var(--er-kleur-rand);background:var(--er-kleur-oppervlak-verhoogd)}.er-codevak__label{font-weight:700;margin:0 0 6px}.er-codevak__hulp{margin:0 0 8px;color:var(--er-kleur-tekst-gedempt)}.er-codevak input{margin-bottom:8px;max-width:220px}.er-codevak--opgelost{border-style:solid;border-color:var(--er-kleur-succes)}.er-codevak--opgelost .er-codevak__bevestiging{margin:0;color:var(--er-kleur-succes)}.er-codevak--uitgeschakeld{opacity:.7}.er-codevak--uitgeschakeld .er-codevak__uitleg{margin:0;color:var(--er-kleur-tekst-gedempt);font-style:italic}.er-storing__codevak{margin-top:16px;padding-top:12px;border-top:1px dashed var(--er-kleur-rand)}.er-archief-gevonden{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.er-archief-gevonden__item{padding:10px 12px;border-radius:var(--er-radius-klein);border:1px solid var(--er-kleur-rand);background:var(--er-kleur-oppervlak-verhoogd)}.er-archief-gevonden__item--herbekeken{margin-top:6px}.er-archief-gevonden__inhoud{margin:0 0 6px}.er-archief-gevonden__beeld{width:56px;height:56px}.er-archief-sticker{width:min(320px,100%)}.er-archief-sticker svg{width:100%;height:auto}.er-koppelen--opgelost .er-zoekplaat__doel,.er-koppelen--opgelost .er-schema__vak-doel,.er-koppelen--opgelost .er-zoekplaat-lijst__doel{pointer-events:none}.er-finale--kluis{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.er-kluis{width:240px;max-width:100%}.er-kluis svg{width:100%;height:auto}.er-kluis--open svg{animation:er-kluis-open .5s ease-out}@media(prefers-reduced-motion:reduce){.er-kluis--open svg{animation:none}}@keyframes er-kluis-open{0%{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.er-kluis__vakken{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.er-kluis__vak{display:flex;flex-direction:column;gap:4px;min-width:110px}.er-kluis__vak input{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}