@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;800&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400&family=Martian+Mono:wght@400;600;800&display=swap";:root{--void-900:#04071a;--void-850:#070b24;--void-800:#0a1030;--void-750:#0e1741;--void-700:#142053;--void-600:#1d2d6e;--void-500:#2b3f92;--void-400:#4256b8;--paper-100:#faf6ec;--paper-200:#f0e9d8;--paper-300:#ded3ba;--ink-900:#1a1608;--ink-600:#4a4327;--signal-300:#ffb082;--signal-400:#ff8a47;--signal-500:#ff6b1a;--signal-600:#e05208;--signal-700:#b33f04;--good-400:#5ce8a8;--good-500:#2fd98a;--good-700:#128a55;--bad-400:#ff7a91;--bad-500:#ff5470;--bad-700:#c22546;--warn-500:#ffc94a;--energy:#4cc9f0;--energy-dim:#1c7fa0;--coin:#ffc94a;--coin-dim:#b88a14;--p-rekenen:#24a0ff;--p-taal:#ff5ecb;--p-spelling:#d060ff;--p-aardrijkskunde:#0bd9bd;--p-geschiedenis:#e0912e;--p-natuur:#3fc93f;--p-engels:#ff9b70;--p-logica:#b0d10a;--p-verkeer:#9580ff;--text-bright:#f4f7ff;--text-base:#c7d0f0;--text-dim:#8290c4;--text-faint:#56629a;--font-display:"Unbounded", "Trebuchet MS", system-ui, sans-serif;--font-read:"Atkinson Hyperlegible", "Verdana", system-ui, sans-serif;--font-hud:"Martian Mono", "Courier New", monospace;--t-question:clamp(1.625rem, 1.2rem + 1.8vw, 2.375rem);--t-answer:clamp(1.25rem, 1.05rem + .8vw, 1.5rem);--t-display:clamp(2.25rem, 1.4rem + 3.6vw, 4rem);--t-title:clamp(1.5rem, 1.2rem + 1.1vw, 2rem);--t-body:1.125rem;--t-verhaal:clamp(1.25rem, 1.05rem + .7vw, 1.5rem);--t-small:.9375rem;--t-micro:.8125rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--tap:56px;--lift-1:0 1px 2px #02040e99;--lift-2:0 4px 14px #02040e8c, 0 1px 3px #02040e80;--lift-3:0 14px 40px #02040e99, 0 4px 12px #02040e73;--glow-signal:0 0 0 1px #ff6b1a80, 0 0 28px -4px #ff6b1a8c;--glow-good:0 0 0 1px #2fd98a8c, 0 0 32px -4px #2fd98a80;--glow-bad:0 0 0 1px #ff54708c, 0 0 32px -4px #ff547073;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.14s;--t-base:.26s;--t-slow:.52s}.sky{background:radial-gradient(ellipse 80% 50% at 12% -8%, #b15cff38, transparent 60%), radial-gradient(ellipse 70% 45% at 88% 108%, #4cc9f02e, transparent 62%), radial-gradient(ellipse 50% 40% at 50% 40%, #f7258512, transparent 70%), linear-gradient(175deg, var(--void-850), var(--void-900) 55%, #02030f);color:var(--text-base);font-family:var(--font-read);position:relative;overflow:hidden}.sky:before{content:"";opacity:.85;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 78% 9%,#dfe8ff 50%,#0000 51%),radial-gradient(2px 2px at 34% 73%,#fff 50%,#0000 51%),radial-gradient(1.1px 1.1px at 91% 62%,#cbd8ff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 58% 35%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 22% 88%,#b9c9ff 50%,#0000 51%),radial-gradient(1.3px 1.3px at 67% 82%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 45% 5%,#9fb3ff 50%,#0000 51%),radial-gradient(1.8px 1.8px at 6% 48%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 84% 30%,#d5e0ff 50%,#0000 51%);background-size:340px 340px,260px 260px,480px 480px,200px 200px,420px 420px,300px 300px,380px 380px,240px 240px,520px 520px,280px 280px;animation:240s linear infinite drift;position:absolute;inset:-20%}.sky:after{content:"";mix-blend-mode:overlay;opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-340px,-180px)}}.twinkle{animation:twinkle 3.4s var(--ease-out) infinite}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.hud{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#142053b8,#070b24d1);border:1px solid #4256b861;position:relative}.hud:before,.hud:after{content:"";border:2px solid var(--signal-500);opacity:.8;width:14px;height:14px;position:absolute}.hud:before{border-radius:var(--r-lg) 0 0 0;border-bottom:0;border-right:0;top:-1px;left:-1px}.hud:after{border-radius:0 0 var(--r-lg) 0;border-top:0;border-left:0;bottom:-1px;right:-1px}.t-display{font-family:var(--font-display);font-weight:800;font-size:var(--t-display);letter-spacing:-.02em;color:var(--text-bright);text-wrap:balance;line-height:.95}.t-title{font-family:var(--font-display);font-weight:600;font-size:var(--t-title);color:var(--text-bright);line-height:1.15}.t-question{font-family:var(--font-read);font-weight:700;font-size:var(--t-question);color:var(--text-bright);text-wrap:pretty;line-height:1.35}.t-body{font-size:var(--t-body);color:var(--text-base);line-height:1.6}.t-verhaal{font-family:var(--font-read);font-size:var(--t-verhaal);color:var(--text-bright);text-wrap:pretty;line-height:1.55}.t-dim{color:var(--text-dim)}.t-hud{font-family:var(--font-hud);font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.t-num{font-family:var(--font-hud);font-variant-numeric:tabular-nums;font-weight:800}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-6);border-radius:var(--r-pill);font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;transition:transform var(--t-fast) var(--ease-spring), box-shadow var(--t-base) var(--ease-out), filter var(--t-fast) linear;border:0;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(2px)scale(.98)}.btn:focus-visible{outline:3px solid var(--signal-300);outline-offset:3px}.btn--go{background:linear-gradient(170deg, var(--signal-400), var(--signal-600));color:#fff;box-shadow:var(--lift-2), inset 0 1px 0 #ffffff4d}.btn--go:hover{filter:brightness(1.08);box-shadow:var(--lift-3), var(--glow-signal)}.btn--ghost{color:var(--text-bright);background:#4256b81f;box-shadow:inset 0 0 0 1px #4256b880}.btn--ghost:hover{background:#4256b83d}.btn--quiet{color:var(--text-dim);padding:0 var(--s-4);background:0 0}.btn--quiet:hover{color:var(--text-bright)}.btn--lg{min-height:68px;padding:0 var(--s-7);font-size:1.1875rem}.answer{align-items:center;gap:var(--s-4);width:100%;min-height:72px;padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);font-family:var(--font-read);font-size:var(--t-answer);color:var(--text-bright);text-align:left;cursor:pointer;transition:border-color var(--t-fast) linear, transform var(--t-fast) var(--ease-spring), box-shadow var(--t-base) var(--ease-out);background:linear-gradient(165deg,#142053c7,#0a1030e6);border:2px solid #4256b86b;font-weight:700;display:flex;position:relative}.answer:hover{border-color:#ff8a47b3;transform:translateY(-2px)}.answer:active{transform:translateY(1px)scale(.995)}.answer:focus-visible{outline:3px solid var(--signal-300);outline-offset:3px}.answer__key{border-radius:var(--r-sm);width:38px;height:38px;font-family:var(--font-hud);color:var(--text-dim);transition:background var(--t-fast) linear, color var(--t-fast) linear;background:#4256b847;flex:none;place-items:center;font-size:1rem;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #4256b88c}.answer:hover .answer__key{color:var(--signal-300);background:#ff6b1a38}.answer--picked{border-color:var(--signal-500);box-shadow:var(--glow-signal)}.answer--picked .answer__key{background:var(--signal-500);color:#fff}.answer--good{border-color:var(--good-500);box-shadow:var(--glow-good);background:linear-gradient(165deg,#128a5559,#0a1030eb)}.answer--good .answer__key{background:var(--good-500);color:var(--void-900)}.answer--bad{border-color:var(--bad-500);animation:nudge var(--t-base) var(--ease-out);background:linear-gradient(165deg,#c225464d,#0a1030eb)}.answer--bad .answer__key{background:var(--bad-500);color:#fff}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.answer--muted{opacity:.4;pointer-events:none}.meter{align-items:center;gap:var(--s-3);display:flex}.meter__track{border-radius:var(--r-pill);background:#04071acc;flex:1;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #4256b873,inset 0 2px 5px #0000008c}.meter__fill{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--signal-600), var(--signal-400));height:100%;transition:width var(--t-slow) var(--ease-out);box-shadow:0 0 16px -2px #ff6b1acc}.meter__fill:after{content:"";animation:sweep 2.6s var(--ease-out) infinite;background:linear-gradient(90deg,#0000,#ffffff59,#0000);position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.meter__fill--good{background:linear-gradient(90deg, var(--good-700), var(--good-400));box-shadow:0 0 16px -2px #2fd98acc}.meter__fill--energy{background:linear-gradient(90deg, var(--energy-dim), var(--energy));box-shadow:0 0 16px -2px #4cc9f0cc}.stages{gap:var(--s-2);align-items:center;display:flex}.stage-dot{background:#4256b859;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #4256b899}.stage-dot--done{background:var(--good-500);box-shadow:0 0 10px -1px #2fd98ae6}.stage-dot--now{background:var(--signal-500);animation:pulse 1.8s var(--ease-out) infinite;box-shadow:0 0 0 4px #ff6b1a38,0 0 14px -1px #ff6b1ae6}.stage-dot--boss{background:#b15cff66;border-radius:3px;width:16px;height:16px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #b15cffcc}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff6b1a38,0 0 14px -1px #ff6b1ae6}50%{box-shadow:0 0 0 8px #ff6b1a0f,0 0 18px 1px #ff6b1a}}.purse{align-items:center;gap:var(--s-2);display:inline-flex}.coin-chip{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2);border-radius:var(--r-pill);font-family:var(--font-hud);font-variant-numeric:tabular-nums;color:var(--text-bright);background:#04071ab3;font-size:1.0625rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #4256b873}.coin-chip__orb{border-radius:50%;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.coin-chip--energy .coin-chip__orb{background:radial-gradient(circle at 34% 30%, #a9ecff, var(--energy) 55%, var(--energy-dim));color:var(--void-900);box-shadow:0 0 14px -2px #4cc9f0e6}.coin-chip--coin .coin-chip__orb{background:radial-gradient(circle at 34% 30%, #ffeab0, var(--coin) 55%, var(--coin-dim));color:#5a3f00;box-shadow:0 0 14px -2px #ffc94ae6}.coin-chip--energy{color:#bfeeff}.coin-chip--coin{color:#ffe6ab}.gain{font-family:var(--font-hud);color:var(--good-400);animation:gain .9s var(--ease-out) both;font-weight:800}@keyframes gain{0%{opacity:0;transform:translateY(6px)scale(.8)}30%{opacity:1;transform:translateY(-4px)scale(1.12)}to{opacity:0;transform:translateY(-26px)scale(1)}}.patch{aspect-ratio:1;background:radial-gradient(circle at 50% 34%, #ffffff1a, transparent 55%), conic-gradient(from 210deg, var(--patch-a,#4cc9f0), var(--patch-b,#b15cff), var(--patch-a,#4cc9f0));width:152px;box-shadow:var(--lift-2), inset 0 0 0 4px #04071ad9, inset 0 0 0 6px var(--patch-ring,#ffc94a);font-family:var(--font-display);text-align:center;isolation:isolate;border-radius:50%;place-items:center;display:grid;position:relative}.patch:before{content:"";pointer-events:none;background:repeating-conic-gradient(#04071a8c 0deg 1.6deg,#0000 1.6deg 3.2deg);border-radius:50%;position:absolute;inset:3px;-webkit-mask:radial-gradient(circle,#0000 0 86%,#000 87% 100%);mask:radial-gradient(circle,#0000 0 86%,#000 87% 100%)}.patch__core{aspect-ratio:1;background:radial-gradient(circle at 42% 34%, var(--void-700), var(--void-900) 70%);width:70%;color:var(--text-bright);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 22px #000c}.patch__glyph{font-size:1.75rem;line-height:1}.patch__name{font-family:var(--font-hud);letter-spacing:.12em;text-transform:uppercase;color:#04071ac7;font-size:.6875rem;font-weight:800;position:absolute;bottom:12%}.patch--locked{filter:grayscale()brightness(.34);box-shadow:var(--lift-1), inset 0 0 0 4px #04071ad9, inset 0 0 0 6px #56629a80}.patch--new{animation:patch-in .7s var(--ease-spring) both}@keyframes patch-in{0%{opacity:0;transform:scale(.4)rotate(-22deg)}60%{opacity:1;transform:scale(1.08)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.planet{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #ffffff6b, transparent 46%), radial-gradient(circle at 62% 70%, #00000073, transparent 58%), var(--planet,#4cc9f0);width:108px;box-shadow:0 0 46px -8px var(--planet,#4cc9f0), var(--lift-2);cursor:pointer;transition:transform var(--t-base) var(--ease-spring), box-shadow var(--t-base) var(--ease-out);border:0;border-radius:50%;position:relative}.planet:hover{box-shadow:0 0 70px -6px var(--planet,#4cc9f0), var(--lift-3);transform:scale(1.07)}.planet:focus-visible{outline:3px solid var(--signal-300);outline-offset:6px}.planet--ringed:after{content:"";border:3px solid var(--planet,#4cc9f0);opacity:.65;pointer-events:none;border-left-color:#0000;border-right-color:#0000;border-radius:50%;position:absolute;inset:-22% -34%;transform:rotate(-18deg)}.planet--locked{cursor:not-allowed;background:radial-gradient(circle at 34% 28%,#56629a4d,#0000 46%),#131a3c;box-shadow:inset 0 0 0 1px #4256b866}.moon{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 36% 30%,#eef2ff,#8fa0d8 62%,#4b5a94);border:0;border-radius:50%;width:40px;box-shadow:0 0 18px -4px #c8d6ffcc}.moon--locked{background:#1b2350;box-shadow:inset 0 0 0 1px #4256b873}.moon--done{background:radial-gradient(circle at 36% 30%, #c9ffe6, var(--good-500) 62%, var(--good-700));box-shadow:0 0 20px -3px #2fd98ad9}.constellation{stroke:#4cc9f052;stroke-width:1.5px;stroke-dasharray:3 7;fill:none}.constellation--done{stroke:#2fd98a99;stroke-dasharray:none}.qshell{gap:var(--s-5);width:100%;max-width:720px;padding:var(--s-6);flex-direction:column;margin-inline:auto;display:flex}.qshell__top{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.qshell__tag{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:color-mix(in srgb, var(--subject,#4cc9f0) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--subject,#4cc9f0) 55%, transparent);font-family:var(--font-hud);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--subject,#4cc9f0);font-weight:800;display:inline-flex}.qshell__body{gap:var(--s-3);display:grid}.qshell__foot{justify-content:space-between;align-items:center;gap:var(--s-4);padding-top:var(--s-2);display:flex}.slot{min-height:60px;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-family:var(--font-read);color:var(--text-dim);background:#04071a73;border:2px dashed #4256b88c;place-items:center;font-weight:700;display:grid}.slot--filled{border-style:solid;border-color:var(--signal-500);color:var(--text-bright);background:#ff6b1a1f}.slot--over{border-color:var(--good-500);background:#2fd98a1f}.field{min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-md);font-family:var(--font-read);font-size:var(--t-answer);color:var(--text-bright);background:#04071a99;border:2px solid #4256b88c;font-weight:700}.field:focus{border-color:var(--signal-500);box-shadow:var(--glow-signal);outline:0}.field::placeholder{color:var(--text-faint);font-weight:400}.explain{gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);animation:rise var(--t-slow) var(--ease-out) both;background:linear-gradient(160deg,#b15cff29,#0a1030e6);display:flex;box-shadow:inset 0 0 0 1px #b15cff66}.explain__who{background:radial-gradient(circle at 36% 30%,#e6ccff,#b15cff 60%,#6d1fb8);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.25rem;display:grid;box-shadow:0 0 20px -3px #b15cffe6}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.burst{padding:var(--s-7) var(--s-6);place-items:center;display:grid;position:relative}.burst:before{content:"";background:conic-gradient(from 0deg, transparent 0 8deg, #ffc94a29 8deg 10deg, transparent 10deg 26deg, #ff6b1a24 26deg 28deg, transparent 28deg 50deg, #4cc9f024 50deg 52deg, transparent 52deg 78deg, #2fd98a24 78deg 80deg, transparent 80deg 360deg);pointer-events:none;animation:14s linear infinite spin;position:absolute;inset:-10%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 72%);mask:radial-gradient(circle,#000 20%,#0000 72%)}@keyframes spin{to{transform:rotate(360deg)}}.shockwave{aspect-ratio:1;border:2px solid var(--signal-400);width:120px;animation:shock 1.2s var(--ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute}@keyframes shock{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.spark{aspect-ratio:1;background:var(--warn-500);width:6px;animation:spark 1.1s var(--ease-out) both;border-radius:50%;position:absolute;box-shadow:0 0 10px 1px #ffc94ae6}@keyframes spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx,60px), var(--dy,-60px)) scale(.2)}}.toast{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);box-shadow:var(--lift-3), inset 0 0 0 1px #4256b880;animation:rise var(--t-base) var(--ease-spring) both;background:linear-gradient(160deg,#142053f2,#070b24f7);display:flex}.toast--good{box-shadow:var(--lift-3), var(--glow-good)}.badge{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);font-family:var(--font-hud);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);background:#4256b833;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #4256b880}.badge--live{color:var(--good-400);background:#2fd98a1f;box-shadow:inset 0 0 0 1px #2fd98a80}.badge--boss{color:#d9b4ff;background:#b15cff24;box-shadow:inset 0 0 0 1px #b15cff8c}.sterren__laag{will-change:transform;animation-name:sterren-drift;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;inset:-25%}.sterren__laag--ver{opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#9fb3ff 50%,#0000 51%),radial-gradient(1px 1px at 78% 9%,#8fa4f0 50%,#0000 51%),radial-gradient(1px 1px at 34% 73%,#b9c9ff 50%,#0000 51%),radial-gradient(1px 1px at 91% 62%,#7f93dd 50%,#0000 51%),radial-gradient(1px 1px at 58% 35%,#a8bbff 50%,#0000 51%),radial-gradient(1px 1px at 22% 88%,#8ca0e8 50%,#0000 51%);background-size:190px 190px,230px 230px,170px 170px,260px 260px,210px 210px,240px 240px}.sterren__laag--midden{opacity:.8;background-image:radial-gradient(1.6px 1.6px at 20% 30%,#dfe8ff 50%,#0000 51%),radial-gradient(1.4px 1.4px at 67% 14%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 44% 82%,#cbd8ff 50%,#0000 51%),radial-gradient(1.3px 1.3px at 86% 55%,#fff 50%,#0000 51%),radial-gradient(1.6px 1.6px at 8% 62%,#d5e0ff 50%,#0000 51%);background-size:300px 300px,340px 340px,280px 280px,380px 380px,320px 320px}.sterren__laag--dichtbij{opacity:.95;background-image:radial-gradient(2.4px 2.4px at 30% 24%,#fff 50%,#0000 51%),radial-gradient(2.2px 2.2px at 74% 68%,#fff 50%,#0000 51%),radial-gradient(2.6px 2.6px at 52% 44%,#eaf1ff 50%,#0000 51%);background-size:520px 520px,600px 600px,560px 560px}@keyframes sterren-drift{0%{transform:translate(0,0)}to{transform:translate(-420px,-260px)}}.sterren__twinkel{background:#fff;border-radius:50%;animation-name:sterren-twinkel;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;box-shadow:0 0 6px 1px #ffffffbf}@keyframes sterren-twinkel{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.sterren__laag,.sterren__twinkel{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-read);font-size:var(--t-body);color:var(--text-base);background:var(--void-900);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}.veilig{padding-inline:max(var(--s-4), env(safe-area-inset-left), env(safe-area-inset-right));padding-bottom:max(var(--s-4), env(safe-area-inset-bottom));padding-top:max(var(--s-4), env(safe-area-inset-top))}