@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800-cijfers.woff2) format("woff2");unicode-range:U+25,U+2B-39,U+54,U+D7,U+2212}:root{color-scheme:dark;--grond: #111213;--vlak: #1B1C1F;--vlak-2: #25272B;--naad: rgba(255, 255, 255, .08);--rand: #6B6E75;--inkt: #F5F5F4;--inkt-2: #A8A9AD;--inkt-3: #8B8D93;--strook: #0A0A0B;--accent: #FFFFFF;--accent-tekst: #FFFFFF;--op-accent: #111213;--up: #3DDC97;--up-lip: #23A06C;--up-tekst: #6BE6B0;--up-vlak: #0F2A20;--leert: #F5C542;--leert-tekst: #F5D06B;--leert-vlak: #2B2410;--fout: #FF6B6B;--fout-tekst: #FF8E8E;--fout-vlak: #321719;--op-fout: #111213;--down: #3A3C42;--schaduw-zwevend: 0 12px 32px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .4);--schaduw-blad: 0 -8px 30px rgba(0, 0, 0, .55);--glas: rgba(27, 28, 31, .78);--glas-rand: rgba(255, 255, 255, .08);--dim: rgba(0, 0, 0, .55);--letter: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, sans-serif;--letter-display: "Segoe UI Variable Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--letter-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--t-titel-groot: 700 2rem/1.12 var(--letter-display);--s-titel-groot: -.022em;--t-titel: 700 1.3rem/1.22 var(--letter-display);--s-titel: -.016em;--t-vraag: 600 1.25rem/1.34 var(--letter-display);--s-vraag: -.014em;--t-kop: 600 1rem/1.3 var(--letter);--s-kop: -.012em;--t-tekst: 400 1rem/1.47 var(--letter);--s-tekst: -.01em;--t-lees: 400 1rem/1.62 var(--letter);--t-klein: 400 .88rem/1.4 var(--letter);--s-klein: -.006em;--t-label: 600 .765rem/1.3 var(--letter);--s-label: 0;--t-mini: 600 .71rem/1.25 var(--letter);--s-mini: .01em;--t-cijfer: 700 2.6rem/1 var(--letter-display);--s-cijfer: -.03em;--t-code: 500 .88rem/1.5 var(--letter-mono);--r-1: .25rem;--r-2: .5rem;--r-3: .75rem;--r-4: 1rem;--r-5: 1.25rem;--r-6: 1.5rem;--r-8: 2rem;--r-10: 2.5rem;--r-12: 3rem;--r-16: 4rem;--zijmarge: 1rem;--straal-knoop: 10px;--straal-knop: 14px;--straal-veld: 12px;--straal-vlak: 20px;--straal-tegel: 26px;--straal-blad: 14px;--onderrand: 0px;--doel: 2.6rem;--duur-tik: .1s;--duur-kort: .16s;--duur: .24s;--duur-max: .3s;--uit: cubic-bezier(.22, 1, .36, 1);--in-uit: cubic-bezier(.65, 0, .35, 1);--veer: linear(0, .057, .18, .32, .455, .573, .671, .75, .812, .86, .896, .924, .944, .96, .971, .979, .985, .989, .992, .994, 1);--duur-veer: 257ms;--veer-los: linear(0, .054, .182, .339, .5, .645, .767, .863, .934, .983, 1.014, 1.031, 1.038, 1.038, 1.034, 1.029, 1.023, 1.017, 1.011, 1.007, 1);--duur-veer-los: 218ms;--focus: #FFFFFF;--zwart: #000000;--lint-inkt: #3A2A06;--textuur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg stroke='%23fff' stroke-opacity='.1' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M20 24l12 7M104 16l-3 13M78 76l13-4M140 98l-9 9M34 118l3 13M118 142l13 2'/%3E%3C/g%3E%3C/svg%3E");--w-anw: #FF6B4A;--w-dynamic: #A98BEB;--w-scripting: #F2C230;--w-tooling: #7ED9B8;--w-cloud: #5AA9E6;--w-iot: #9CCB2F;--cijferletter: "Barlow Condensed", "SF Pro Display", system-ui, sans-serif}html{font-size:106.25%}@supports (font: -apple-system-body){html{font:-apple-system-body}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--grond)}body{margin:0;min-height:100%;background:var(--grond);color:var(--inkt);font:var(--t-tekst);letter-spacing:var(--s-tekst);font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ol,ul,figure,dl,dd{margin:0}ol,ul{padding:0;list-style:none}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}img,svg{display:block}b,strong{font-weight:600}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent);color:inherit}input,textarea{caret-color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}@media(hover:hover)and (pointer:fine){*{scrollbar-width:thin;scrollbar-color:var(--naad) transparent}}.cijfer,.tabel,td,.telling{font-variant-numeric:tabular-nums}.code{font:var(--t-code);letter-spacing:0}.stil{color:var(--inkt-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.titel-groot{font:var(--t-titel-groot);letter-spacing:var(--s-titel-groot);text-wrap:balance}.titel{font:var(--t-titel);letter-spacing:var(--s-titel);text-wrap:balance}.kop{font:var(--t-kop);letter-spacing:var(--s-kop)}.klein{font:var(--t-klein);letter-spacing:var(--s-klein)}.label{font:var(--t-label);letter-spacing:var(--s-label)}.sectie{margin-top:var(--r-8)}.sectie>.kop,.sectie__kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--r-3);margin-bottom:var(--r-3);font:var(--t-titel);font-size:1.12rem;letter-spacing:var(--s-titel)}.sectie__kop small{font:var(--t-klein);color:var(--inkt-3);letter-spacing:0}.knop{--knop-vlak: var(--vlak-2);--knop-inkt: var(--inkt);display:inline-flex;align-items:center;justify-content:center;gap:var(--r-2);min-height:3.1rem;padding:0 var(--r-6);border-radius:999px;background:var(--knop-vlak);color:var(--knop-inkt);font:var(--t-kop);letter-spacing:var(--s-kop);text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform var(--duur-veer-los) var(--veer-los)}.knop:active:not(:disabled){transform:scale(.97);transition-duration:var(--duur-tik);transition-timing-function:var(--uit)}.knop:disabled{cursor:default;--knop-vlak: var(--vlak-2);--knop-inkt: var(--inkt-3)}.knop svg{width:1.25rem;height:1.25rem;flex:none}.knop--primair{--knop-vlak: var(--accent);--knop-inkt: var(--op-accent)}.knop--goed{--knop-vlak: var(--up);--knop-inkt: var(--op-accent)}.knop--fout{--knop-vlak: var(--fout);--knop-inkt: var(--op-fout)}.knop--breed{display:flex;width:100%}.knop--groot{min-height:3.4rem;font-size:1.06rem}.tekstknop{display:inline-flex;align-items:center;gap:var(--r-1);min-height:var(--doel);padding:0 var(--r-2);margin:0 calc(var(--r-2) * -1);color:var(--accent-tekst);font:var(--t-kop);letter-spacing:var(--s-kop);border-radius:10px;transition:opacity var(--duur-tik) var(--uit)}.tekstknop:active{opacity:.45}.tekstknop svg{width:1.3rem;height:1.3rem}.tekstknop--stil{color:var(--inkt-2)}.knoop{--maat: 1.75rem;--vulling: 0;--knoop-rand: var(--down);position:relative;flex:none;width:var(--maat);height:var(--maat);border-radius:var(--straal-knoop);background:var(--vlak);overflow:hidden}.knoop:before,.knoop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.knoop:before{background:var(--leert);transform:scaleY(var(--vulling));transform-origin:50% 100%}.knoop:after{box-shadow:inset 0 0 0 2px var(--knoop-rand)}.knoop[data-stand=up]{--knoop-rand: var(--up-lip)}.knoop[data-stand=up]:before{background:var(--up)}.knoop[data-stand=leert],.knoop[data-stand=bijna]{--knoop-rand: var(--leert-tekst)}.knoop[data-stand=slot]{--knoop-rand: var(--naad);background:repeating-linear-gradient(135deg,transparent 0 4px,var(--vlak-2) 4px 6px),var(--vlak)}.knoop__vink{position:absolute;z-index:1;top:22%;right:22%;bottom:22%;left:22%;width:auto;height:auto;color:var(--op-accent)}.knoop--hier{outline:2.5px solid var(--accent);outline-offset:3px}.keten{--knoopmaat: .7rem;display:flex;align-items:center;width:100%}.keten__stap{display:flex;align-items:center;flex:1 1 0;min-width:0}.keten__stap:first-child{flex:0 0 auto}.keten__stap:before{content:"";flex:1;height:2px;margin:0 2px;background:linear-gradient(to right,var(--down) 55%,transparent 0) 0 0 / 5px 2px repeat-x}.keten__stap:first-child:before{display:none}.keten__stap[data-link=up]:before{background:var(--up)}.keten__knoop{position:relative;flex:none;width:var(--knoopmaat);height:var(--knoopmaat);border-radius:3px;box-shadow:inset 0 0 0 2px var(--knoopkleur, var(--down));transition:transform var(--duur-veer-los) var(--veer-los)}.keten__stap[data-stand=goed] .keten__knoop{background:var(--up);box-shadow:none}.keten__stap[data-stand=fout] .keten__knoop{box-shadow:inset 0 0 0 2px var(--fout);background:linear-gradient(135deg,transparent 42%,var(--fout) 42% 58%,transparent 58%)}.keten__stap[data-stand=nu] .keten__knoop{box-shadow:inset 0 0 0 2px var(--accent);transform:scale(1.3)}.lijst{background:var(--vlak);border-radius:var(--straal-vlak);overflow:hidden}.lijst>li+li{box-shadow:inset 0 1px 0 var(--naad)}.lijst__rij{display:flex;align-items:center;gap:var(--r-3);width:100%;min-height:3.4rem;padding:var(--r-3) var(--r-4);text-align:left;color:var(--inkt);transition:background-color var(--duur-tik) var(--uit)}button.lijst__rij:active{background:var(--vlak-2)}.lijst__tekst{flex:1;min-width:0}.lijst__tekst b{display:block;font:var(--t-kop);letter-spacing:var(--s-kop)}.lijst__tekst small{display:block;margin-top:2px;color:var(--inkt-3);font:var(--t-klein)}.lijst__pijl{flex:none;width:1.1rem;height:1.1rem;color:var(--inkt-3)}.melding{display:grid;grid-template-columns:auto 1fr;gap:var(--r-1) var(--r-3);align-items:start;padding:var(--r-3) var(--r-4);border-radius:var(--straal-vlak);background:var(--vlak);font:var(--t-klein);letter-spacing:var(--s-klein);color:var(--inkt-2)}.melding>svg{width:1.25rem;height:1.25rem;margin-top:1px;color:var(--inkt-3)}.melding>:not(svg){grid-column:2}.melding b{color:var(--inkt);font-weight:600}.melding .knop{justify-self:start;margin-top:var(--r-2)}.melding--bron{background:var(--leert-vlak);box-shadow:none;color:var(--inkt)}.melding--bron>svg{color:var(--leert-tekst)}.melding--fout{background:var(--fout-vlak);box-shadow:none;color:var(--inkt)}.melding--fout>svg{color:var(--fout-tekst)}.skelet{display:grid;gap:var(--r-3)}.skelet i{display:block;height:1rem;border-radius:6px;background:var(--vlak-2)}.skelet i:nth-child(1){height:2.6rem;width:45%}.skelet i:nth-child(3){width:80%}.skelet i:nth-child(4){width:60%}.leeg{padding:var(--r-6) 0}.leeg__kop{font:var(--t-titel);font-size:1.12rem;letter-spacing:var(--s-titel)}.leeg__tekst{margin-top:var(--r-2);color:var(--inkt-2);max-width:36ch}.leeg .knop{margin-top:var(--r-5)}html:has(.tel),html:has(.tel) body{overflow:hidden;overscroll-behavior:none;height:100%}html:has(.tel){height:calc(100% + var(--ios-gat, 0px))}.tel{--tabbalk: 3.7rem;--tabbalk-onder: calc(env(safe-area-inset-bottom, 0px) + .35rem) ;--onder-vrij: calc(var(--tabbalk) + var(--tabbalk-onder) + var(--r-4));position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--strook);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.tel__tab{position:absolute;inset:env(safe-area-inset-top,0px) 0 0;visibility:hidden}.tel__tab--aan{visibility:visible}.tel__scherm{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--grond)}.los .tel__scherm,.los .tel__modaal{border-radius:var(--straal-blad) var(--straal-blad) 0 0}.tel__scherm--onder{visibility:hidden}.tel__schaduw{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:var(--dim);opacity:0;pointer-events:none}.tel__body{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:3.3rem var(--zijmarge) var(--onder-vrij)}.tel__body:focus{outline:none}.tel__nav{position:absolute;inset:0 0 auto;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:2.9rem;padding:0 var(--r-2);transition:background-color var(--duur) var(--uit),box-shadow var(--duur) var(--uit)}.tel__nav--vast{background:var(--glas);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 var(--naad)}.tel__titel{max-width:58vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-kop);letter-spacing:var(--s-kop);opacity:0;transform:translateY(4px);transition:opacity var(--duur-kort) var(--uit),transform var(--duur-kort) var(--uit)}.tel__nav--vast .tel__titel{opacity:1;transform:none}.tel__terug{justify-self:start;display:inline-flex;align-items:center;max-width:40vw;min-height:var(--doel);padding:0 var(--r-2) 0 0;color:var(--accent-tekst);font:var(--t-tekst);letter-spacing:var(--s-tekst);transition:opacity var(--duur-tik) var(--uit)}.tel__terug svg{width:1.6rem;height:1.6rem;flex:none;margin-right:-2px}.tel__terug span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tel__terug:active{opacity:.45}.tel__kop{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--r-3);margin:var(--r-1) 0 var(--r-6)}.tel__kop .titel-groot{min-width:0}.tel__onderkop{margin-top:2px;color:var(--inkt-3);font:var(--t-klein)}.niveau{display:inline-flex;align-items:center;gap:var(--r-2);min-height:var(--doel);padding:0 var(--r-3) 0 var(--r-1);border-radius:999px;background:var(--vlak);font:var(--t-label);color:var(--inkt-2);white-space:nowrap;transition:transform var(--duur-tik) var(--uit)}.niveau:active{transform:scale(.96)}.niveau b{display:grid;place-items:center;min-width:1.9rem;height:1.9rem;padding:0 .4rem;border-radius:999px;background:var(--inkt);color:var(--grond);font:var(--t-kop);font-size:.9rem}.tel__balk{position:absolute;left:var(--r-3);right:var(--r-3);bottom:var(--tabbalk-onder);z-index:20;display:grid;grid-template-columns:repeat(4,1fr);height:var(--tabbalk);padding:.3rem;border-radius:999px;background:var(--glas);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--schaduw-zwevend),inset 0 0 0 1px var(--glas-rand)}.tel__knop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;color:var(--inkt-3);font:var(--t-mini);letter-spacing:var(--s-mini);transition:transform var(--duur-tik) var(--uit)}.tel__knop svg{width:1.55rem;height:1.55rem}.tel__knop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--vlak-2);opacity:0;transform:scale(.8);transition:opacity var(--duur-kort) var(--uit),transform var(--duur-veer-los) var(--veer-los)}.tel__knop[aria-current=page]{color:var(--accent-tekst)}.tel__knop[aria-current=page]:before{opacity:1;transform:none}.tel__knop:active{transform:scale(.94)}@media(prefers-reduced-transparency:reduce){.tel__balk,.tel__nav--vast{background:var(--vlak);-webkit-backdrop-filter:none;backdrop-filter:none}}.tel__modaal{position:absolute;inset:env(safe-area-inset-top,0px) 0 0;z-index:40;overflow:hidden;background:var(--grond)}.tel__body--modaal{padding:var(--r-3) var(--zijmarge) calc(env(safe-area-inset-bottom,0px) + var(--r-4))}.dok{position:sticky;bottom:0;z-index:2;margin:var(--r-8) calc(var(--zijmarge) * -1) 0;padding:var(--r-4) var(--zijmarge) 0;background:linear-gradient(to bottom,transparent,var(--grond) 40%)}.dok .knop{margin-bottom:var(--onderrand)}.dok:after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--onder-vrij);background:var(--grond)}.tel__body:has(>.vandaag){display:flex;flex-direction:column}.vandaag{flex:1;display:flex;flex-direction:column}.vandaag>.dok{margin-top:auto;padding-top:var(--r-8)}.dok--twee{display:grid;gap:var(--r-2)}.voorwoord{margin:calc(var(--r-2) * -1) 0 var(--r-5);color:var(--inkt-2);font:var(--t-klein);max-width:40ch}.lijst__icoon{flex:none;width:1.4rem;height:1.4rem;color:var(--inkt-2)}.lijst__code{flex:none;min-width:3.2rem;font:var(--t-code);font-weight:700;color:var(--inkt)}.beginscherm__stappen{display:grid;gap:var(--r-2);margin-top:var(--r-2);padding-left:1.1rem;list-style:decimal}.beginscherm .tekstknop{justify-self:start}.tel__kop+.melding,.melding+.melding{margin-bottom:var(--r-5)}.tel__kop+.melding+.melding{margin-top:calc(var(--r-2) * -1)}.rang{padding:var(--r-4);border-radius:var(--straal-vlak);background:var(--vlak)}.rang__strook{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--r-3);width:100%;text-align:left}.rang__niveau{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:12px;background:var(--inkt);color:var(--grond);font:var(--t-titel)}.rang__tekst{min-width:0}.rang__tekst b{display:block;font:var(--t-kop);letter-spacing:var(--s-kop)}.rang__tekst small{display:block;color:var(--inkt-3);font:var(--t-klein)}.rang__xp{font:var(--t-label);color:var(--inkt-2);text-align:right}.rang__erbij{display:block;color:var(--up-tekst)}.rang__spoor{height:6px;margin-top:var(--r-4);border-radius:99px;background:var(--vlak-2);overflow:hidden}.rang__spoor span{display:block;height:100%;background:var(--inkt);border-radius:inherit;transform-origin:0 50%;transition:transform var(--duur-veer) var(--veer)}.rang__uitleg[hidden]{display:none}.rang__uitleg{margin-top:var(--r-4);display:grid;gap:var(--r-3);color:var(--inkt-2);font:var(--t-klein)}.rang__som{width:100%;border-collapse:collapse}.rang__som caption{text-align:left;padding-bottom:var(--r-2);font:var(--t-kop);color:var(--inkt)}.rang__som th,.rang__som td{padding:var(--r-2) 0;border-top:1px solid var(--naad);vertical-align:top;text-align:left;font-weight:400}.rang__som td{text-align:right;white-space:nowrap;padding-left:var(--r-3)}.rang__som th span,.rang__som td span{display:block;color:var(--inkt-3);font:var(--t-label);font-weight:400}.rang__som b{color:var(--inkt)}.vergrendel{display:grid;gap:var(--r-1);justify-items:start}.tekstknop--fout{color:var(--fout-tekst)}.beeld{max-width:100%;height:auto;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@keyframes zweef{0%,to{transform:none}50%{transform:translateY(-5px)}}@keyframes opkomst{0%{opacity:0;transform:translateY(10px) scale(.96)}}@media(prefers-reduced-motion:no-preference){.beeld--zweef{animation:zweef 7s ease-in-out .4s infinite}}.mijlpaal-beeld{position:relative;display:block;width:150px;aspect-ratio:1;container-type:inline-size}.mijlpaal-beeld .beeld{width:100%;height:100%}.lint{position:absolute;left:50%;top:87.7%;transform:translate(-50%,-50%) rotate(4deg);color:var(--lint-inkt);font:800 2.9cqw/1 var(--letter-mono);letter-spacing:.04em;white-space:nowrap;pointer-events:none}.mijlpaal-beeld--groot{width:min(360px,84vw)}.held{position:relative;display:grid;justify-items:center;margin:0 0 var(--r-5)}.held__knop{position:relative;display:grid;place-items:center;border-radius:28px;transition:transform var(--duur-veer-los) var(--veer-los)}.held__knop:active{transform:scale(.97);transition-duration:var(--duur-tik)}.held__licht{position:absolute;left:50%;top:50%;width:19rem;height:19rem;margin:-9.5rem 0 0 -9.5rem;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--kleur, var(--inkt)) 20%,transparent),transparent);pointer-events:none;animation:aangaan .6s var(--uit) both}.held__beeld{position:relative;width:min(232px,62vw);animation:opkomst .42s var(--uit) both}@media(prefers-reduced-motion:no-preference){.held__beeld.beeld--zweef{animation:opkomst .42s var(--uit) both,zweef 7s ease-in-out .42s infinite}}.held__onderschrift{position:relative;margin-top:var(--r-2);color:var(--inkt-2);font:var(--t-klein);text-align:center;text-wrap:balance;max-width:30ch}.kerncijfers{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--r-2);margin:0 0 var(--r-5);text-align:center}.kerncijfer{display:grid;gap:var(--r-1);animation:opkomst .32s var(--uit) both;animation-delay:calc(var(--i, 0) * 50ms + .12s)}.kerncijfer:nth-child(2){--i: 1}.kerncijfer:nth-child(3){--i: 2}.kerncijfer dt,.label-mono{color:var(--inkt-3);font:600 .66rem/1.2 var(--letter-mono);letter-spacing:.08em;text-transform:uppercase}.kerncijfer dd{display:flex;align-items:baseline;justify-content:center;gap:4px}.kerncijfer b{font:800 2.9rem/.95 var(--cijferletter);letter-spacing:-.005em;font-variant-numeric:tabular-nums}.kerncijfer small{color:var(--inkt-2);font:var(--t-label)}.vandaagronde{display:grid;gap:var(--r-4);padding:var(--r-5) var(--r-4) var(--r-4);border-radius:var(--straal-tegel);background:var(--vlak);animation:opkomst .32s var(--uit) .2s both}.vandaagronde .keten{--knoopmaat: .8rem}.vandaagronde__mix{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--r-1) var(--r-4);margin-top:calc(var(--r-2) * -1);color:var(--inkt-3);font:600 .66rem/1.3 var(--letter-mono);letter-spacing:.06em;text-transform:uppercase}.vandaagronde__mix span{display:inline-flex;align-items:center;gap:6px}.vandaagronde__mix i{width:7px;height:7px;border-radius:2px;box-shadow:inset 0 0 0 1.5px var(--knoopkleur)}.vandaagronde__regel{color:var(--inkt-2);font:var(--t-klein)}.tegels{display:grid;gap:var(--r-3);margin-top:var(--r-3)}.tegels>*{animation:opkomst .32s var(--uit) both}.tegels>:nth-child(1){animation-delay:.26s}.tegels>:nth-child(2){animation-delay:.31s}.tegels--twee{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.tegel{position:relative;display:grid;gap:var(--r-4);width:100%;padding:var(--r-4);border-radius:var(--straal-tegel);background:var(--vlak);color:var(--inkt);text-align:left;transition:transform var(--duur-veer-los) var(--veer-los)}button.tegel:active{transform:scale(.98);transition-duration:var(--duur-tik)}.tegel__kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--r-3)}.tegel__label{color:var(--inkt-3);font:600 .66rem/1.2 var(--letter-mono);letter-spacing:.08em;text-transform:uppercase}.tegel__stand{font:800 1.15rem/1 var(--cijferletter);font-variant-numeric:tabular-nums}.tegel__voet{display:flex;align-items:center;gap:var(--r-2);padding-top:var(--r-3);border-top:1px solid var(--naad);color:var(--inkt-2);font:var(--t-klein)}.tegel__voet svg{flex:none;width:1rem;height:1rem;color:var(--inkt-3)}.tegel__verder{display:flex;align-items:center;gap:var(--r-3);width:100%;padding-top:var(--r-3);border-top:1px solid var(--naad);text-align:left;color:var(--inkt);transition:opacity var(--duur-tik) var(--uit)}.tegel__verder:active{opacity:.55}.tegel__verder>span{flex:1;min-width:0}.tegel__verder b{display:block;font:var(--t-kop)}.tegel__verder small{display:block;color:var(--inkt-3);font:var(--t-klein)}.tegel__verder svg{flex:none;width:1rem;height:1rem;color:var(--inkt-3)}.tegel--object{align-content:end;gap:var(--r-3);overflow:hidden}.tegel__object{width:4.5rem;height:4.5rem;margin:calc(var(--r-1) * -1) 0 0 calc(var(--r-1) * -1)}.groot-getal{display:grid;justify-items:start;gap:2px;min-width:0}.groot-getal b{font:800 4.4rem/.86 var(--cijferletter);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.groot-getal span{color:var(--inkt);font:var(--t-kop)}.groot-getal small{margin-top:2px;color:var(--inkt-3);font:600 .66rem/1.2 var(--letter-mono);letter-spacing:.08em;text-transform:uppercase}.groot-getal--kleur b{color:var(--kleur)}.rondjes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.rondje{display:grid;justify-items:center;gap:6px}.rondje i{display:grid;place-items:center;width:100%;max-width:2.5rem;aspect-ratio:1;border-radius:50%;background:var(--vlak-2);font:800 1.05rem/1 var(--cijferletter);font-style:normal}.rondje i svg{width:52%;height:52%}.rondje[data-stand=gedaan] i{background:var(--up);color:var(--op-accent)}.rondje[data-stand=vandaag] i{background:none;box-shadow:inset 0 0 0 2px var(--inkt)}.rondje[data-stand=later] i{background:none;box-shadow:inset 0 0 0 1.5px var(--naad)}.rondje small{color:var(--inkt-3);font:600 .6rem/1 var(--letter-mono);letter-spacing:.04em;text-transform:uppercase}.rondje[data-stand=vandaag] small{color:var(--inkt)}.toetsen__boven{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--r-3)}.toetsen__slot{flex:none;width:6.5rem;height:6.5rem;margin:calc(var(--r-2) * -1) calc(var(--r-1) * -1) calc(var(--r-3) * -1) 0}.balken{display:grid;gap:var(--r-4)}.balk{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px var(--r-3);width:100%;text-align:left;color:var(--inkt);transition:opacity var(--duur-tik) var(--uit)}button.balk:active{opacity:.55}.balk--los{grid-template-columns:minmax(0,1fr)}.balk__kop{grid-column:1 / -1;display:flex;align-items:baseline;gap:var(--r-2);min-width:0;white-space:nowrap}.balk__kop b{font:var(--t-kop);letter-spacing:var(--s-kop)}.balk__kop small{color:var(--inkt-3);font:600 .66rem/1 var(--letter-mono)}.balk__stand{margin-left:auto;color:var(--inkt-3);font:600 .7rem/1 var(--letter-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.balk__stand .rang__erbij{display:inline;color:var(--up-tekst)}.balk__spoor{position:relative;display:block;height:10px;border-radius:99px;background:var(--vlak-2);overflow:hidden}.balk__spoor i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--kleur, var(--inkt));transform-origin:0 50%;transition:transform var(--duur-veer) var(--veer)}.balk__pct{min-width:2.8rem;font:800 1.35rem/1 var(--cijferletter);text-align:right;font-variant-numeric:tabular-nums}.balk[data-volgende] .balk__kop b:after{content:" · volgende";color:var(--inkt-3);font:600 .66rem/1 var(--letter-mono);letter-spacing:.06em;text-transform:uppercase}.werelden{display:grid;gap:var(--r-3)}.wereld{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tekst beeld" "stand beeld" "balk balk";gap:var(--r-1) var(--r-3);width:100%;padding:var(--r-4);border-radius:var(--straal-tegel);background:var(--vlak);color:var(--inkt);text-align:left;transition:transform var(--duur-veer-los) var(--veer-los)}button.wereld:active{transform:scale(.98);transition-duration:var(--duur-tik)}.wereld__beeld{grid-area:beeld;width:6rem;height:6rem;margin:calc(var(--r-1) * -1) calc(var(--r-1) * -1) 0 0}.wereld__tekst{grid-area:tekst;min-width:0}.wereld__tekst b{display:block;font:var(--t-titel);letter-spacing:var(--s-titel)}.wereld__tekst small{display:-webkit-box;margin-top:2px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--inkt-3);font:var(--t-klein)}.wereld__stand{grid-area:stand;align-self:end}.wereld__stand b{color:var(--kleur);font:800 3.4rem/.86 var(--cijferletter);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.wereld__stand small{font-size:.45em;margin-left:2px}.wereld__stand svg{width:1.3rem;height:1.3rem;color:var(--inkt-3)}.wereld__balk{grid-area:balk;display:grid;gap:6px;margin-top:var(--r-3)}.wereld__balk small{color:var(--inkt-2);font:600 .66rem/1.2 var(--letter-mono);letter-spacing:.06em;text-transform:uppercase}.wereld--dicht .wereld__beeld{opacity:.4;filter:grayscale(1)}.wereld__kop{margin-bottom:var(--r-5);text-align:center}.wereld__kop .tel__onderkop{max-width:34ch;margin:var(--r-1) auto 0;text-wrap:balance}.wereld__dicht{margin-top:0}.laden{display:grid;gap:var(--r-4)}.laden>*,.laden__rij i{display:block;background:var(--vlak)}.laden__held{justify-self:center;width:12rem;height:12rem;border-radius:50%}.laden__rij{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--r-3);background:none}.laden__rij i{height:3.8rem;border-radius:14px}.laden__tegel{height:9rem;border-radius:var(--straal-tegel)}.profiel{margin-bottom:var(--r-3)}.profiel__niveau{display:flex;align-items:flex-end;gap:var(--r-4);margin:var(--r-2) 0 var(--r-5)}.profiel .groot-getal b{font-size:5.6rem}.profiel .groot-getal span{color:var(--inkt-3);font:600 .66rem/1.2 var(--letter-mono);letter-spacing:.08em;text-transform:uppercase}.profiel__titel{min-width:0;padding-bottom:var(--r-2)}.profiel__titel b{display:block;font:var(--t-titel);letter-spacing:var(--s-titel)}.profiel__titel small{display:block;margin-top:2px;color:var(--inkt-2);font:var(--t-klein)}.profiel>.balk{padding:var(--r-4);border-radius:var(--straal-tegel);background:var(--vlak)}.verzameling{display:flex;gap:var(--r-2);margin:0 calc(var(--zijmarge) * -1);padding:0 var(--zijmarge) var(--r-1);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--zijmarge);scrollbar-width:none}.verzameling::-webkit-scrollbar{display:none}.verzameling li{flex:none;display:grid;justify-items:center;gap:var(--r-1);width:5.4rem;padding:var(--r-2) var(--r-2) var(--r-3);border-radius:20px;background:var(--vlak);scroll-snap-align:start}.verzameling .beeld{width:4rem;height:4rem}.verzameling small{color:var(--inkt-2);font:600 .7rem/1 var(--letter-mono)}.verzameling--leeg li{opacity:.35}.verzameling--leeg .beeld{filter:grayscale(1)}.verzameling--leeg+.voorwoord{margin-top:var(--r-3)}.mijlpalen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-3)}.mijlpalen li{display:grid;place-items:center;padding:var(--r-2);border-radius:var(--straal-tegel);background:var(--vlak)}.mijlpalen .mijlpaal-beeld{width:100%;max-width:11rem}.mijlpaal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + var(--r-6)) var(--zijmarge) calc(env(safe-area-inset-bottom,0px) + var(--r-6));background:var(--zwart);animation:aangaan .24s var(--uit) both}.mijlpaal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--textuur);animation:aangaan .6s var(--uit) .3s both;pointer-events:none}.mijlpaal__vak{position:relative;display:grid;justify-items:center;gap:var(--r-5);width:min(100%,24rem)}@keyframes landen{0%{opacity:0;transform:translateY(24px) scale(.7)}65%{opacity:1;transform:translateY(-4px) scale(1.04)}to{transform:none}}@keyframes lintOp{0%{opacity:0;transform:translate(-50%,10%) rotate(4deg)}}.mijlpaal-beeld--groot{animation:landen .46s var(--uit) both}.mijlpaal .lint{animation:lintOp .28s var(--uit) .42s both}.mijlpaal__titel{color:var(--inkt-2);font:600 .72rem/1.2 var(--letter-mono);letter-spacing:.14em;text-transform:uppercase;animation:opstijgen .28s var(--uit) .52s both}.mijlpaal .knop{width:100%;animation:opstijgen .28s var(--uit) .58s both}.lijst__beeld{flex:none;width:2.75rem;height:2.75rem}.leeg--beeld{display:grid;justify-items:center;text-align:center}.leeg--beeld .beeld{width:8.75rem;margin-bottom:var(--r-3)}.leeg--beeld .leeg__tekst{margin-inline:auto}@keyframes gluren{0%{opacity:0;transform:translateY(10px) rotate(-6deg)}}.blad__beeld{position:absolute;right:var(--r-3);top:var(--r-2);width:3.5rem;height:3.5rem;pointer-events:none;animation:gluren .32s var(--veer-los) .16s both}.display{position:relative}.display__kop{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--r-3)}.display__terug{margin-bottom:var(--r-2)}.display__cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--r-2);margin-top:var(--r-5)}.display__cijfer{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:var(--r-1)}.display__cijfer b{font:800 2.6rem/.95 var(--cijferletter);letter-spacing:-.005em;font-variant-numeric:tabular-nums}.display__cijfer b small{font-size:.5em;margin-left:1px;color:var(--inkt-2);letter-spacing:0}.display__cijfer span{color:var(--inkt-3);font:600 .66rem/1.2 var(--letter-mono);letter-spacing:.08em;text-transform:uppercase}.display__cijfer--wereld b{color:var(--kleur)}.display__cijfer[data-leeg] b{color:var(--inkt-3)}.display__regel{margin-top:var(--r-4);color:var(--inkt-2);font:var(--t-klein)}.pad{margin-top:var(--r-6);display:grid}.pad__stap{position:relative}.pad__stap+.pad__stap:before{content:"";position:absolute;left:calc(var(--r-3) + .875rem - 1px);top:-.55rem;height:1.1rem;width:2px;background:linear-gradient(var(--down) 55%,transparent 0) 0 0 / 2px 5px repeat-y}.pad__stap[data-stand=up]+.pad__stap:before{background:var(--up)}.pad__knop{display:flex;align-items:center;gap:var(--r-4);width:100%;min-height:4rem;padding:var(--r-3);border-radius:18px;text-align:left;color:var(--inkt);transition:background-color var(--duur-tik) var(--uit),transform var(--duur-tik) var(--uit)}button.pad__knop:active{background:var(--vlak-2);transform:scale(.985)}.pad__stap[data-hier] .pad__knop{background:var(--vlak)}.pad__tekst{flex:1;min-width:0}.pad__tekst b{display:block;font:var(--t-kop);letter-spacing:var(--s-kop);text-wrap:pretty}.pad__tekst small{display:flex;gap:var(--r-2);margin-top:2px;color:var(--inkt-3);font:var(--t-label);font-weight:500}.pad__tekst em{font-style:normal;font-weight:600;color:var(--accent-tekst)}.pad__code{font:var(--t-code);font-size:.76rem;font-weight:600;color:var(--inkt-2)}.pad__telling{color:var(--inkt-3);font:var(--t-label)}.pad__pijl{flex:none;width:1.1rem;height:1.1rem;color:var(--inkt-3)}.pad__stap[data-stand=slot] .pad__tekst b{color:var(--inkt-3)}.levelscherm{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-5)}.level__kop{display:flex;align-items:flex-start;gap:var(--r-4);margin-top:var(--r-1)}.knoop--groot{--maat: 3.2rem;border-radius:14px;margin-top:3px}.knoop--groot:after{box-shadow:inset 0 0 0 2.5px var(--knoop-rand)}.level__titels{min-width:0}.level__titel{font-size:1.75rem}.level__meta{display:flex;flex-wrap:wrap;gap:var(--r-1) var(--r-3);margin-top:var(--r-2);color:var(--inkt-3);font:var(--t-label);font-weight:500}.segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:999px;background:var(--vlak)}.segment__knop{min-height:2.4rem;border-radius:999px;color:var(--inkt-2);font:var(--t-kop);font-size:.9rem;transition:background-color var(--duur-kort) var(--uit),color var(--duur-kort) var(--uit)}.segment__knop:is([aria-selected=true],[aria-pressed=true]){background:var(--accent);color:var(--op-accent)}.segment__knop:is([aria-selected=true],[aria-pressed=true]) .segment__telling{color:color-mix(in srgb,var(--op-accent) 60%,transparent)}.segment__telling{color:var(--inkt-3);font-weight:500;font-variant-numeric:tabular-nums}.inhoud ol{display:grid;border-radius:var(--straal-vlak);background:var(--vlak);overflow:hidden}.inhoud li+li{box-shadow:inset 0 1px 0 var(--naad)}.inhoud__knop{display:flex;align-items:baseline;gap:var(--r-3);width:100%;padding:var(--r-3) var(--r-4);text-align:left;font:var(--t-klein);color:var(--inkt);transition:background-color var(--duur-tik) var(--uit)}.inhoud__knop:active{background:var(--vlak-2)}.inhoud__nummer{flex:none;min-width:1.2rem;color:var(--kleur, var(--accent-tekst));font-weight:700}.les{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-3);min-width:0;padding-top:var(--r-4);scroll-margin-top:3.5rem}.les:focus{outline:none}.les+.les{border-top:1px solid var(--naad);padding-top:var(--r-8)}.les__deel{color:var(--inkt-3);font:var(--t-label)}.leestekst{min-width:0;font:var(--t-lees);letter-spacing:var(--s-tekst);color:var(--inkt);max-width:40rem;text-wrap:pretty}.leestekst>*+*{margin-top:var(--r-4)}.leestekst h2{margin-top:var(--r-8);font:var(--t-titel);letter-spacing:var(--s-titel)}.leestekst h3{margin-top:var(--r-6);font:700 1.1rem/1.3 var(--letter-display);letter-spacing:-.012em}.leestekst h4{margin-top:var(--r-5);font:var(--t-kop)}.leestekst>h2:first-child,.leestekst>h3:first-child{margin-top:0}.leestekst h2+*,.leestekst h3+*,.leestekst h4+*{margin-top:var(--r-2)}.leestekst ul,.leestekst ol{padding-left:1.3rem;display:grid;gap:var(--r-2)}.leestekst ul{list-style:disc}.leestekst ol{list-style:decimal}.leestekst li::marker{color:var(--inkt-3)}.leestekst strong{font-weight:650}.leestekst .figuur{margin:var(--r-5) 0 0;padding:var(--r-3);border-radius:14px;background:var(--vlak)}.leestekst .figuur img{display:block;width:100%;height:auto}.leestekst .figuur figcaption{margin-top:var(--r-2);color:var(--inkt-3);font:var(--t-klein)}.leestekst blockquote{margin:var(--r-4) 0 0;padding:var(--r-3) var(--r-4);border-radius:12px;background:var(--vlak-2);color:var(--inkt-2)}.leestekst code{padding:.08em .32em;border-radius:5px;background:var(--vlak-2);font:var(--t-code);font-size:.88em}.leestekst pre,.code{overflow:hidden;border-radius:14px;background:var(--strook);color:var(--inkt)}.leestekst pre{padding:var(--r-3) var(--r-4);overflow-x:auto}.leestekst pre code,.code pre code{padding:0;background:none;color:inherit;font-size:.82rem;line-height:1.55}.code pre{margin:0;padding:var(--r-3) var(--r-4) var(--r-4);overflow-x:auto}.code__bar{display:flex;align-items:center;gap:var(--r-2);padding:var(--r-2) var(--r-2) 0 var(--r-4)}.code__lang{color:var(--inkt-2);font:var(--t-label)}.code__copy{margin-left:auto;min-height:2.2rem;padding:0 var(--r-3);border-radius:8px;color:var(--inkt-2);font:var(--t-label);transition:background-color var(--duur-tik) var(--uit)}.code__copy:active{background:var(--vlak-2)}.code__copy[data-state=done]{color:var(--up)}.code__copy[data-state=failed]{color:var(--fout-tekst)}.table-scroll{overflow-x:auto;margin-left:calc(var(--zijmarge) * -1);margin-right:calc(var(--zijmarge) * -1);padding:0 var(--zijmarge)}.leestekst table{width:100%;border-collapse:collapse;font:var(--t-klein);font-variant-numeric:tabular-nums}.leestekst th{padding:var(--r-2) var(--r-3) var(--r-2) 0;text-align:left;font-weight:600;color:var(--inkt-2);border-bottom:1.5px solid var(--rand);white-space:nowrap}.leestekst td{padding:var(--r-2) var(--r-3) var(--r-2) 0;border-bottom:1px solid var(--naad);vertical-align:top}.leestekst mark{background:var(--leert-vlak);color:inherit;border-radius:3px;box-shadow:0 0 0 2px var(--leert-vlak)}.leestekst hr{border:0;border-top:1px solid var(--naad);margin:var(--r-6) 0}.leestekst--klein{font:var(--t-klein)}.knop__extra{color:color-mix(in srgb,var(--knop-inkt) 70%,transparent);font-weight:500}.knop__extra:before{content:"·";margin-right:var(--r-2)}.pogingen{border-radius:var(--straal-vlak);background:var(--vlak)}.pogingen__kop{display:flex;align-items:center;gap:var(--r-3);min-height:3.2rem;padding:0 var(--r-4);list-style:none;cursor:pointer;font:var(--t-kop)}.pogingen__kop::-webkit-details-marker{display:none}.pogingen__telling{margin-left:auto;color:var(--inkt-3);font:var(--t-klein)}.pogingen__pijl{width:1rem;height:1rem;color:var(--inkt-3);transition:transform var(--duur-kort) var(--uit)}.pogingen[open] .pogingen__pijl{transform:rotate(180deg)}.pogingen__lijst{display:grid;gap:var(--r-4);padding:0 var(--r-4) var(--r-4)}.poging__kop{display:flex;align-items:center;gap:var(--r-3);font:var(--t-klein)}.poging__oordeel{display:inline-flex;align-items:center;gap:var(--r-1);font-weight:600}.poging__oordeel svg{width:1rem;height:1rem}.poging[data-goed=true] .poging__oordeel{color:var(--up-tekst)}.poging[data-goed=false] .poging__oordeel{color:var(--fout-tekst)}.poging__wanneer{color:var(--inkt-3)}.naslag{display:grid;grid-template-columns:minmax(0,1fr)}.naslag__kop{margin-bottom:var(--r-4)}.zoek{display:flex;align-items:center;gap:var(--r-2);min-height:2.8rem;padding:0 var(--r-2) 0 var(--r-3);border-radius:12px;background:var(--vlak-2)}.zoek__glas{flex:none;width:1.15rem;height:1.15rem;color:var(--inkt-3)}.zoek__veld{flex:1;min-width:0;min-height:2.6rem;border:0;background:none;color:var(--inkt);font:var(--t-tekst);-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoek__veld:focus{outline:none}.zoek__veld::placeholder{color:var(--inkt-3)}.zoek__veld::-webkit-search-cancel-button{display:none}.zoek:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.zoek__wis{display:grid;place-items:center;flex:none;width:var(--doel);height:var(--doel);margin-right:calc(var(--r-2) * -1);border-radius:999px;color:var(--inkt-3)}.zoek__wis svg{width:1rem;height:1rem}.naslag__totaal{margin-top:var(--r-5);color:var(--inkt-2);font:var(--t-klein)}.naslag__wereld{justify-content:flex-start}.naslag__wereld{align-items:center;gap:var(--r-3)}.naslag__beeld{flex:none;width:2.4rem;height:2.4rem}.lijst__rij:has(.rij__fragment){align-items:flex-start}.lijst__rij:has(.rij__fragment) .lijst__code{padding-top:.2rem}.rij--dicht,.rij--dicht .lijst__code{color:var(--inkt-3)}.rij__vlag{display:inline-flex;align-items:center;gap:var(--r-1);margin-top:var(--r-1);color:var(--leert-tekst);font:var(--t-label)}.rij__vlag svg{width:.95rem;height:.95rem}.rij__fragment{display:block;margin-top:var(--r-2);color:var(--inkt-2);font:var(--t-klein)}.rij__fragment mark{background:var(--leert-vlak);color:var(--inkt);border-radius:3px;box-shadow:0 0 0 2px var(--leert-vlak)}.lezen__kop{margin-top:var(--r-1)}.blader{display:grid;grid-template-columns:1fr 1fr;gap:var(--r-3);margin-top:var(--r-4)}.blader__kant{display:grid;gap:var(--r-1);align-content:start;padding:var(--r-3) var(--r-4);border-radius:var(--straal-vlak);background:var(--vlak);text-align:left;color:var(--inkt);transition:transform var(--duur-tik) var(--uit)}.blader__kant:active{transform:scale(.97)}.blader__kant--verder{text-align:right;justify-items:end}.blader__kant b{font:var(--t-klein);font-weight:600}.blader__richting{display:inline-flex;align-items:center;gap:var(--r-1);color:var(--accent-tekst);font:var(--t-label)}.blader__richting svg{width:.95rem;height:.95rem}.blader__rand{align-self:center;color:var(--inkt-3);font:var(--t-label);font-weight:400}.display .rang__erbij{display:inline;color:var(--up)}.rang__details{margin-top:var(--r-5)}.rang__details .pogingen__pijl{margin-left:auto}.rang__details .rang__uitleg{margin-top:0;padding:0 var(--r-4) var(--r-4)}.meldingen{display:grid;gap:var(--r-3)}.meldingen .lijst__icoon{align-self:flex-start;margin-top:2px;color:var(--accent-tekst)}.meldingen__uur{cursor:pointer}.meldingen__uur .lijst__icoon{align-self:center;margin-top:0}.meldingen__uur select{min-height:2.2rem;padding:0 var(--r-3);border:0;border-radius:9px;background:var(--vlak-2);color:var(--inkt);font:var(--t-kop);font-variant-numeric:tabular-nums}@keyframes aangaan{0%{opacity:0}}@keyframes groei{0%{transform:scaleY(0)}}.poort{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;color:var(--inkt);background:var(--grond)}.poort__beeld{position:relative;display:grid;place-items:end center;padding:calc(env(safe-area-inset-top,0px) + var(--r-8)) var(--r-4) 0;min-height:15rem}.poort__beeld .beeld{position:relative;width:min(220px,58vw);height:auto}.poort__inhoud{width:100%;max-width:26rem;margin:0 auto;padding:var(--r-4) var(--zijmarge) calc(env(safe-area-inset-bottom,0px) + var(--r-6));display:grid;gap:var(--r-4)}.poort__naam{font:800 3.4rem/1 var(--letter-display);letter-spacing:-.045em}.poort__onder{margin-top:calc(var(--r-3) * -1);color:var(--inkt-2);font:var(--t-klein)}.poort__vorm{display:grid;gap:var(--r-3);margin-top:var(--r-2)}.poort__label{font:var(--t-label);color:var(--inkt-2)}.poort__veld{width:100%;min-height:3.3rem;margin-top:calc(var(--r-2) * -1);padding:0 var(--r-5);border:0;border-radius:999px;background:var(--vlak);color:var(--inkt);font:var(--t-code);font-size:1rem;transition:box-shadow var(--duur-kort) var(--uit)}.poort__veld::placeholder{color:var(--inkt-3);font-family:var(--letter);letter-spacing:var(--s-tekst)}.poort__veld:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.poort__uitleg{color:var(--inkt-2);font:var(--t-label);font-weight:400}.poort .beginscherm{background:var(--vlak);color:var(--inkt-2)}.poort .beginscherm b{color:var(--inkt)}.poort__ander{justify-self:center;color:var(--inkt-2)}.ronde{display:flex;flex-direction:column;min-height:100%}.ronde__kop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--r-3);margin:0 0 var(--r-2)}.ronde__sluit{display:grid;place-items:center;width:var(--doel);height:var(--doel);margin-left:calc(var(--r-3) * -1);border-radius:999px;color:var(--inkt-3);transition:opacity var(--duur-tik) var(--uit)}.ronde__sluit svg{width:1.4rem;height:1.4rem}.ronde__sluit:active{opacity:.45}.ronde__telling{color:var(--inkt-3);font:var(--t-label);font-variant-numeric:tabular-nums}.ronde__meta{display:flex;flex-wrap:wrap;gap:0 var(--r-2);color:var(--inkt-3);font:var(--t-label)}.ronde__meta b{color:var(--accent-tekst);font-weight:600}.ronde__vraag{display:flex;flex-direction:column;flex:1;gap:var(--r-4);padding-top:var(--r-8)}.ronde__vraag .melding{margin-bottom:var(--r-1)}.vraagtekst{font:var(--t-vraag);letter-spacing:var(--s-vraag);text-wrap:pretty}.vraagtekst p+p{margin-top:var(--r-3)}.vraagtekst code{font:var(--t-code);font-size:.88em;padding:.05em .3em;border-radius:5px;background:var(--vlak-2)}.vraagtekst pre{margin:var(--r-2) 0;padding:var(--r-3) var(--r-4);border-radius:var(--straal-veld);background:var(--vlak-2);overflow-x:auto;font:var(--t-code);font-size:.82rem}.vraagtekst pre code{padding:0;background:none;font-size:inherit}.ronde__kies{color:var(--accent-tekst);font:var(--t-label)}.ronde__antwoorden{margin-top:auto;padding-top:var(--r-4)}.ronde__fout{margin-top:var(--r-3)}.toetshint{margin-top:var(--r-3);color:var(--inkt-3);font:var(--t-label)}@media(hover:none)and (pointer:coarse){.toetshint{display:none}}.keten__stap[data-stand=gedaan] .keten__knoop{background:var(--inkt-3);box-shadow:none}.ronde__kop .keten{min-width:0}.overvlucht{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.overvlucht i{position:absolute;border-radius:3px;box-shadow:inset 0 0 0 2px var(--knoopkleur, var(--down));will-change:transform}.overvlucht i[data-nu]{box-shadow:inset 0 0 0 2px var(--accent)}.tel__modaal[data-vlucht] .ronde__kop .keten{opacity:0}.ronde__kop .keten{transition:opacity .16s var(--uit)}.antwoorden{display:grid;gap:var(--r-3)}.antwoord{position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--r-3);width:100%;min-height:3.5rem;padding:var(--r-3) var(--r-4) var(--r-3) var(--r-3);text-align:left;color:var(--inkt);font:var(--t-tekst);letter-spacing:var(--s-tekst);touch-action:manipulation;-webkit-user-select:none;user-select:none}.antwoord__tekst{flex:1;min-width:0;text-wrap:pretty}.antwoord__tekst code,.blad__goedwas code,.dnd code{padding:.05em .3em;border-radius:5px;background:color-mix(in srgb,currentColor 10%,transparent);font:var(--t-code);font-size:.88em}.antwoord__poort{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:9px;font:var(--t-kop);font-size:.9rem;color:var(--inkt-2);transition:transform var(--duur-veer-los) var(--veer-los)}.antwoord__poort svg{width:1.1rem;height:1.1rem}.antwoorden[data-klaar] .antwoord:not([data-verdict]){opacity:.45}.antwoord[data-verdict=correct] .antwoord__poort,.antwoord[data-verdict=wrong] .antwoord__poort{transform:scale(1.08)}@keyframes schud{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes zakken{40%{transform:translateY(3px)}}@keyframes wijzen{30%{transform:translateY(-5px)}55%{transform:none}75%{transform:translateY(-2px)}}.antwoord[data-verdict=wrong][data-gekozen]{animation:zakken .3s var(--uit)}.antwoorden[data-klaar] .antwoord[data-verdict=correct]:not([data-gekozen]){animation:wijzen .8s var(--uit) .25s both}.antwoorden .antwoord{border-radius:20px;background:var(--vlak);transition:transform var(--duur-veer-los) var(--veer-los),opacity var(--duur) var(--uit)}.antwoorden .antwoord:active:not(:disabled){transform:scale(.98);transition-duration:var(--duur-tik)}.antwoorden .antwoord__poort{border-radius:999px;background:var(--vlak-2)}.antwoorden .antwoord[data-gekozen]{box-shadow:inset 0 0 0 2px var(--accent)}.antwoorden .antwoord[data-gekozen] .antwoord__poort{background:var(--accent);color:var(--op-accent)}.antwoorden .antwoord[data-verdict=correct]{background:var(--up-vlak);box-shadow:inset 0 0 0 2px var(--up)}.antwoorden .antwoord[data-verdict=correct] .antwoord__poort{background:var(--up);color:var(--op-accent)}.antwoorden .antwoord[data-verdict=wrong]{background:var(--fout-vlak);box-shadow:inset 0 0 0 2px var(--fout)}.antwoorden .antwoord[data-verdict=wrong] .antwoord__poort{background:var(--fout);color:var(--op-fout)}.antwoorden .antwoord[data-verdict=held]{box-shadow:inset 0 0 0 2px var(--inkt-3)}.typed{width:100%;min-height:3.5rem;padding:0 var(--r-4);border:0;border-radius:var(--straal-knop);background:var(--vlak);color:var(--inkt);font:var(--t-code);font-size:1.05rem;transition:box-shadow var(--duur-kort) var(--uit)}.typed::placeholder{color:var(--inkt-3);font-family:var(--letter)}.typed:focus{outline:none;box-shadow:inset 0 0 0 2.5px var(--accent)}.typed[data-verdict=correct],.typed[data-verdict=typo]{background:var(--up-vlak);box-shadow:inset 0 0 0 2.5px var(--up)}.typed[data-verdict=wrong]{background:var(--fout-vlak);box-shadow:inset 0 0 0 2.5px var(--fout);animation:zakken .3s var(--uit)}.typed__bijna{margin-top:var(--r-3);color:var(--inkt-2);font:var(--t-klein)}.typed__bijna code{font:var(--t-code);color:var(--inkt)}.dnd{display:grid;gap:var(--r-2)}.dnd__slot{display:flex;align-items:center;gap:var(--r-3);min-height:3.5rem;padding:var(--r-2) var(--r-2) var(--r-2) var(--r-4);border-radius:20px;background:var(--vlak);font:var(--t-tekst)}.dnd__slot[data-verdict=correct]{background:var(--up-vlak);box-shadow:inset 0 0 0 2px var(--up)}.dnd__slot[data-verdict=wrong]{background:var(--fout-vlak);box-shadow:inset 0 0 0 2px var(--fout)}.dnd__index{font:var(--t-kop);color:var(--inkt-3);font-variant-numeric:tabular-nums}.dnd__move{margin-left:auto;display:flex;gap:var(--r-1)}.dnd__move button{display:grid;place-items:center;width:var(--doel);height:var(--doel);border-radius:12px;background:var(--vlak-2);color:var(--inkt-2);transition:transform var(--duur-tik) var(--uit)}.dnd__move button:active:not(:disabled){transform:scale(.9)}.dnd__move button:disabled{opacity:.35}.dnd__move svg{width:1.2rem;height:1.2rem}.ronde__dok{position:sticky;bottom:0;z-index:4;margin:var(--r-4) calc(var(--zijmarge) * -1) 0;padding:var(--r-6) var(--zijmarge) 0;background:linear-gradient(to bottom,transparent,var(--grond) 35%)}.ronde__dok .knop{margin-bottom:var(--onderrand)}.ronde__dok:after{content:"";position:absolute;left:0;right:0;top:100%;height:calc(env(safe-area-inset-bottom,0px) + var(--r-4));background:var(--grond)}.blad{position:sticky;bottom:0;z-index:6;display:grid;gap:var(--r-3);margin:var(--r-4) calc(var(--zijmarge) * -1) calc((env(safe-area-inset-bottom,0px) + var(--r-4)) * -1);padding:0 var(--zijmarge) calc(env(safe-area-inset-bottom,0px) + var(--r-4));--blad-vlak: var(--vlak);--blad-inkt: var(--inkt);--blad-teken: var(--inkt-3);background:var(--blad-vlak);touch-action:none}.blad[data-oordeel=correct],.blad[data-oordeel=typo]{--blad-vlak: var(--up-vlak);--blad-inkt: var(--up-tekst);--blad-teken: var(--up)}.blad[data-oordeel=wrong]{--blad-vlak: var(--fout-vlak);--blad-inkt: var(--fout-tekst);--blad-teken: var(--fout)}.blad__greep{display:grid;gap:var(--r-2);padding-top:var(--r-2);cursor:grab;-webkit-user-select:none;user-select:none}.blad__handvat{justify-self:center;width:2.4rem;height:5px;border-radius:99px;background:color-mix(in srgb,var(--blad-inkt) 30%,transparent)}.blad__oordeel{display:flex;align-items:center;gap:var(--r-3);margin-top:var(--r-1);color:var(--blad-inkt);font:800 1.45rem/1.1 var(--letter-display);letter-spacing:-.02em}.blad__teken{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--blad-teken);color:var(--blad-vlak)}.blad__teken svg{width:1.2rem;height:1.2rem}.blad__goedwas{color:var(--inkt);font:var(--t-tekst)}.blad__goedwas b{color:var(--blad-inkt)}.blad__waarom{display:inline-flex;align-items:center;justify-self:start;gap:var(--r-1);min-height:var(--doel);margin:calc(var(--r-2) * -1) 0 calc(var(--r-2) * -1) calc(var(--r-2) * -1);padding:0 var(--r-2);border-radius:10px;color:var(--blad-inkt);font:var(--t-kop)}.blad__waarom svg{width:1.1rem;height:1.1rem}.blad__uitleg{max-height:42vh;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:var(--r-3)}.blad__tekst{color:var(--inkt);font:var(--t-klein);line-height:1.5}.blad__tekst p+p{margin-top:var(--r-2)}.blad__tekst code{font:var(--t-code);font-size:.85em}.blad__tekst pre{overflow-x:auto;padding:var(--r-3);border-radius:10px;background:color-mix(in srgb,var(--inkt) 7%,transparent);font:var(--t-code);font-size:.8rem}.blad__bron{color:var(--inkt-3);font:var(--t-label);font-weight:400}.blad .knop{margin-top:var(--r-1)}.blad{margin-left:calc(var(--r-2) - var(--zijmarge));margin-right:calc(var(--r-2) - var(--zijmarge));margin-bottom:calc(var(--r-2) - env(safe-area-inset-bottom,0px) - var(--r-4));padding-left:var(--r-4);padding-right:var(--r-4);padding-bottom:calc(var(--r-4) + max(env(safe-area-inset-bottom,0px) - var(--r-2),0px));border-radius:28px;background:var(--vlak);box-shadow:var(--schaduw-zwevend),inset 0 0 0 1px var(--naad)}.blad:before{content:"";position:absolute;inset:0 0 auto;height:5.2rem;border-radius:28px 28px 0 0;background:linear-gradient(to bottom,var(--blad-vlak),transparent);pointer-events:none;z-index:-1}.afloop{display:flex;flex-direction:column;gap:var(--r-5);min-height:100%}.afloop>*{min-width:0}.display--afloop{padding:var(--r-4) 0 var(--r-2)}.afloop__label{position:relative;color:var(--inkt-3);font:600 .7rem/1.2 var(--letter-mono);letter-spacing:.1em;text-transform:uppercase}.afloop__groot{display:flex;align-items:baseline;gap:4px;margin-top:var(--r-2)}.afloop__groot b{color:var(--inkt);font:800 6.4rem/.84 var(--cijferletter);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.afloop__groot small{color:var(--inkt-3);font:800 2.4rem/1 var(--cijferletter)}.afloop[data-foutloos] .afloop__groot b{color:var(--up)}.afloop__onder{position:relative;margin-top:var(--r-2);color:var(--inkt-2);font:var(--t-klein);text-wrap:pretty}.afloop__kop{position:relative;margin-top:var(--r-4)}.afloop__kop--klein{font:var(--t-titel);letter-spacing:var(--s-titel)}.afloop__naam{font:800 4.2rem/.95 var(--letter-mono);letter-spacing:-.03em;margin-top:var(--r-2)}.afloop__datum{position:relative;margin-top:var(--r-3);color:var(--inkt-2);font:600 .72rem/1.3 var(--letter-mono);letter-spacing:.06em;text-transform:uppercase}.afloop__tekst{color:var(--inkt-2);font:var(--t-tekst);text-wrap:pretty}.display--afloop .keten{margin-top:var(--r-5)}.display--afloop .kerncijfers{margin:var(--r-4) 0 var(--r-3);text-align:left}.display--afloop .kerncijfer dd{justify-content:flex-start}.display--afloop .kerncijfer:first-child b{color:var(--up-tekst)}.afloop[data-foutloos] .kerncijfer:last-child b{color:var(--up)}.afloop__dok{display:grid;margin-top:auto}.afloop__terug{justify-content:center;width:100%;min-height:var(--doel);margin-top:var(--r-1);color:var(--inkt-2)}.foutgroepen{display:grid;gap:var(--r-3)}.foutgroep{padding:var(--r-4);border-radius:var(--straal-tegel);background:var(--vlak)}.foutgroep__kop{display:grid;gap:2px;padding-bottom:var(--r-3);border-bottom:1px solid var(--naad)}.foutgroep__kop .pad__code{color:var(--kleur)}.foutgroep__kop b{font:var(--t-kop);letter-spacing:var(--s-kop)}.foutgroep__kop small{color:var(--inkt-2);font:var(--t-label);font-weight:500}.foutgroep__vraag{display:grid;gap:var(--r-2);padding-top:var(--r-3)}.foutgroep__vraag+.foutgroep__vraag{margin-top:var(--r-3);border-top:1px solid var(--naad)}.foutgroep__prompt{font-weight:600}.foutgroep__waarom{color:var(--inkt-2)}.foutgroep__waarom .leestekst{color:inherit}.volgende__code{color:var(--kleur)}.volgende__weging{font-style:normal;font-weight:600;color:var(--inkt)}.display--level{text-align:center}.display--level .display__cijfer{align-items:center}.afloop__beeld{position:relative;display:grid;place-items:center;width:min(70%,15rem);margin:0 auto var(--r-3)}.afloop__beeld>*{animation:opkomst .42s var(--veer-los) both}.afloop__beeld--klein{width:min(46%,10rem)}.afloop__beeld .beeld{position:relative;width:100%}.display--boss{text-align:center}.boss__beeld{position:relative;width:min(72%,16rem);aspect-ratio:1;margin:0 auto}.boss__object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.arena{display:grid;gap:5px;min-width:0}.hp{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 2.6rem;align-items:center;gap:var(--r-2)}.hp__wie{overflow:hidden;color:var(--inkt-2);font:600 .72rem/1 var(--letter-mono);text-overflow:ellipsis;white-space:nowrap}.hp__spoor{position:relative;height:8px;overflow:hidden;border-radius:99px;background:var(--vlak-2)}.hp__spoor span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-origin:0 50%;transition:transform var(--duur-veer) var(--veer)}.hp[data-side=boss] .hp__spoor span{background:var(--fout)}.hp[data-side=you] .hp__spoor span{background:var(--up)}.hp__waarde{color:var(--inkt-3);font:600 .72rem/1 var(--letter-mono);text-align:right}.arena[data-hit=boss] .hp[data-side=boss],.arena[data-hit=you] .hp[data-side=you]{animation:schud .28s var(--uit)}.boss__naam{position:relative;display:table;margin:var(--r-2) auto 0;color:var(--fout);font:800 3rem/1 var(--letter-mono);letter-spacing:-.03em}.afloop[data-state=won] .boss__naam{color:var(--inkt-2)}.afloop__balken{display:grid;gap:var(--r-3);margin-top:var(--r-5)}.afloop__balken .hp{grid-template-columns:3rem minmax(0,1fr) 3rem}.afloop__balken .hp__spoor{height:12px}.display--examen{padding-bottom:var(--r-6)}.brief{display:grid;gap:var(--r-2);margin-top:var(--r-5);padding-left:1.2rem;color:var(--inkt-2);font:var(--t-klein);list-style:disc}.brief li::marker{color:var(--inkt-3)}.opzet{margin-top:var(--r-5)}.opzet__binnen{display:grid;gap:var(--r-4);padding:0 var(--r-4) var(--r-4)}.opzet__intro{color:var(--inkt-2);font:var(--t-klein)}.opzet__rij{display:grid;grid-template-columns:1fr 1fr;gap:var(--r-3)}.opzet__veld{display:grid;gap:var(--r-1)}.opzet__label{color:var(--inkt-2);font:var(--t-label)}.opzet__invoer{min-height:2.9rem;padding:0 var(--r-3);border:0;border-radius:12px;background:var(--vlak-2);box-shadow:inset 0 0 0 1px var(--naad);color:var(--inkt);font:var(--t-tekst)}.opzet__invoer:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.opzet__invoer::placeholder{color:var(--inkt-3)}.opzet__hint{color:var(--inkt-3);font:var(--t-label);font-weight:400}.pad--vast .pad__knop{cursor:default}.klok{display:inline-flex;align-items:center;gap:6px;color:var(--inkt-2);font:var(--t-label)}.klok svg{width:.95rem;height:.95rem}.klok b{color:var(--inkt);font:600 .9rem/1 var(--letter-mono)}.klok[data-state=krap] b{color:var(--leert-tekst)}.klok[data-state=op] b{color:var(--fout-tekst)}.klok--uit{color:var(--inkt-3)}.week,.voortgang{display:grid;grid-template-columns:minmax(0,1fr)}.voortgang{gap:var(--r-4)}.weekstrook{position:relative;z-index:2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:var(--r-5)}.weekstaaf{display:grid;justify-items:center;gap:6px}.weekstaaf__vak{max-width:3rem}.weekstaaf__getal{min-height:1em;color:var(--inkt-2);font:600 .72rem/1 var(--letter-mono);font-variant-numeric:tabular-nums}.weekstaaf__vak{position:relative;width:100%;height:6.5rem;overflow:hidden;border-radius:999px;background:var(--vlak-2)}.weekstaaf__vol{position:absolute;left:0;right:0;bottom:0;border-radius:999px;background:color-mix(in srgb,var(--up) 32%,var(--vlak-2));transform-origin:50% 100%;animation:groei var(--duur-veer) var(--veer) both;animation-delay:calc(var(--i, 0) * 30ms + .12s)}.weekstaaf__goed{position:absolute;left:0;right:0;bottom:0;border-radius:999px;background:var(--up)}.weekstaaf[data-vandaag] .weekstaaf__vak{box-shadow:inset 0 0 0 1.5px var(--accent)}.weekstaaf[data-komt] .weekstaaf__vak{background:none;box-shadow:inset 0 0 0 1.5px var(--naad)}.weekstaaf__dag{color:var(--inkt-3);font:600 .62rem/1 var(--letter-mono);text-transform:uppercase;letter-spacing:.06em}.weekstaaf[data-vandaag] .weekstaaf__dag{color:var(--accent)}.weekstrook__uitleg{position:relative;z-index:2;margin-top:var(--r-3);color:var(--inkt-2);font:var(--t-label);font-weight:400}.weekblader{display:flex;justify-content:space-between;margin-top:var(--r-2)}.weekblader .tekstknop:disabled{opacity:.35}.peil__lijst{display:grid;gap:var(--r-2)}.peil__lijst li{display:grid;gap:1px;font:var(--t-klein)}.peil__lijst li b{font-weight:600}.peil__lijst li span{color:var(--inkt-3)}.peil__lijst li[data-voorbij]{opacity:.55}.weekwereld__kleur{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--kleur)}.weekwereld__stand{display:grid;justify-items:end;gap:2px;flex:none}.weekwereld__stand b{font:700 1.1rem/1 var(--cijferletter);font-variant-numeric:tabular-nums}.weekwereld__stand b small{color:var(--inkt-3);font-size:.7em}.delta{color:var(--inkt-3);font:var(--t-label);font-weight:500;font-variant-numeric:tabular-nums}.delta--op{color:var(--up-tekst)}.delta--af{color:var(--fout-tekst)}.hint{margin-top:var(--r-3);color:var(--inkt-3);font:var(--t-label);font-weight:400;text-wrap:pretty}.pogingen__kop>span:first-child{margin-right:auto}.pogingen__kop>span:first-child+.pogingen__telling{margin-left:0}.tabelvak{overflow-x:auto}.meettabel{width:100%;border-collapse:collapse;font:var(--t-klein);font-variant-numeric:tabular-nums}.meettabel th,.meettabel td{padding:var(--r-2) var(--r-3) var(--r-2) 0;border-bottom:1px solid var(--naad);text-align:left;white-space:nowrap}.meettabel thead th{color:var(--inkt-3);font:var(--t-label)}.meettabel tbody th{font-weight:500}.meettabel tr[data-vandaag] th{color:var(--accent-tekst)}.weektabel__nu{color:var(--accent-tekst);font:var(--t-label)}.meenemen__knoppen{display:grid;grid-template-columns:1fr 1fr;gap:var(--r-3)}.meenemen__melding{margin-top:var(--r-3)}.meenemen__tekst{max-height:22rem;overflow:auto;padding:var(--r-3);border-radius:12px;background:var(--vlak-2);font:var(--t-code);font-size:.76rem;white-space:pre-wrap}.ktiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-3)}.ktile{display:grid;gap:2px;padding:var(--r-3) var(--r-3) var(--r-2);border-radius:20px;background:var(--vlak);text-align:left;color:var(--inkt);transition:transform var(--duur-tik) var(--uit)}.ktile:active{transform:scale(.97)}.ktile[aria-pressed=true]{box-shadow:0 0 0 2px var(--kleur)}.ktile__label{display:flex;align-items:center;gap:6px;color:var(--inkt-3);font:600 .66rem/1.2 var(--letter-mono);text-transform:uppercase;letter-spacing:.06em}.ktile__label:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--kleur)}.ktile__value{font:800 2rem/1 var(--cijferletter);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.vonk{display:block;width:100%;height:2.2rem;margin-top:var(--r-1);overflow:visible}.vonk__pad{fill:none;stroke:var(--kleur);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vonk__vlak{fill:color-mix(in srgb,var(--kleur) 14%,transparent)}.vonk__eind{fill:var(--kleur)}.grafiek{padding:var(--r-4);border-radius:var(--straal-vlak);background:var(--vlak)}.grafiek__titel{color:var(--inkt-3);font:600 .7rem/1.2 var(--letter-mono);text-transform:uppercase;letter-spacing:.08em}.grafiek__hero{margin-top:var(--r-1);font:800 4rem/.95 var(--cijferletter);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.grafiek__onder{margin-top:var(--r-2);color:var(--inkt-2);font:var(--t-klein)}.grafiek__lezing{min-height:1.4em;margin-top:var(--r-1);color:var(--accent-tekst);font:var(--t-label)}.lijn{margin-top:var(--r-3);margin-left:calc(var(--r-2) * -1)}.lijn__svg{display:block;overflow:visible;touch-action:pan-y}.lijn__svg:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:6px}.lijn__grid{stroke:var(--naad);stroke-width:1}.lijn__as{fill:var(--inkt-3);font:500 11px var(--letter);font-variant-numeric:tabular-nums}.lijn__vlak{fill:color-mix(in srgb,var(--accent) 10%,transparent)}.lijn__pad{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.lijn__stip{fill:var(--vlak);stroke:var(--accent);stroke-width:2}.lijn__draad{stroke:var(--rand);stroke-width:1;stroke-dasharray:3 3}.lijn__nu{fill:var(--accent);stroke:var(--vlak);stroke-width:2.5}.terugkomst{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}.terugkomst__dag{display:grid;justify-items:center;gap:4px}.terugkomst__getal{min-height:1em;color:var(--inkt-3);font:600 .6rem/1 var(--letter-mono)}.terugkomst__vak{position:relative;width:100%;height:5rem;overflow:hidden;border-radius:4px;background:var(--vlak-2)}.terugkomst__vak i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:var(--accent);transform-origin:50% 100%;animation:groei var(--duur-veer) var(--veer) both;animation-delay:calc(var(--i, 0) * 20ms + .1s)}.terugkomst__dag small{color:var(--inkt-3);font:600 .58rem/1 var(--letter-mono)}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;justify-items:center;align-items:start;padding-top:14vh;background:var(--dim);animation:aangaan .12s var(--uit) both}.palette-modal{width:min(560px,92vw);overflow:hidden;border-radius:18px;background:var(--vlak);box-shadow:var(--schaduw-zwevend),inset 0 0 0 1px var(--naad);animation:palet-in .18s var(--uit) both}@keyframes palet-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.palette-search{display:flex;align-items:center;gap:var(--r-3);padding:0 var(--r-4);border-bottom:1px solid var(--naad)}.palette-glas{flex:none;width:1.2rem;height:1.2rem;color:var(--inkt-3)}.palette-search input{flex:1;min-width:0;min-height:3.4rem;border:0;background:none;color:var(--inkt);font:var(--t-tekst);font-size:1.1rem}.palette-search input:focus{outline:none}.palette-search input::placeholder{color:var(--inkt-3)}.palette-results{max-height:min(52vh,26rem);overflow-y:auto;padding:var(--r-2)}.palette-results li{display:grid;grid-template-columns:4.2rem minmax(0,1fr) auto;align-items:center;gap:var(--r-3);min-height:2.8rem;padding:0 var(--r-3);border-radius:10px;cursor:pointer}.palette-results li.selected{background:var(--vlak-2)}.palette-item-code{color:var(--inkt-2);font:600 .8rem/1 var(--letter-mono)}.palette-item-title{overflow:hidden;font:var(--t-klein);text-overflow:ellipsis;white-space:nowrap}.palette-item-shortcut{padding:2px 7px;border-radius:6px;background:var(--vlak);box-shadow:inset 0 0 0 1px var(--naad),0 1px 0 var(--naad);color:var(--inkt-3);font:600 .7rem/1.4 var(--letter)}.palette-empty{padding:var(--r-5) var(--r-4);color:var(--inkt-3);font:var(--t-klein)}@keyframes knoopUp{0%{transform:scale(1.3)}35%{transform:scale(1.75)}65%{transform:scale(.9)}to{transform:scale(1)}}@keyframes ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes link{0%{transform:scaleX(0)}}.ronde__kop .keten__stap[data-stand=goed] .keten__knoop{animation:knoopUp .38s var(--uit) both}.ronde__kop .keten__stap[data-stand=goed] .keten__knoop:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:4px;box-shadow:0 0 0 2px var(--up);opacity:0;animation:ring .46s var(--uit) both;pointer-events:none}.ronde__kop .keten__stap[data-link=up]:before{transform-origin:0 50%;animation:link .24s var(--uit) 60ms both}@keyframes knoopFout{0%{transform:scale(1.3)}50%{transform:scale(.78)}to{transform:scale(1)}}.ronde__kop .keten__stap[data-stand=fout] .keten__knoop{animation:knoopFout .34s var(--uit) both}@keyframes knik{25%{transform:translateY(-3px)}50%{transform:none}75%{transform:translateY(-2px)}}.blad[data-oordeel=wrong] .blad__waarom svg{animation:knik .8s var(--uit) .7s both}@keyframes opstijgen{0%{opacity:0;transform:translateY(10px)}}.display--afloop .keten__stap{animation:aangaan .16s var(--uit) both;animation-delay:calc(var(--k, 0) * 35ms + .12s)}.display--afloop .keten__stap[data-stand=goed] .keten__knoop{animation:knoopUp .38s var(--uit) both;animation-delay:calc(var(--k, 0) * 35ms + .16s)}.afloop__label,.afloop__groot,.afloop__onder{animation:opstijgen .28s var(--uit) both}.afloop__groot{animation-delay:60ms}.afloop__onder{animation-delay:.12s}.boss-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;align-content:center;justify-items:center;gap:var(--r-2);padding:var(--r-6);background:radial-gradient(closest-side,color-mix(in srgb,var(--fout) 16%,transparent),transparent) 50% 44% / 30rem 30rem no-repeat,var(--zwart);color:var(--inkt);text-align:center;cursor:pointer;animation:introWeg .26s var(--uit) .98s forwards}.boss-intro__beeld{width:min(68vw,260px);height:auto;animation:bossIn .42s var(--uit) 60ms both}.boss-intro__naam{color:var(--fout);font:800 3rem/1 var(--letter-mono);letter-spacing:-.03em;animation:opstijgen .26s var(--uit) .24s both}.boss-intro__regel{color:var(--inkt-2);font:var(--t-klein);animation:opstijgen .26s var(--uit) .32s both}@keyframes bossIn{0%{opacity:0;transform:scale(1.35)}60%{opacity:1;transform:scale(.97)}to{transform:scale(1)}}@keyframes introWeg{to{opacity:0;visibility:hidden}}.afloop[data-state=won] .boss__naam:after{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:.09em;border-radius:99px;background:var(--up);transform-origin:0 50%;animation:doorhalen .42s var(--uit) .62s both}@keyframes doorhalen{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.knop,.keten__knoop,.tel__titel,.tel__knop,.tel__knop:before,.niveau,.antwoorden .antwoord,.held__knop,.tegel,.wereld{transition-duration:1ms!important}.keten__stap[data-stand=nu] .keten__knoop{transform:none}.held__beeld,.held__licht,.weekstaaf__vol,.terugkomst__vak i,.palette-backdrop,.palette-modal,.ronde__kop .keten__knoop,.ronde__kop .keten__knoop:after,.ronde__kop .keten__stap:before,.antwoord,.typed,.blad__waarom svg,.blad__beeld,.display--afloop .keten__stap,.display--afloop .keten__knoop,.afloop__label,.afloop__groot,.afloop__onder,.afloop__beeld>*,.afloop[data-state=won] .boss__naam:after,.arena .hp,.mijlpaal,.mijlpaal:before,.mijlpaal-beeld--groot,.mijlpaal .lint,.mijlpaal__titel,.mijlpaal .knop,.tegels>*,.kerncijfer,.vandaagronde{animation:none!important}}.shell{--zijbalk: 16.5rem;display:grid;grid-template-columns:var(--zijbalk) minmax(0,1fr);min-height:100vh;min-height:100dvh}.shell--focus{grid-template-columns:minmax(0,1fr)}.zijbalk{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;padding:var(--r-5) var(--r-3) var(--r-4);background:var(--strook);box-shadow:inset -1px 0 0 var(--naad);scrollbar-width:none}.zijbalk__merk{display:flex;align-items:center;gap:var(--r-2);padding:0 var(--r-2);margin-bottom:var(--r-5)}.zijbalk__merk b{font:var(--t-titel);letter-spacing:var(--s-titel)}.zijbalk__zoek{display:flex;align-items:center;gap:var(--r-2);width:100%;min-height:2.5rem;margin-bottom:var(--r-4);padding:0 var(--r-2) 0 var(--r-3);border-radius:999px;background:var(--vlak);color:var(--inkt-3);font:var(--t-klein);text-align:left;transition:color var(--duur-kort) var(--uit),background-color var(--duur-kort) var(--uit)}.zijbalk__zoek svg{flex:none;width:1.05rem;height:1.05rem}.zijbalk__zoek kbd{margin-left:auto;padding:3px 7px;border-radius:999px;background:var(--vlak-2);color:var(--inkt-2);font:600 .66rem/1 var(--letter-mono)}.zijbalk__zoek:hover{color:var(--inkt-2);background:var(--vlak-2)}.zijbalk__nav,.zijbalk__werelden{display:grid;gap:2px}.zijbalk__plek,.zijbalk__wereld{display:grid;align-items:center;gap:var(--r-3);width:100%;min-height:2.6rem;border-radius:12px;color:var(--inkt-2);text-align:left;transition:background-color var(--duur-kort) var(--uit),color var(--duur-kort) var(--uit)}.zijbalk__plek{grid-template-columns:1.25rem minmax(0,1fr);padding:0 var(--r-3);font:var(--t-kop);font-weight:500}.zijbalk__plek svg{width:1.25rem;height:1.25rem}.zijbalk__wereld{grid-template-columns:2rem minmax(0,1fr) auto;padding:0 var(--r-3) 0 var(--r-2);font:var(--t-klein);font-weight:500}.zijbalk__wereld .beeld{width:2rem;height:2rem}.zijbalk__wereld b{color:var(--kleur);font:800 1.1rem/1 var(--cijferletter);font-variant-numeric:tabular-nums}.zijbalk__wereld b small{font-size:.6em;margin-left:1px}.zijbalk__wereld svg{width:1rem;height:1rem;color:var(--inkt-3)}.zijbalk__wereld:disabled{cursor:default;opacity:.45}.zijbalk__plek:hover,.zijbalk__wereld:hover:not(:disabled){background:var(--vlak);color:var(--inkt)}.zijbalk__plek[aria-current=page],.zijbalk__wereld[aria-current=page]{background:var(--vlak-2);color:var(--inkt)}.zijbalk__plek[aria-current=page]{font-weight:600}.zijbalk__kop{margin:var(--r-6) var(--r-3) var(--r-2);color:var(--inkt-3);font:600 .66rem/1.2 var(--letter-mono);letter-spacing:.08em;text-transform:uppercase}.zijbalk__onder{display:grid;justify-items:start;gap:var(--r-2);margin-top:auto;padding:var(--r-6) var(--r-2) 0}.zijbalk__slot{margin:0;font:var(--t-klein)}.zijbalk__slot svg{width:1rem;height:1rem}.hoofd{width:100%;max-width:74rem;margin:0 auto;padding:var(--r-8) clamp(1.5rem,4vw,3.5rem) var(--r-16)}.hoofd--midden{max-width:56rem}.hoofd--smal{max-width:46rem}.shell--focus .hoofd{padding-top:var(--r-6);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.shell--focus .hoofd>*{flex:1 0 auto}.dashboard__boven,.dashboard__ronde{display:contents}.dashboard .dashboard__boven{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--r-6);align-items:start}.dashboard .dashboard__ronde{display:block}.dashboard .tegels{margin-top:0}.dashboard .werelden{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.dashboard>.sectie{margin-top:var(--r-10)}@media(hover:hover)and (pointer:fine){button.tegel:hover,button.wereld:hover,.lijst__rij:hover,.pad__knop:hover{background:var(--vlak-2)}.antwoorden .antwoord:hover:not(:disabled):not([data-verdict]){background:var(--vlak-2)}.knop:hover:not(:disabled){filter:brightness(1.08)}.knop--primair:hover:not(:disabled){filter:brightness(.92)}}@media(max-width:72rem){.dashboard .dashboard__boven{grid-template-columns:minmax(0,1fr)}}@media(max-width:56rem){.shell{--zijbalk: 4.5rem}.zijbalk{padding-inline:var(--r-2);align-items:center}.zijbalk__merk{padding:0}.zijbalk__merk b,.zijbalk__zoek span,.zijbalk__zoek kbd,.zijbalk__plek span,.zijbalk__wereld span,.zijbalk__wereld b,.zijbalk__wereld>svg,.zijbalk__kop{display:none}.zijbalk__zoek{justify-content:center;width:2.75rem;padding:0}.zijbalk__plek,.zijbalk__wereld{grid-template-columns:1fr;justify-items:center;width:2.9rem;padding:0}.zijbalk__werelden{margin-top:var(--r-4)}.zijbalk__onder{justify-items:center;padding-inline:0}.zijbalk__onder .niveau{font-size:0;gap:0;padding:0}.zijbalk__slot{font-size:0}.zijbalk__slot svg{width:1.2rem;height:1.2rem}}.tegel--cijfer{align-content:start;gap:var(--r-2)}.tegel--cijfer[data-stand=voldoende] .groot-getal b{color:var(--up)}.tegel__regel{color:var(--inkt-2);font:var(--t-klein);text-wrap:pretty}.cijfers__lijst{margin-top:var(--r-3)}.cijfer-regel__cijfer{flex:none;font:800 1.6rem/1 var(--cijferletter);font-variant-numeric:tabular-nums}.cijfer-regel__cijfer[data-voldoende]{color:var(--up-tekst)}.cijfer-regel__invul,.balk__invul{flex:none;padding:5px 12px;border-radius:999px;background:var(--vlak-2);color:var(--inkt);font:var(--t-label)}.cijfer-vorm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-2);padding:0 var(--r-4) var(--r-4)}.cijfer-vorm__veld{width:6.5rem;min-height:2.9rem;padding:0 var(--r-4);border:0;border-radius:999px;background:var(--vlak-2);color:var(--inkt);font:800 1.35rem/1 var(--cijferletter);font-variant-numeric:tabular-nums}.cijfer-vorm__veld::placeholder{color:var(--inkt-3)}.cijfer-vorm__veld:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.cijfer-vorm .knop{min-height:2.9rem}.cijfer-vorm__fout{display:flex;align-items:center;gap:var(--r-1);flex-basis:100%;color:var(--fout-tekst);font:var(--t-klein)}.cijfer-vorm__fout svg{flex:none;width:1rem;height:1rem}.balk--geweest .balk__kop{grid-column:1}.film{display:inline-block;aspect-ratio:1;overflow:hidden;mix-blend-mode:lighten;vertical-align:top}:where(.film){width:var(--maat)}.film video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.mijlpalen__onder{color:var(--inkt-3);font:600 .66rem/1.3 var(--letter-mono);letter-spacing:.04em;text-align:center}.mijlpalen li{gap:var(--r-1)}.mijlpaal__tekst{margin-top:calc(var(--r-3) * -1);font:var(--t-titel-groot);letter-spacing:var(--s-titel-groot);text-align:center;text-wrap:balance;animation:opstijgen .28s var(--uit) .56s both}@media(prefers-reduced-motion:reduce){.mijlpaal__tekst{animation:none}}