@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#2d9b70;--color-primary-hover:#35ad7e;--color-primary-pressed:#22785a;--color-primary-soft:#e3f4ec;--color-primary-ink:#175340;--color-secondary:#d8548f;--color-secondary-hover:#e26a9e;--color-secondary-pressed:#b54078;--color-secondary-soft:#fce7f1;--color-secondary-ink:#8a2d5a;--color-success:#2d9b70;--color-success-soft:#e3f4ec;--color-warning:#e08b34;--color-warning-soft:#fceedc;--color-error:#cb4c3b;--color-error-soft:#fae5e1;--color-star:#f6b93b;--color-star-deep:#de9716;--color-xp:#7a6ce0;--color-xp-soft:#ece9fb;--color-focus:#1f6feb;--color-surface:#fff;--color-surface-sunken:#f2f6f8;--color-surface-veil:#ffffffd6;--color-surface-veil-strong:#fffffff0;--color-border:#153a4a1f;--color-border-strong:#153a4a38;--color-text:#153a4a;--color-text-muted:#4c6c7c;--color-text-invert:#fff;--color-background:#ddf0f8;--color-background-deep:#9cd3e8;--color-theme:#2fa5c7;--color-theme-soft:#dff0f6;--env-sky-1:#d7f0fa;--env-sky-2:#8fd0e8;--env-sky-3:#4d9fc4;--env-far:#7fc0d8;--env-mid:#4fa6c4;--env-near:#ebd9ae;--env-flora:#2e9c86;--font-ui:"Nunito Variable", "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--font-leer:"Andika", "Nunito Variable", "Segoe UI", system-ui, sans-serif;--text-display:clamp(2rem, 1.35rem + 2.7vw, 3.25rem);--text-h1:clamp(1.45rem, 1.2rem + 1.3vw, 2.05rem);--text-h2:clamp(1.15rem, 1.05rem + .6vw, 1.45rem);--text-instruction:clamp(1.05rem, .95rem + .6vw, 1.35rem);--text-body-lg:1.125rem;--text-body:1rem;--text-small:.875rem;--text-caption:.78rem;--text-word:clamp(2.6rem, 1.9rem + 4.2vw, 4.25rem);--text-sentence:clamp(1.35rem, 1.1rem + 1.6vw, 2.05rem);--text-answer:clamp(1.3rem, 1.1rem + .9vw, 1.75rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-pill:999px;--shadow-sm:0 1px 2px #1034440f, 0 3px 8px #10344412;--shadow-md:0 2px 4px #1034440d, 0 8px 20px #1034441a;--shadow-card:0 2px 3px #1034440a, 0 16px 38px #10344421;--shadow-lift:0 4px 8px #1034440f, 0 18px 34px #1034442b;--motion-fast:.12s;--motion-base:.22s;--motion-slow:.38s;--motion-celebrate:.64s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--icon-sm:20px;--icon-md:24px;--icon-lg:28px;--icon-xl:32px;--breedte-inhoud:960px}html[data-thema=zee]{--color-background:#ddf0f8;--color-background-deep:#9cd3e8;--color-theme:#2fa5c7;--color-theme-soft:#dff0f6;--env-sky-1:#d3eff9;--env-sky-2:#7ec7e4;--env-sky-3:#2f83ad;--env-far:#79bcd6;--env-mid:#4aa2c1;--env-near:#ecdcb3;--env-flora:#2e9c86}html[data-thema=dino]{--color-background:#edf5e1;--color-background-deep:#c5e0a6;--color-theme:#c97b2c;--color-theme-soft:#f8ecdc;--env-sky-1:#e9f6fb;--env-sky-2:#bfe4f2;--env-sky-3:#8fcfa4;--env-far:#a9ce88;--env-mid:#7fb061;--env-near:#cfae7d;--env-flora:#3f8c46}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:var(--text-body);color:var(--color-text);background:var(--color-background-deep);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:600;line-height:1.5}button,input{color:inherit;font-family:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none}:where(button,input,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3{line-height:1.25}.leerletters{font-family:var(--font-leer);letter-spacing:.02em}.scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.scene__lucht{background:linear-gradient(180deg, var(--env-sky-1) 0%, var(--env-sky-2) 38%, var(--env-sky-3) 88%);position:absolute;inset:0}html[data-thema=zee] .scene__lucht:after{content:"";background:radial-gradient(70% 60% at 50% 12%,#ffffff6b,#0000 70%);position:absolute;inset:0}.scene__stralen{width:100%;height:100%;animation:24s ease-in-out infinite alternate straal-drift;position:absolute;inset:0}.scene__ver,.scene__mid,.scene__near{width:100%;position:absolute;bottom:0;left:0}.scene__ver{height:min(34vh,260px)}.scene__mid{height:min(26vh,220px)}.scene__near{height:min(19vh,150px)}.scene__zweef{position:absolute;inset:0}.bel-zweef{background:radial-gradient(circle at 32% 28%,#fffffff2,#ffffff1f 62%);border:1px solid #ffffff8c;border-radius:50%;animation:linear infinite bel-op;position:absolute;bottom:-8%}.blad-zweef{animation:linear infinite blad-val;position:absolute;top:-6%}@keyframes bel-op{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.75}90%{opacity:.5}to{opacity:0;transform:translateY(-110vh)translate(18px)}}@keyframes blad-val{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:.9}to{opacity:0;transform:translateY(112vh)rotate(320deg)}}@keyframes straal-drift{0%{transform:translate(-2%)scaleY(1)}to{transform:translate(2%)scaleY(1.04)}}.scherm{z-index:1;width:100%;min-height:100%;max-width:var(--breedte-inhoud);padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));align-items:center;gap:var(--space-4);animation:scherm-in var(--motion-slow) var(--ease-out);flex-direction:column;margin:0 auto;display:flex;position:relative}.scherm--breed{max-width:1040px}@keyframes scherm-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.kop{align-items:center;gap:var(--space-3);grid-template-columns:minmax(56px,auto) 1fr minmax(56px,auto);width:100%;min-height:60px;display:grid}.kop__zij{align-items:center;gap:var(--space-2);display:flex}.kop__zij--rechts{justify-content:flex-end}.kop__titel{text-align:center;font-size:var(--text-h1);letter-spacing:-.01em;color:var(--color-text);text-shadow:0 1px #ffffff8c;font-weight:800}.paneel{z-index:1;border-radius:var(--radius-xl);width:100%;padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:relative}.paneel--wit{background:var(--color-surface);box-shadow:var(--shadow-card)}.paneel--veil{background:var(--color-surface-veil);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border:1px solid #fff9}.btn{--btn-vul:var(--color-primary);--btn-vul-hover:var(--color-primary-hover);--btn-edge:var(--color-primary-pressed);--btn-tekst:var(--color-text-invert);justify-content:center;align-items:center;gap:var(--space-2);background:var(--btn-vul);color:var(--btn-tekst);border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--btn-edge), 0 6px 14px #10344429;letter-spacing:.01em;transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), background-color var(--motion-fast) linear;font-weight:800;display:inline-flex;position:relative}.btn--sm{min-height:44px;padding:0 var(--space-4);font-size:var(--text-body)}.btn--md{min-height:56px;padding:0 var(--space-5);font-size:var(--text-body-lg)}.btn--lg{min-height:66px;padding:0 var(--space-6);font-size:1.3rem}.btn--blok{width:100%}.btn--secondary{--btn-vul:var(--color-secondary-soft);--btn-vul-hover:#fbdcea;--btn-edge:#d8548f73;--btn-tekst:var(--color-secondary-ink)}.btn--ghost{--btn-vul:transparent;--btn-vul-hover:#fff9;--btn-edge:transparent;--btn-tekst:var(--color-text-muted);box-shadow:none;font-weight:700}.btn--danger{--btn-vul:var(--color-error-soft);--btn-vul-hover:#f7d9d3;--btn-edge:#cb4c3b66;--btn-tekst:var(--color-error)}@media (hover:hover){.btn:hover:not(:disabled){background:var(--btn-vul-hover);box-shadow:0 6px 0 var(--btn-edge), 0 14px 26px #10344433;transform:translateY(-2px)}.btn--ghost:hover:not(:disabled){box-shadow:none}}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge), 0 2px 6px #10344429;transform:translateY(3px)}.btn:disabled{--btn-vul:var(--color-surface-sunken);--btn-edge:transparent;--btn-tekst:var(--color-text-muted);box-shadow:none;opacity:.75;cursor:default}.icon-btn{border-radius:var(--radius-pill);color:var(--color-text);transition:transform var(--motion-fast) var(--ease-out), background-color var(--motion-fast) linear, box-shadow var(--motion-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-btn--md{width:56px;height:56px}.icon-btn--sm{width:48px;height:48px}.icon-btn--veil{background:var(--color-surface-veil);box-shadow:var(--shadow-sm);border:1px solid #ffffffb3}.icon-btn--vlak{background:var(--color-surface-sunken)}@media (hover:hover){.icon-btn:hover{background:var(--color-surface-veil-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.icon-btn:active{transform:translateY(1px)scale(.96)}.audio-btn{border-radius:var(--radius-pill);background:var(--color-surface-veil);width:56px;height:56px;box-shadow:var(--shadow-sm);color:var(--color-primary-ink);transition:transform var(--motion-fast) var(--ease-out), background-color var(--motion-fast) linear;border:1px solid #ffffffb3;justify-content:center;align-items:center;display:inline-flex}.audio-btn--groot{width:66px;height:66px}.audio-btn .golf{transform-origin:12px 12px}.audio-btn.is-speelt{background:var(--color-primary-soft);color:var(--color-primary-pressed)}.audio-btn.is-speelt .golf-1{animation:1s ease-in-out infinite golf}.audio-btn.is-speelt .golf-2{animation:1s ease-in-out .16s infinite golf}@media (hover:hover){.audio-btn:hover{background:var(--color-primary-soft);transform:translateY(-2px)}}.audio-btn:active{transform:translateY(1px)scale(.95)}.audio-btn:disabled{opacity:.4;cursor:default}@keyframes golf{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.06)}}.statusrij{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.chip{align-items:baseline;gap:var(--space-2);background:var(--color-surface-veil);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);font-size:var(--text-small);color:var(--color-text-muted);white-space:nowrap;border:1px solid #ffffffb3;display:inline-flex}.chip__icoon{align-self:center;display:flex}.chip__waarde{font-size:var(--text-body-lg);color:var(--color-text);font-weight:800}.chip--xp .chip__waarde{color:var(--color-xp)}.portalen{gap:var(--space-4);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.portaal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:left;transition:transform var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.portaal__scene{--scene-1:var(--color-theme-soft);--scene-2:#cfe7f0;background:linear-gradient(165deg, var(--scene-1) 0%, var(--scene-2) 100%);justify-content:center;align-items:flex-end;height:104px;display:flex;position:relative;overflow:hidden}.portaal--aqua .portaal__scene{--scene-1:#e2f4fb;--scene-2:#a9dcee}.portaal--zand .portaal__scene{--scene-1:#fbf1dd;--scene-2:#ecd6a9}.portaal--blad .portaal__scene{--scene-1:#e8f5df;--scene-2:#bcdfa8}.portaal--roze .portaal__scene{--scene-1:#fdeaf3;--scene-2:#f6c3d9}.portaal--lila .portaal__scene{--scene-1:#eeeafb;--scene-2:#cfc4f2}.portaal--zon .portaal__scene{--scene-1:#fef3d9;--scene-2:#f8d891}.portaal--koraal .portaal__scene{--scene-1:#fdeee4;--scene-2:#f7c7a8}.portaal__scene:after{content:"";background:#ffffff8c;border-radius:50%;height:46px;position:absolute;bottom:-26px;left:-10%;right:-10%}.portaal__art{z-index:1;filter:drop-shadow(0 6px 8px #10344429);transition:transform var(--motion-base) var(--ease-out);margin-bottom:6px;position:relative}.portaal__decor{opacity:.65;position:absolute}.portaal__decor--1{bottom:4px;left:8px}.portaal__decor--2{bottom:10px;right:10px;transform:scale(.82)}.portaal__tekst{gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.portaal__titel{font-size:var(--text-body-lg);color:var(--color-text);font-weight:800}.portaal__onder{font-size:var(--text-small);color:var(--color-text-muted);font-weight:600;line-height:1.35}.portaal--groot{flex-direction:row;grid-column:1/-1;align-items:stretch}.portaal--groot .portaal__scene{align-items:center;width:34%;min-width:190px;height:auto}.portaal--groot .portaal__art{margin-bottom:0}.portaal--groot .portaal__tekst{padding:var(--space-5);justify-content:center;gap:var(--space-2)}.portaal--groot .portaal__titel{font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem)}@media (hover:hover){.portaal:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.portaal:hover .portaal__art{transform:scale(1.06)rotate(-2deg)}}.portaal:active{box-shadow:var(--shadow-sm);transform:translateY(1px)scale(.985)}.voortgang{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.stip{width:15px;height:15px;transition:background-color var(--motion-base) linear, transform var(--motion-base) var(--ease-spring);background:#ffffff8c;border:2px solid #153a4a24;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.stip svg{width:11px;height:11px}.stip--goed{background:var(--color-primary);border-color:var(--color-primary-pressed);animation:stip-vul .26s var(--ease-spring)}.stip--hint{background:var(--color-star);border-color:var(--color-star-deep);animation:stip-vul .26s var(--ease-spring)}.stip--nu{background:var(--color-surface);border-color:var(--color-secondary);width:20px;height:20px;box-shadow:0 0 0 4px #d8548f2e}@keyframes stip-vul{0%{transform:scale(.5)}60%{transform:scale(1.25)}to{transform:scale(1)}}.sterrenrij{gap:var(--space-2);justify-content:center;display:flex}.sterrenrij__ster{color:var(--color-text);display:inline-flex}.sterrenrij__ster.is-vol{animation:ster-pop var(--motion-celebrate) var(--ease-spring) backwards;filter:drop-shadow(0 3px 6px #de971666)}@keyframes ster-pop{0%{transform:scale(0)rotate(-40deg)}55%{transform:scale(1.24)rotate(8deg)}to{transform:scale(1)rotate(0)}}.balk{border-radius:var(--radius-pill);height:9px;margin-top:var(--space-1);background:#153a4a1a;overflow:hidden}.balk__vul{border-radius:var(--radius-pill);background:var(--color-primary);height:100%;transition:width var(--motion-slow) var(--ease-out);display:block}.balk--ster .balk__vul{background:var(--color-star)}.balk--xp .balk__vul{background:var(--color-xp)}.vraag{gap:var(--space-5);align-items:start;width:100%;display:grid}.vraag__inhoud,.vraag__antwoord{align-items:center;gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.opdracht{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-lg);display:flex}.opdracht__mascotte{transform-origin:bottom;flex-shrink:0;animation:4.5s ease-in-out infinite wiebel}.opdracht__tekst{font-size:var(--text-instruction);color:var(--color-text);font-weight:700;line-height:1.4}.leerwoord{font-family:var(--font-leer);font-size:var(--text-word);letter-spacing:.05em;text-align:center;white-space:pre-line;color:var(--color-text);font-weight:700;line-height:1.2}.leerwoord--zin{font-size:var(--text-sentence);letter-spacing:.02em;line-height:1.6}.leerwoord--antwoord{color:var(--color-primary)}.flits-verborgen{filter:blur(15px);opacity:.2;-webkit-user-select:none;user-select:none;transition:none}.prompt-plaat{padding:var(--space-3);background:radial-gradient(circle at 50% 42%, #fffffff2, var(--color-surface-sunken) 72%);border-radius:var(--radius-xl);filter:drop-shadow(0 8px 14px #1034441f);justify-content:center;align-items:center;display:flex}.keuzes{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;display:grid}.keuzes--tekst{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.antwoord{justify-content:center;align-items:center;gap:var(--space-2);min-height:96px;padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-family:var(--font-leer);font-size:var(--text-answer);letter-spacing:.02em;color:var(--color-text);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) linear, background-color var(--motion-fast) linear;flex-direction:column;font-weight:700;display:flex;position:relative}.antwoord__tel{grid-template-columns:repeat(5,auto);justify-content:center;gap:3px;display:grid}@media (hover:hover){.antwoord:hover:not(.is-weg){border-color:var(--color-theme);box-shadow:var(--shadow-md);transform:translateY(-3px)}}.antwoord:active:not(.is-weg){transform:translateY(1px)scale(.97)}.antwoord.is-goed{border-color:var(--color-primary);background:var(--color-primary-soft);animation:goed-pop var(--motion-celebrate) var(--ease-spring)}.antwoord.is-fout{border-color:var(--color-warning);background:var(--color-warning-soft);animation:.32s schud}.antwoord.is-weg{opacity:.16;pointer-events:none;filter:grayscale(.8)}@keyframes goed-pop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes schud{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.invoer-blok{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.invoer-veld{font-family:var(--font-leer);text-align:center;letter-spacing:.12em;border:3px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-surface);width:min(100%,400px);color:var(--color-text);caret-color:var(--color-primary);transition:border-color var(--motion-fast) linear, box-shadow var(--motion-fast) linear;font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:700}.invoer-veld:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.invoer-veld.is-fout{border-color:var(--color-warning);box-shadow:0 0 0 4px var(--color-warning-soft);animation:.32s schud}.palet{gap:var(--space-2);flex-wrap:wrap;justify-content:center;max-width:540px;display:flex}.palet__toets{min-width:56px;height:58px;padding:0 var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-leer);color:var(--color-text);transition:transform var(--motion-fast) var(--ease-out), background-color var(--motion-fast) linear;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:inline-flex;box-shadow:0 2px #153a4a24}@media (hover:hover){.palet__toets:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}}.palet__toets:active{box-shadow:none;transform:translateY(2px)}.palet__toets--actie{background:var(--color-surface-sunken);color:var(--color-text-muted)}.orden-slots{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.orden-slot{border-radius:var(--radius-md);border:3px dashed var(--color-border-strong);min-width:56px;height:62px;font-family:var(--font-leer);padding:0 var(--space-2);background:var(--color-surface);transition:border-color var(--motion-fast) linear, background-color var(--motion-fast) linear;justify-content:center;align-items:center;font-size:1.7rem;font-weight:700;display:flex}.orden-slot.is-gevuld{border-style:solid;border-color:var(--color-primary);background:var(--color-primary-soft)}.bubbelveld{gap:var(--space-4);padding:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.bubbel{background:radial-gradient(circle at 32% 26%, #fff 0%, #ffffff8c 30%, var(--color-theme) 130%);width:88px;height:88px;box-shadow:var(--shadow-md), inset 0 -6px 12px #153a4a1f;font-family:var(--font-leer);color:var(--color-text);transition:transform var(--motion-base) var(--ease-out), opacity var(--motion-base) linear;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:1.9rem;font-weight:700;display:flex}@media (hover:hover){.bubbel:hover{transform:translateY(-3px)scale(1.03)}}.bubbel:active{transform:scale(.93)}.bubbel.is-kapot{opacity:0;pointer-events:none;transform:scale(1.7)}.bubbel.is-fout{animation:.32s schud}.visual{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.objecten-rij{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.objecten-groep{gap:var(--space-1);background:var(--color-surface-sunken);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);grid-template-columns:repeat(5,auto);display:grid}.objecten-groep.is-weg{opacity:.4;position:relative}.objecten-groep.is-weg:after{content:"";background:var(--color-warning);border-radius:2px;height:3px;position:absolute;top:50%;left:6%;right:6%}.objecten-operator{color:var(--color-text-muted);font-size:2rem;font-weight:800}.vergelijk{gap:var(--space-4);justify-content:center;width:100%;display:flex}.vergelijk__kant{background:var(--color-surface-sunken);border:2px solid var(--color-border);border-radius:var(--radius-lg);max-width:280px;padding:var(--space-3);gap:var(--space-1);flex:1;grid-template-columns:repeat(5,auto);place-content:center;min-height:108px;display:grid}.splitsmachine{flex-direction:column;align-items:center;display:flex}.splits-totaal{background:var(--color-theme);color:var(--color-text-invert);font-family:var(--font-leer);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-2) var(--space-6);font-size:2rem;font-weight:700}.splits-armen{width:132px;height:26px;color:var(--color-text-muted)}.splits-delen{gap:var(--space-3);display:flex}.splits-deel{background:var(--color-surface);border:3px solid var(--color-theme);font-family:var(--font-leer);border-radius:var(--radius-md);min-width:72px;padding:var(--space-2) var(--space-3);text-align:center;font-size:1.8rem;font-weight:700}.getallenlijn-wrap{width:100%;padding-bottom:var(--space-1);overflow-x:auto}.getallenlijn-svg{max-width:100%;height:auto;margin:0 auto;display:block}.hinttekst{background:var(--color-warning-soft);border-left:4px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-body-lg);text-align:center;max-width:34em;animation:hint-in var(--motion-base) var(--ease-out);font-weight:700}@keyframes hint-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.klank-tegels{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.klank-tegel{background:var(--color-warning-soft);border:2px solid var(--color-warning);border-radius:var(--radius-md);min-width:54px;padding:var(--space-2) var(--space-3);font-family:var(--font-leer);text-align:center;color:var(--color-text);font-size:1.7rem;font-weight:700}.acties{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}.hulp-knop{animation:none}.hulp-knop.is-nodig{animation:hulp-wenk 1.6s var(--ease-out) infinite}@keyframes hulp-wenk{0%,70%,to{transform:none}80%{transform:translateY(-3px)}90%{transform:translateY(-1px)}}.feedback-laag{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));pointer-events:none;z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.feedback-laag--midden{align-items:center;padding-bottom:0}.feedback{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);text-align:left;max-width:min(92vw,460px);animation:feedback-in .32s var(--ease-spring);font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 12px 34px #10344442}.feedback--goed{border:3px solid var(--color-primary);color:var(--color-primary-ink)}.feedback--bijna{border:3px solid var(--color-warning);color:#8a5518}.feedback--niveau{border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);text-align:center;flex-direction:column;font-size:1.35rem}@keyframes feedback-in{0%{opacity:0;transform:scale(.8)translateY(16px)}to{opacity:1;transform:none}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{opacity:0;width:9px;height:13px;animation:confetti-uit .72s var(--ease-out) forwards;border-radius:2px;position:absolute;top:46%;left:50%}@keyframes confetti-uit{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--dr)) scale(1)}}.beloning{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;width:100%;display:flex}.beloning__kop{font-size:var(--text-display);font-weight:800}.beloning__mascotte{animation:juich 1.4s var(--ease-out) infinite alternate;filter:drop-shadow(0 10px 16px #10344433)}@keyframes juich{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-8px)rotate(3deg)}}.reward{align-items:center;gap:var(--space-1);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-5) var(--space-6);animation:reward-in var(--motion-celebrate) var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden}.reward__stralen{background:conic-gradient(#f6b93b47 0deg 12deg,#0000 12deg 30deg,#f6b93b47 30deg 42deg,#0000 42deg 60deg);border-radius:50%;width:210px;height:210px;animation:18s linear infinite draai;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.reward__art{filter:drop-shadow(0 6px 10px #1034442e);position:relative}.reward__kop{font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-star-deep);font-weight:800;position:relative}.reward__naam{font-size:var(--text-body-lg);font-weight:800;position:relative}@keyframes reward-in{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:none}}@keyframes draai{to{transform:translate(-50%)rotate(360deg)}}.verzameling{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));width:100%;display:grid}.verzamel{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface-sunken);text-align:center;font-size:var(--text-small);color:var(--color-text-muted);flex-direction:column;font-weight:700;display:flex}.verzamel__vak{border-radius:var(--radius-lg);background:#153a4a0d;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.verzamel.is-vrij{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}.verzamel.is-vrij .verzamel__vak{background:radial-gradient(circle at 50% 40%, #fff6e2 0%, var(--color-surface-sunken) 78%)}.verzamel__drempel{font-size:var(--text-caption);color:var(--color-text-muted);align-items:center;gap:3px;font-weight:800;display:inline-flex}.race{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);background:linear-gradient(180deg, var(--env-sky-2) 0%, var(--env-sky-3) 74%);padding-bottom:4px;position:relative;overflow:hidden}.race__banen{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);flex-direction:column;display:flex;position:relative}.race__baan{border-radius:var(--radius-pill);background:linear-gradient(#ffffff57,#ffffff24);border:1px solid #ffffff73;height:52px;position:relative}.race__baan:after{content:"";background:repeating-linear-gradient(90deg,#ffffffbf 0 14px,#0000 14px 28px);border-radius:2px;height:3px;position:absolute;top:50%;left:12px;right:56px;transform:translateY(-50%)}.race__baan--jij{background:linear-gradient(#ffffff8c,#ffffff47);border-color:#ffffffbf}.race__sprite{z-index:2;filter:drop-shadow(0 4px 6px #10344447);transition:left .9s cubic-bezier(.22,1.3,.36,1);position:absolute;top:50%;transform:translateY(-50%)}.race__finish{right:var(--space-4);top:var(--space-3);bottom:var(--space-2);z-index:1;filter:drop-shadow(0 3px 5px #10344440);align-items:center;display:flex;position:absolute}.race__grond{background:linear-gradient(180deg, var(--env-near) 0%, var(--env-near) 100%);height:42px;position:relative}.race__grond:before{content:"";background:var(--env-near);border-radius:50% 50% 0 0/100% 100% 0 0;height:14px;position:absolute;top:-8px;left:0;right:0}.race__grond>*{opacity:.9;position:absolute;bottom:6px}.race__score{gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);font-size:var(--text-small);color:var(--color-text);background:var(--env-near);justify-content:center;font-weight:700;display:flex}.race__score span{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:3px var(--space-3);box-shadow:var(--shadow-sm);background:#ffffffd1;display:inline-flex}.race__score strong{font-size:var(--text-body-lg);font-weight:800}.merk{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.merk__titel{font-size:var(--text-display);letter-spacing:-.015em;color:var(--color-text);text-shadow:0 2px #fff9;font-weight:800;line-height:1.05}.merk__titel em{color:var(--color-primary-pressed);font-style:normal}.merk__onder{font-size:var(--text-body-lg);color:var(--color-text-muted);font-weight:700}.wereldkeuze{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%;display:grid}.wereldkaart{--wk-1:#e2f4fb;--wk-2:#a9dcee;align-items:center;gap:var(--space-2);padding:0 0 var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), border-color var(--motion-fast) linear;border:3px solid #0000;flex-direction:column;display:flex;overflow:hidden}.wereldkaart--dino{--wk-1:#eef7e2;--wk-2:#bcdfa8}.wereldkaart__scene{background:linear-gradient(170deg, var(--wk-1) 0%, var(--wk-2) 100%);justify-content:center;align-items:flex-end;width:100%;height:132px;display:flex;position:relative}.wereldkaart__scene:after{content:"";background:#fff9;border-radius:50%;height:40px;position:absolute;bottom:-22px;left:-8%;right:-8%}.wereldkaart__art{z-index:1;filter:drop-shadow(0 6px 10px #1034442e);margin-bottom:4px;position:relative}.wereldkaart__naam{padding-top:var(--space-2);font-size:1.3rem;font-weight:800}.wereldkaart__onder{font-size:var(--text-small);color:var(--color-text-muted);padding:0 var(--space-4);text-align:center;font-weight:600;line-height:1.4}@media (hover:hover){.wereldkaart:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}}.wereldkaart.is-gekozen{border-color:var(--color-secondary);box-shadow:var(--shadow-lift)}.niveaukeuze{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;display:grid}.niveaukaart{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--text-small);text-align:center;color:var(--color-text);transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) linear, box-shadow var(--motion-fast) var(--ease-out);border:3px solid #0000;flex-direction:column;font-weight:700;display:flex}@media (hover:hover){.niveaukaart:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}}.niveaukaart.is-gekozen{border-color:var(--color-secondary);background:var(--color-secondary-soft);box-shadow:var(--shadow-md)}.niveaukaart__sterren{gap:2px;display:flex}.ouder{--color-text:#1b2f38;--color-text-muted:#55707e}.ouder .paneel{padding:var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.ouder-body{font-weight:500;line-height:1.6}.ouder h2{font-size:var(--text-h2);font-weight:800}.ouder h3{font-size:var(--text-body-lg);margin-top:var(--space-3);color:var(--color-text);font-weight:800}.ouder p,.ouder li{font-weight:500;line-height:1.6}.ouder small{color:var(--color-text-muted);font-weight:500;line-height:1.5}.tabs{gap:var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-pill);padding:var(--space-1);flex-wrap:wrap;display:flex}.tab{white-space:nowrap;border-radius:var(--radius-pill);min-width:140px;padding:var(--space-2) var(--space-4);font-weight:700;font-size:var(--text-body);color:var(--color-text-muted);transition:background-color var(--motion-fast) linear, color var(--motion-fast) linear;flex:1}.tab.is-actief{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.segment{background:var(--color-surface-sunken);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.segment__knop{border-radius:calc(var(--radius-md) - 3px);min-width:40px;height:36px;font-weight:700;font-size:var(--text-small);color:var(--color-text-muted);padding:0 var(--space-3);transition:background-color var(--motion-fast) linear, color var(--motion-fast) linear}.segment__knop.is-actief{background:var(--color-primary);color:var(--color-text-invert)}.instelling{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.instelling:last-of-type{border-bottom:none}.instelling__tekst{flex-direction:column;gap:2px;max-width:42ch;display:flex}.instelling__tekst strong{font-weight:800}.schakelaar{border-radius:var(--radius-pill);background:var(--color-border-strong);width:62px;height:34px;transition:background-color var(--motion-base) linear;flex-shrink:0;position:relative}.schakelaar:after{content:"";width:28px;height:28px;box-shadow:var(--shadow-sm);transition:transform var(--motion-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.schakelaar.is-aan{background:var(--color-primary)}.schakelaar.is-aan:after{transform:translate(28px)}.stat-rij{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{background:var(--color-surface-sunken);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;display:flex}.stat__waarde{font-size:1.5rem;font-weight:800;line-height:1.1}.stat__label{font-size:var(--text-small);color:var(--color-text-muted);font-weight:600}.mastery-rij{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-small);grid-template-columns:minmax(150px,220px) 1fr minmax(110px,auto);font-weight:600;display:grid}.mastery-rij .balk{height:10px;margin:0}.mastery-status{text-align:right;color:var(--color-text-muted);font-weight:700}.sessie-rij{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-small);flex-wrap:wrap;font-weight:600;display:flex}.waarschuwing{color:var(--color-error);font-weight:800}.versie-knop{color:var(--color-text-muted);font-size:var(--text-caption);padding:var(--space-1) 0;align-self:flex-start;font-weight:600}.dev{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem}.dev table{border-collapse:collapse;width:100%}.dev th{text-align:left;color:var(--color-text-muted);font-weight:700}.dev td,.dev th{border-bottom:1px solid var(--color-border);padding:3px 6px}.dev-knoppen{gap:var(--space-1);flex-wrap:wrap;display:flex}.art-sheet{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(92px,1fr));display:grid}.art-sheet figure{padding:var(--space-2);background:var(--color-surface-sunken);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;display:flex}.art-sheet figcaption{color:var(--color-text-muted);font-size:.68rem}@keyframes wiebel{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.zweef{animation:4s ease-in-out infinite zweef}@keyframes zweef{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}html[data-rustig=ja] *,html[data-rustig=ja] :before,html[data-rustig=ja] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=599px){.scherm{padding-left:var(--space-3);padding-right:var(--space-3);gap:var(--space-3)}.paneel{padding:var(--space-4);gap:var(--space-3)}.keuzes{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.portaal--groot{flex-direction:column}.portaal--groot .portaal__scene{width:100%;height:118px}.mastery-rij{gap:var(--space-1);grid-template-columns:1fr}.mastery-status{text-align:left}}@media (width>=600px){.portalen{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.portalen{grid-template-columns:repeat(3,1fr)}.portaal--groot{grid-column:span 3}}@media (width>=1240px){.scherm--breed{max-width:1100px}}@media (width>=900px) and (height<=860px){.vraag{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vraag--enkel{grid-template-columns:minmax(0,1fr);max-width:640px;margin:0 auto}.vraag__antwoord{justify-content:center;align-self:stretch}.scherm{gap:var(--space-3);padding-top:var(--space-2)}.kop{min-height:52px}}.hub-hero{align-items:center;gap:var(--space-5);width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface-veil);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid #ffffffa6;display:flex}.hub-hero__mascotte{border-radius:var(--radius-xl);padding:var(--space-1);filter:drop-shadow(0 10px 14px #1034442e);transition:transform var(--motion-base) var(--ease-out);flex-shrink:0}@media (hover:hover){.hub-hero__mascotte:hover{transform:scale(1.04)rotate(-2deg)}}.hub-hero__mascotte:active{transform:scale(.96)}.hub-hero__tekst{gap:var(--space-2);flex-direction:column;align-items:flex-start;min-width:0;display:flex}.hub-hero .merk__titel{text-align:left;font-size:clamp(1.7rem,1.2rem + 2vw,2.7rem)}.hub-hero .merk__onder{font-size:var(--text-body)}.hub-hero .statusrij{justify-content:flex-start}.hub-niveau{flex-direction:column;gap:2px;width:min(100%,340px);display:flex}.hub-niveau__label{align-items:center;gap:var(--space-1);font-size:var(--text-caption);color:var(--color-text-muted);font-weight:700;display:inline-flex}.hub-verder{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.hub-verder .portaal--groot{grid-column:auto}.hub-sectie{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.hub-sectie__kop{font-size:var(--text-h2);color:var(--color-text);text-shadow:0 1px #ffffff80;font-weight:800}.schatbalk{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-veil);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:left;color:var(--color-text);transition:transform var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);border:1px solid #ffffffa6;display:flex}@media (hover:hover){.schatbalk:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.schatbalk__items{gap:var(--space-1);flex-shrink:0;display:flex}.schatbalk__tekst{flex-direction:column;flex:1;min-width:0;display:flex}.schatbalk__tekst strong{font-weight:800}.schatbalk__tekst small{color:var(--color-text-muted);font-weight:600;font-size:var(--text-small)}.is-dof{opacity:.4}@media (width<=699px){.hub-hero{text-align:center;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.hub-hero__tekst{align-items:center}.hub-hero .merk__titel{text-align:center}.hub-hero .statusrij{justify-content:center}.schatbalk__items>:nth-child(n+5){display:none}}.ouder-invoer{text-align:center;border:2px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface);width:120px;color:var(--color-text);font-size:1.25rem;font-weight:700}.ouder-invoer:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.wereldkiezer{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.wereldkiezer__knop{align-items:center;gap:var(--space-2);background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-small);color:var(--color-text-muted);transition:border-color var(--motion-fast) linear, color var(--motion-fast) linear;border:2px solid #0000;font-weight:700;display:inline-flex}.wereldkiezer__knop.is-actief{border-color:var(--color-primary);color:var(--color-text);background:var(--color-primary-soft)}.schat-volgende{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex}.schat-volgende__tekst{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.schat-volgende__tekst small{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:700}.schat-kop{gap:var(--space-3)}.hinttekst--met-art{justify-content:center;align-items:center;gap:var(--space-3);text-align:left;display:flex}.hinttekst-regel{margin:0}.portaal__kop{font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-pressed);font-weight:800}.portaal--statisch{cursor:default}.portaal--statisch:hover,.portaal--statisch:active{box-shadow:var(--shadow-md);transform:none}.portaal--groot .portaal__tekst .btn{margin-top:var(--space-2);align-self:flex-start}@media (width<=599px){.portaal--groot .portaal__tekst .btn{align-self:stretch}}.paneel-wrap{width:100%;position:relative}.paneel-decor{z-index:0;filter:drop-shadow(0 8px 10px #1034442e);line-height:0;animation:6s ease-in-out infinite zweef;position:absolute}.paneel-decor--links{transform-origin:bottom;bottom:-54px;left:20px}.paneel-decor--rechts{animation-delay:-3s;bottom:-46px;right:28px}.paneel-wrap--spel{margin-top:auto;margin-bottom:auto}@media (width<=599px){.paneel-decor{display:none}}.paneel.beloning{max-width:620px;padding:var(--space-6) var(--space-5);margin:auto}.paneel-onder{font-size:var(--text-small);color:var(--color-text-muted);margin-top:calc(var(--space-3) * -1);font-weight:600}.rustige-achtergrond{z-index:0;background:var(--color-surface-sunken);pointer-events:none;position:fixed;inset:0}.scene--kies .scene__lucht{background:linear-gradient(#f2f9fc 0%,#dcecf3 54%,#cfe4dc 100%)}.onboarding-uitleg{color:var(--color-text-muted);text-align:center;max-width:32em;font-weight:700}.scherm--midden{justify-content:center;gap:var(--space-5)}