:root{--inkt:#101c17;--inkt-zacht:#3c4a43;--inkt-licht:#6e7b74;--papier:#fbf8f2;--papier-diep:#f2ede3;--wit:#fff;--op-donker:#fbf8f2;--groen:#1e5b3c;--groen-diep:#123a26;--groen-zacht:#e4efe7;--goud:#b4842c;--goud-zacht:#fbf0d8;--rood:#a63329;--rood-zacht:#faeae7;--rand:#e3ddd0;--rand-sterk:#cfc7b5;--r-s:10px;--r-m:16px;--r-l:22px;--r-xl:30px;--schaduw-s:0 1px 2px #101c170d, 0 2px 6px #101c170a;--schaduw-m:0 2px 4px #101c170d, 0 8px 22px #101c1712;--schaduw-l:0 6px 14px #101c1712, 0 22px 48px #101c171f;--display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, ui-serif, serif;--tekst:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--kop:64px;--tab:68px;--vh:100dvh}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--tekst);background:var(--papier);color:var(--inkt);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;overflow-x:clip}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.15}p{margin:0}::selection{background:var(--goud-zacht);color:var(--inkt)}:focus-visible{outline:2px solid var(--groen);outline-offset:3px;border-radius:6px}.schil{min-height:var(--vh);background:var(--papier);flex-direction:column;max-width:720px;margin:0 auto;display:flex;position:relative}.kop{z-index:40;height:var(--kop);padding:0 18px;padding-top:env(safe-area-inset-top);height:calc(var(--kop) + env(safe-area-inset-top));-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--rand);background:#fbf8f2e0;align-items:center;gap:12px;display:flex;position:sticky;top:0}.kop-merk{align-items:center;gap:10px;min-width:0;display:flex}.kop-titel{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;font-size:19px;font-weight:600}.kop-sub{color:var(--inkt-licht);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.kop-rechts{align-items:center;gap:8px;margin-left:auto;display:flex}.merkje{background:var(--inkt);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.merkje svg{width:20px;height:20px}.inhoud{padding:20px 18px calc(var(--tab) + env(safe-area-inset-bottom) + 28px);flex:1;min-width:0}.tabbalk{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--rand);width:100%;max-width:720px;padding-bottom:env(safe-area-inset-bottom);background:#fbf8f2f0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{height:var(--tab);color:var(--inkt-licht);letter-spacing:.01em;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10.5px;transition:color .18s;display:flex;position:relative}.tab svg{width:21px;height:21px}.tab.actief{color:var(--groen);font-weight:600}.tab.actief:before{content:"";background:var(--groen);border-radius:0 0 3px 3px;width:26px;height:2.5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tab-badge{background:var(--goud);min-width:17px;height:17px;color:var(--op-donker);text-align:center;border-radius:9px;margin-left:5px;padding:0 5px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:10px;left:50%}.kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s)}.sectiekop{align-items:baseline;gap:10px;margin:34px 0 14px;display:flex}.sectiekop:first-child{margin-top:4px}.sectiekop h2{font-size:21px}.sectiekop .telling{color:var(--inkt-licht);margin-left:auto;font-size:12.5px}.oogje{letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-licht);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.knop{background:var(--inkt);height:52px;color:var(--papier);letter-spacing:-.005em;box-shadow:var(--schaduw-m);will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 24px;font-size:15.5px;font-weight:600;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s,opacity .16s;display:inline-flex}.knop:active{box-shadow:var(--schaduw-s);transform:translateY(1px)scale(.985)}.knop:disabled{opacity:.4;box-shadow:none}.knop svg{width:18px;height:18px}.knop--vol{width:100%}.knop--groen{background:var(--groen)}.knop--licht{background:var(--wit);color:var(--inkt);border:1px solid var(--rand-sterk);box-shadow:var(--schaduw-s)}.knop--stil{color:var(--inkt-zacht);box-shadow:none;background:0 0;height:44px;padding:0 14px}.knop--klein{height:40px;padding:0 16px;font-size:14px}.stapel{gap:12px;display:grid}.rij{align-items:center;gap:12px;display:flex}.balk{background:var(--papier-diep);border-radius:999px;height:5px;overflow:hidden}.balk>i{background:var(--groen);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.3,1);display:block}.balk--goud>i{background:var(--goud)}.chip{background:var(--papier-diep);height:27px;color:var(--inkt-zacht);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.chip--groen{background:var(--groen-zacht);color:var(--groen)}.chip--goud{background:var(--goud-zacht);color:var(--goud)}.chip--rood{background:var(--rood-zacht);color:var(--rood)}.chip--gat{background:var(--papier-diep);color:#0000;box-shadow:none;opacity:.5}.leeg{text-align:center;color:var(--inkt-licht);padding:44px 22px}.leeg h3{color:var(--inkt);margin-bottom:8px;font-size:18px}.leeg p{font-size:14px;line-height:1.6}.hoofdkaart{border-radius:var(--r-xl);color:var(--papier);box-shadow:var(--schaduw-l);background:linear-gradient(158deg,#17402b 0%,#101c17 78%);padding:26px 24px 24px;position:relative;overflow:hidden}.hoofdkaart:after{content:"";pointer-events:none;background:radial-gradient(circle,#b4842c4d,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-70px}.hoofdkaart h2{color:var(--op-donker);letter-spacing:-.025em;margin:10px 0 6px;font-size:30px}.hoofdkaart p{color:#fbf8f2b8;font-size:14.5px;line-height:1.55}.hoofdkaart .oogje{color:#fbf8f299}.hoofdkaart .knop{background:var(--papier);color:var(--inkt);margin-top:20px}.tegels{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tegel{border-radius:var(--r-m);padding:16px 16px 15px}.tegel b{font-family:var(--display);letter-spacing:-.02em;font-size:27px;line-height:1;display:block}.tegel span{color:var(--inkt-licht);margin-top:6px;font-size:12.5px;line-height:1.35;display:block}.dagrij{gap:7px;margin-top:14px;display:flex}.dagrij>div{text-align:center;flex:1}.dagrij i{background:var(--papier-diep);border:1px solid var(--rand);border-radius:9px;height:34px;display:block}.dagrij i.vol{background:var(--groen);border-color:var(--groen)}.dagrij i.half{background:var(--groen-zacht);border-color:var(--groen-zacht)}.dagrij span{color:var(--inkt-licht);margin-top:6px;font-size:10.5px;display:block}.flits{perspective:1600px}.flits-binnen{min-height:268px;transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.3,.9,.3,1);position:relative}.flits.om .flits-binnen{transform:rotateY(180deg)}.flits-kant{backface-visibility:hidden;text-align:center;border-radius:var(--r-xl);background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw-m);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 24px;display:flex;position:absolute;inset:0}.flits-kant--achter{color:var(--papier);background:linear-gradient(158deg,#17402b,#101c17);border-color:#0000;transform:rotateY(180deg)}.flits-woord{font-family:var(--display);letter-spacing:-.03em;font-size:38px;line-height:1.08}.flits-kant--achter .flits-woord{color:var(--op-donker)}.flits-hint{font-family:var(--mono);color:var(--inkt-licht);letter-spacing:.02em;font-size:13px}.flits-kant--achter .flits-hint{color:#fbf8f294}.flits-vb{color:var(--inkt-zacht);max-width:30ch;font-size:14px;line-height:1.6}.flits-kant--achter .flits-vb{color:#fbf8f2c7}.beoordeel{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.beoordeel button{border-radius:var(--r-m);border:1px solid var(--rand-sterk);background:var(--wit);height:62px;color:var(--inkt-zacht);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;transition:transform .14s,border-color .14s,background .14s;display:flex}.beoordeel button:active{transform:scale(.96)}.beoordeel button small{color:var(--inkt-licht);font-size:10px;font-weight:500}.beoordeel button[data-graad="0"]{border-color:#e7c6c2}.beoordeel button[data-graad="0"]:active{background:var(--rood-zacht)}.beoordeel button[data-graad="3"]{border-color:#bedcc9}.beoordeel button[data-graad="3"]:active{background:var(--groen-zacht)}.vraagkop{text-align:center;margin-bottom:22px}.vraagkop .oogje{justify-content:center;margin-bottom:12px}.vraagkop h2{letter-spacing:-.03em;font-size:32px}.vraagkop p{color:var(--inkt-licht);margin-top:8px;font-size:14px}.keuzes{gap:10px;display:grid}.keuze{border-radius:var(--r-m);border:1.5px solid var(--rand);background:var(--wit);text-align:left;align-items:center;gap:13px;min-height:60px;padding:12px 17px;font-size:16px;font-weight:500;transition:transform .14s,border-color .16s,background .16s;display:flex}.keuze:active{transform:scale(.99)}.keuze .letter{background:var(--papier-diep);width:27px;height:27px;color:var(--inkt-licht);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.keuze.goed{border-color:var(--groen);background:var(--groen-zacht)}.keuze.goed .letter{background:var(--groen);color:var(--op-donker)}.keuze.fout{border-color:var(--rood);background:var(--rood-zacht)}.keuze.fout .letter{background:var(--rood);color:var(--op-donker)}.keuze:disabled{opacity:1}.invul{border-radius:var(--r-m);border:1.5px solid var(--rand-sterk);background:var(--wit);width:100%;height:60px;font-size:18px;font-family:var(--display);text-align:center;padding:0 18px}.invul:focus{border-color:var(--groen);outline:none}.invul.goed{border-color:var(--groen);background:var(--groen-zacht)}.invul.fout{border-color:var(--rood);background:var(--rood-zacht)}.invul.bijna{border-color:var(--goud);background:var(--goud-zacht)}.uitslag{border-radius:var(--r-m);border:1px solid var(--rand);background:var(--papier-diep);margin-top:18px;padding:16px 18px}.uitslag.goed{background:var(--groen-zacht);border-color:#bedcc9}.uitslag.fout{background:var(--rood-zacht);border-color:#e7c6c2}.uitslag.bijna{background:var(--goud-zacht);border-color:#eddcb8}.uitslag b{margin-bottom:5px;font-size:14.5px;display:block}.uitslag p{color:var(--inkt-zacht);font-size:13.5px;line-height:1.6}.voortgangsbalk{align-items:center;gap:12px;margin-bottom:22px;display:flex}.voortgangsbalk .balk{flex:1}.voortgangsbalk span{color:var(--inkt-licht);font-variant-numeric:tabular-nums;font-size:12.5px}.bubbel{max-width:82%;box-shadow:var(--schaduw-s);border-radius:20px;padding:13px 17px;font-size:15.5px;line-height:1.45}.bubbel small{opacity:.62;margin-top:5px;font-size:12.5px;display:block}.bubbel--ander{background:var(--wit);border:1px solid var(--rand);border-bottom-left-radius:7px;align-self:flex-start}.bubbel--jij{background:var(--groen);color:var(--op-donker);border-bottom-right-radius:7px;align-self:flex-end}.bubbel--jij small{opacity:.75}.gesprekstroom{flex-direction:column;gap:11px;display:flex}.uitleg h3{margin-bottom:6px;font-size:22px}.uitleg>p{color:var(--inkt-zacht);margin-bottom:13px;font-size:15px;line-height:1.68}.uitleg .kern{border-radius:var(--r-m);background:var(--goud-zacht);color:#6b4e14;border:1px solid #eddcb8;margin-bottom:18px;padding:15px 17px;font-size:14.5px;font-weight:500;line-height:1.55}.uitleg .fout{border-radius:var(--r-m);background:var(--rood-zacht);color:#7a2a22;border:1px solid #e7c6c2;padding:15px 17px;font-size:14px;line-height:1.6}.uitleg .fout b{letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:12px;display:block}.tabelwrap{-webkit-overflow-scrolling:touch;margin:4px -18px 18px;padding:0 18px;overflow-x:auto}table.g{border-collapse:collapse;width:100%;min-width:340px;font-size:14px}table.g th{text-align:left;background:var(--papier-diep);letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-licht);padding:9px 12px;font-size:11px;font-weight:700}table.g th:first-child{border-radius:9px 0 0 9px}table.g th:last-child{border-radius:0 9px 9px 0}table.g td{border-bottom:1px solid var(--rand);vertical-align:top;padding:11px 12px;line-height:1.45}table.g tr:last-child td{border-bottom:none}table.g td:first-child{font-family:var(--display);font-weight:600}.zoekbalk{margin-bottom:14px;position:relative}.zoekbalk input{border:1px solid var(--rand-sterk);background:var(--wit);border-radius:999px;width:100%;height:50px;padding:0 16px 0 44px;font-size:15.5px}.zoekbalk input:focus{border-color:var(--groen);outline:none}.zoekbalk svg{width:17px;height:17px;color:var(--inkt-licht);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.wrij{border-bottom:1px solid var(--rand);align-items:center;gap:12px;padding:13px 16px;display:flex}.wrij:last-child{border-bottom:none}.wrij .w{flex:1;min-width:0}.wrij .w b{font-family:var(--display);letter-spacing:-.01em;font-size:17px;display:block}.wrij .w span{color:var(--inkt-licht);margin-top:1px;font-size:13.5px;display:block}.wrij .stadium{background:var(--rand-sterk);border-radius:50%;flex:none;width:7px;height:7px}.wrij .stadium.lerend{background:var(--goud)}.wrij .stadium.herhaling{background:var(--groen)}.wrij .stadium.vast{background:var(--groen-diep)}.luidspreker{background:var(--papier-diep);width:38px;height:38px;color:var(--inkt-zacht);border-radius:12px;flex:none;place-items:center;transition:transform .14s,background .14s;display:grid}.luidspreker:active{background:var(--groen-zacht);transform:scale(.92)}.luidspreker svg{width:17px;height:17px}.luidspreker.speelt{background:var(--groen);color:var(--op-donker)}.lijstkaart{text-align:left;border-radius:var(--r-l);background:var(--wit);border:1px solid var(--rand);width:100%;box-shadow:var(--schaduw-s);padding:17px 18px;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s;display:block}.lijstkaart:active{transform:translateY(1px)scale(.995)}.lijstkaart h3{margin-bottom:3px;font-size:17px}.lijstkaart p{color:var(--inkt-licht);font-size:13.5px;line-height:1.5}.lijstkaart .onder{align-items:center;gap:10px;margin-top:13px;display:flex}.lijstkaart .onder .balk{flex:1}.lijstkaart .onder span{color:var(--inkt-licht);font-variant-numeric:tabular-nums;font-size:12px}.overlaag{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101c176b;justify-content:center;align-items:flex-end;animation:.2s verschijn;display:flex;position:fixed;inset:0}.blad{background:var(--papier);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:720px;max-height:88%;padding:10px 18px calc(24px + env(safe-area-inset-bottom));animation:.28s cubic-bezier(.2,.9,.3,1) omhoog;overflow-y:auto}.blad .greep{background:var(--rand-sterk);border-radius:999px;width:40px;height:4px;margin:6px auto 16px}@keyframes verschijn{0%{opacity:0}to{opacity:1}}@keyframes omhoog{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intik{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.intik{animation:.3s cubic-bezier(.2,.8,.3,1) both intik}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=360px){.flits-woord{font-size:32px}.vraagkop h2{font-size:27px}.tegel b{font-size:24px}.beoordeel button{height:56px;font-size:11px}}.splash{z-index:200;color:var(--papier);text-align:center;background:linear-gradient(168deg,#17402b 0%,#101c17 55%,#1e1410 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;transition:opacity .7s cubic-bezier(.2,.8,.3,1),visibility .7s;display:flex;position:fixed;inset:0}.splash.weg{opacity:0;visibility:hidden;pointer-events:none}.splash-zegel{width:104px;height:104px;animation:1.1s cubic-bezier(.2,.8,.3,1) both zegelIn}.splash-zegel svg{width:100%;height:100%}.splash-naam{font-family:var(--display);letter-spacing:-.03em;color:var(--op-donker);font-size:34px;font-weight:600;line-height:1.1;animation:.9s cubic-bezier(.2,.8,.3,1) .15s both rijsIn}.splash-sub{text-transform:uppercase;letter-spacing:.24em;color:#fbf8f299;font-size:11px;animation:.9s cubic-bezier(.2,.8,.3,1) .3s both rijsIn}@keyframes zegelIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes rijsIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.welkom{min-height:var(--vh);max-width:720px;padding:calc(env(safe-area-inset-top) + 40px) 22px calc(env(safe-area-inset-bottom) + 28px);color:var(--papier);background:linear-gradient(168deg,#17402b 0%,#101c17 62%);flex-direction:column;margin:0 auto;display:flex}.welkom-top{text-align:center;animation:.7s cubic-bezier(.2,.8,.3,1) both rijsIn}.welkom-zegel{width:62px;height:62px;margin:0 auto 18px}.welkom-top h1{color:var(--op-donker);letter-spacing:-.03em;margin-bottom:8px;font-size:34px}.welkom-top p{color:#fbf8f2b8;max-width:34ch;margin:0 auto;font-size:15px;line-height:1.6}.welkom-punten{gap:13px;margin:30px 0 26px;animation:.7s cubic-bezier(.2,.8,.3,1) .12s both rijsIn;display:grid}.welkom-punt{align-items:flex-start;gap:13px;display:flex}.welkom-punt svg{width:19px;height:19px;color:var(--goud);flex:none;margin-top:2px}.welkom-punt b{color:var(--op-donker);margin-bottom:2px;font-size:14.5px;font-weight:600;display:block}.welkom-punt span{color:#fbf8f29e;font-size:13px;line-height:1.55}.welkom-vak{border-radius:var(--r-xl);background:#fbf8f20f;border:1px solid #fbf8f21f;margin-top:auto;padding:20px;animation:.7s cubic-bezier(.2,.8,.3,1) .24s both rijsIn}.welkom-vak .invul{color:var(--papier);text-align:left;font-family:var(--tekst);background:#fbf8f214;border-color:#fbf8f22e;height:52px;font-size:16px}.welkom-vak .invul::placeholder{color:#fbf8f266}.welkom-vak .invul:focus{border-color:var(--goud)}.welkom-vak label>span{color:#fbf8f2c7}.welkom-tabs{gap:8px;margin-bottom:18px;display:flex}.welkom-tabs button{color:#fbf8f2ad;background:#fbf8f212;border:1px solid #0000;border-radius:999px;flex:1;height:42px;font-size:14px;font-weight:600;transition:background .18s,color .18s}.welkom-tabs button.actief{background:var(--papier);color:var(--inkt)}.welkom-overslaan{color:#fbf8f299;text-underline-offset:3px;width:100%;margin-top:16px;font-size:13.5px;text-decoration:underline;display:block}.pad{padding:4px 0 12px;position:relative}.pad:before{content:"";background:var(--rand);border-radius:2px;width:2px;position:absolute;top:22px;bottom:22px;left:33px}.padrij{align-items:flex-start;gap:15px;padding:8px 0;display:flex;position:relative}.padbol{z-index:1;background:var(--wit);border:2px solid var(--rand);width:52px;height:52px;font-family:var(--display);color:var(--inkt-licht);border-radius:18px;flex:none;place-items:center;font-size:17px;font-weight:600;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s;display:grid;position:relative}.padrij--open .padbol{border-color:var(--rand-sterk);color:var(--inkt);box-shadow:var(--schaduw-s)}.padrij--nu .padbol{background:var(--groen);border-color:var(--groen);color:var(--op-donker);box-shadow:0 4px 14px #1e5b3c4d}.padrij--af .padbol{background:var(--groen-zacht);color:var(--groen);border-color:#bedcc9}.padrij--dicht .padbol{background:var(--papier-diep);opacity:.75;border-style:dashed}.padrij button.padknop:active .padbol{transform:scale(.94)}.padknop{text-align:left;align-items:flex-start;gap:15px;width:100%;display:flex}.padknop:disabled{cursor:default}.padtekst{flex:1;min-width:0;padding-top:3px}.padtekst h3{margin-bottom:2px;font-size:15.5px}.padrij--dicht .padtekst h3{color:var(--inkt-licht)}.padtekst p{color:var(--inkt-licht);font-size:12.5px}.padtekst .balk{max-width:190px;margin-top:8px}.sterren{gap:3px;margin-top:6px;display:flex}.sterren svg{width:14px;height:14px;color:var(--rand-sterk)}.sterren svg.vol{color:var(--goud);fill:var(--goud)}.rangkaart{border-radius:var(--r-l);background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw-s);align-items:center;gap:15px;padding:18px;display:flex}.rangzegel{background:linear-gradient(150deg,#17402b,#101c17);border-radius:18px;flex:none;place-items:center;width:54px;height:54px;display:grid}.rangzegel svg{width:24px;height:24px;color:var(--goud);fill:var(--goud)}@media (prefers-color-scheme:dark){:root{--inkt:#efebe1;--inkt-zacht:#c6bfb1;--inkt-licht:#a49d8e;--papier:#232a20;--papier-diep:#2e362a;--wit:#2b3227;--groen:#5fae7f;--groen-diep:#3b7c57;--groen-zacht:#2c4033;--goud:#dcb055;--goud-zacht:#3d3524;--rood:#e08c80;--rood-zacht:#402b27;--rand:#3e4738;--rand-sterk:#525c49;--schaduw-s:0 1px 2px #00000042, 0 2px 6px #0000002e;--schaduw-m:0 2px 4px #00000042, 0 8px 22px #00000047;--schaduw-l:0 6px 14px #00000047, 0 22px 48px #00000061}.kop{background:#232a20e0}.tabbalk{background:#232a20f0}.hoofdkaart{background:linear-gradient(158deg,#27543a 0%,#1b2a20 78%)}.flits-kant--achter{background:linear-gradient(158deg,#27543a,#1b2a20)}.padbanner,.rangzegel{background:linear-gradient(150deg,#27543a,#1b2a20)}.welkom{background:linear-gradient(168deg,#27543a 0%,#1b2a20 62%)}.splash{background:linear-gradient(168deg,#27543a 0%,#1b2a20 55%,#2a1f18 100%)}.verbinding{background:#2e362a}.uitleg .kern{background:var(--goud-zacht);color:#e2c382;border-color:#4a3d1e}.uitleg .fout{background:var(--rood-zacht);color:#e9a79c;border-color:#4a2a24}.beoordeel button[data-graad="0"]{border-color:#4a2a24}.beoordeel button[data-graad="3"],.uitslag.goed{border-color:#2c4a38}.uitslag.fout{border-color:#4a2a24}.uitslag.bijna{border-color:#4a3d1e}.merkje{background:var(--papier-diep)}.welkom-vak .invul{background:#ece7dc0f}img,.splash-zegel{opacity:.95}}.gatzin{font-family:var(--display);letter-spacing:-.015em;max-width:26ch;margin:0 auto;font-size:24px;line-height:1.6}.gatvak{border-bottom:2.5px solid var(--rand-sterk);text-align:center;vertical-align:baseline;min-width:76px;padding:0 8px;display:inline-block}.gatvak.goed{border-color:var(--groen);color:var(--groen)}.gatvak.fout{border-color:var(--rood);color:var(--rood)}.woorddelen{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.woorddeel{border-radius:var(--r-s);font-family:var(--display);border:1.5px solid var(--rand);background:var(--wit);flex-direction:column;align-items:center;padding:8px 13px;font-size:16px;display:inline-flex}.woorddeel.goed{background:var(--groen-zacht);color:var(--groen);border-color:#bedcc9}.woorddeel.fout{background:var(--rood-zacht);color:var(--rood);border-color:#e7c6c2}.woorddeel small{font-family:var(--tekst);opacity:.8;margin-top:2px;font-size:10.5px}.woorddeel.spelling{background:var(--goud-zacht);color:var(--goud);border-color:#eddcb8}.leestekst{font-family:var(--display);white-space:pre-wrap;border-radius:var(--r-l);background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw-s);padding:18px;font-size:18px;line-height:1.95}.leeswoord{cursor:pointer;border-radius:4px;padding:1px 2px;transition:background .12s}.leeswoord.nieuw{box-shadow:inset 0 -2px 0 var(--rand-sterk)}.leeswoord.lerend{background:var(--goud-zacht);box-shadow:inset 0 -2px 0 var(--goud)}.leeswoord.herhaling{box-shadow:inset 0 -2px #bedcc9}.leeswoord.vast{background:0 0}.leeswoord.buiten{color:var(--inkt-licht);cursor:default;-webkit-text-decoration:underline dotted var(--rand-sterk);text-decoration:underline dotted var(--rand-sterk);text-underline-offset:4px}.leeswoord:not(.buiten):active{background:var(--groen-zacht)}.stip{vertical-align:middle;border-radius:3px;width:9px;height:9px;margin-right:5px;display:inline-block}.stip.nieuw{background:var(--rand-sterk)}.stip.lerend{background:var(--goud)}.stip.herhaling{background:var(--groen)}.stip.buiten{background:var(--rand-sterk)}.profielbol{width:56px;height:56px;color:var(--op-donker);font-family:var(--display);box-shadow:var(--schaduw-s);border-radius:19px;flex:none;place-items:center;font-size:24px;font-weight:600;display:grid}.kleurknop{border:2px solid #0000;border-radius:14px;place-items:center;width:42px;height:42px;transition:transform .14s;display:grid}.kleurknop.gekozen{border-color:var(--inkt);transform:scale(1.06)}.kleurknop svg{color:#fff;width:18px;height:18px}.verbinding{left:50%;bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 12px);z-index:60;background:var(--inkt);width:calc(100% - 36px);max-width:340px;color:var(--papier);text-align:center;box-shadow:var(--schaduw-l);border-radius:14px;padding:11px 16px;font-size:12.5px;line-height:1.45;animation:.3s cubic-bezier(.2,.8,.3,1) both rijsIn;position:fixed;transform:translate(-50%)}.verbinding.terug{background:var(--groen)}.spelpad{padding:8px 0 24px;position:relative}.padstap{justify-content:center;margin-bottom:16px;display:flex;position:relative}.padstap[data-plek="0"]{transform:translate(0)}.padstap[data-plek="1"]{transform:translate(58px)}.padstap[data-plek="2"]{transform:translate(84px)}.padstap[data-plek="3"]{transform:translate(58px)}.padstap[data-plek="4"]{transform:translate(0)}.padstap[data-plek="5"]{transform:translate(-58px)}.padstap[data-plek="6"]{transform:translate(-84px)}.padstap[data-plek="7"]{transform:translate(-58px)}.knoop{background:var(--papier-diep);border:2px solid var(--rand);width:76px;height:68px;box-shadow:0 5px 0 var(--rand);font-family:var(--display);color:var(--inkt-licht);border-radius:50% 50% 46% 46%;place-items:center;font-size:23px;font-weight:600;transition:transform .12s cubic-bezier(.2,.8,.3,1),box-shadow .12s;display:grid;position:relative}.knoop:active{box-shadow:0 1px 0 var(--rand);transform:translateY(4px)}.padstap--open .knoop{background:var(--wit);border-color:var(--rand-sterk);color:var(--inkt);box-shadow:0 5px 0 var(--rand-sterk)}.padstap--nu .knoop{background:var(--groen);border-color:var(--groen-diep);color:var(--op-donker);box-shadow:0 6px 0 var(--groen-diep);width:84px;height:76px;font-size:26px}.padstap--af .knoop{background:var(--goud);color:var(--op-donker);border-color:#8c6620;box-shadow:0 5px #8c6620}.padstap--dicht .knoop{opacity:.55}.padstap--dicht .knoop svg{width:22px;height:22px}.knoopsterren{background:var(--papier);border:1px solid var(--rand);border-radius:999px;gap:2px;padding:3px 6px;display:flex;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.knoopsterren svg{width:11px;height:11px;color:var(--rand-sterk)}.knoopsterren svg.vol{color:var(--goud);fill:var(--goud)}.startwolk{background:var(--groen);color:var(--op-donker);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--schaduw-m);border-radius:12px;padding:7px 15px;font-size:12.5px;font-weight:700;animation:1.9s ease-in-out infinite wip;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.startwolk:after{content:"";border:7px solid #0000;border-top-color:var(--groen);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes wip{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.knooptitel{text-align:center;width:150px;color:var(--inkt-licht);font-size:11.5px;line-height:1.35;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)}.padstap{margin-bottom:50px}.padbanner{border-radius:var(--r-l);color:var(--op-donker);box-shadow:var(--schaduw-m);background:linear-gradient(150deg,#17402b,#101c17);align-items:center;gap:14px;margin:28px 0 34px;padding:16px 18px;display:flex}.padbanner .band{width:46px;height:46px;font-family:var(--display);color:var(--goud);background:#d9a44129;border-radius:15px;flex:none;place-items:center;font-size:17px;font-weight:600;display:grid}.padbanner h3{color:var(--op-donker);margin-bottom:2px;font-size:16.5px}.padbanner p{color:#fbf8f29e;font-size:12px;line-height:1.45}.padbanner .telling{color:var(--goud);white-space:nowrap;margin-left:auto;font-size:12px}.padstap--proef .knoop{background:var(--wit);border-color:var(--goud);width:80px;height:72px;box-shadow:0 5px 0 var(--goud);color:var(--goud);border-radius:16px}.padstap--proef.padstap--dicht .knoop{border-color:var(--rand-sterk);box-shadow:0 5px 0 var(--rand-sterk);color:var(--inkt-licht)}.padstap--proef .knoop svg{width:26px;height:26px}.chipraster{flex-wrap:wrap;gap:8px;display:flex}.chipraster .chip{height:34px}.deckwrap{position:relative}.deckschim{border-radius:var(--r-xl);background:var(--wit);border:1px solid var(--rand);pointer-events:none;position:absolute;left:0;right:0}.deckschim--een{opacity:.85;top:10px;bottom:-10px;transform:scale(.965)}.deckschim--twee{opacity:.55;top:20px;bottom:-20px;transform:scale(.93)}.deckwrap .flits{z-index:1;position:relative}.verhaalregel{text-align:left;border-bottom:1px solid var(--rand);border-radius:10px;width:100%;padding:13px 44px 13px 14px;transition:background .15s;display:block;position:relative}.verhaalregel:last-child{border-bottom:none}.verhaalregel.speelt{background:var(--groen-zacht)}.verhaalregel:active{background:var(--papier-diep)}.regelsr{font-family:var(--display);letter-spacing:-.01em;font-size:17.5px;line-height:1.5;display:block}.regelnl{color:var(--inkt-licht);margin-top:4px;font-size:14px;line-height:1.5;display:block}.regelspeler{width:30px;height:30px;color:var(--inkt-licht);border-radius:10px;place-items:center;display:grid;position:absolute;top:10px;right:8px}.regelspeler svg{width:15px;height:15px}.regelspeler:active{background:var(--papier-diep)}.weekstrook{border-radius:var(--r-l);background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw-s);margin-top:18px;padding:15px 16px 14px}.odokaart{text-align:left;border-radius:var(--r-l);background:var(--wit);border:1px solid var(--rand);width:100%;box-shadow:var(--schaduw-s);padding:18px;transition:transform .16s cubic-bezier(.2,.8,.3,1);display:block}.odokaart:active{transform:translateY(1px)scale(.995)}.odosr{font-family:var(--display);letter-spacing:-.015em;flex:1;font-size:18.5px;line-height:1.45}.odoregel{margin-bottom:12px}.odoregel:last-of-type{margin-bottom:0}.odoregel .oogje{margin-bottom:3px;display:block}.odoregel p{color:var(--inkt-zacht);font-size:14px;line-height:1.6}.luidspreker.echt{box-shadow:inset 0 0 0 1.5px var(--goud)}