:root{--vonk:#ffc83d;--vonk-soft:#fff6db;--vonk-text:#7a5300;--vonk-edge:#b98a12;--fase:#a3562a;--fase-soft:#f6e6dc;--fase-text:#7a3e1d;--nul:#2f6fdb;--nul-dark:#1f4fa3;--nul-soft:#e3ecfa;--aarde:#3db46d;--aarde-geel:#f2d93a;--aarde-soft:#def0e4;--aarde-text:#1f6b3e;--klik-soft:#eceef2;--ink:#1b2a41;--muted:#4f5567;--subtle:#6e7385;--line:#e6e0d6;--line-strong:#d3cbbe;--cloud:#faf8f4;--sunk:#f2eee7;--white:#fff;--ok:#1e7a45;--ok-soft:#e3f2e8;--fail:#b42318;--fail-soft:#fdecea;--fail-text:#9e2a18;--display:"Nunito", ui-rounded, system-ui, sans-serif;--body:"Atkinson Hyperlegible Next", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--cloud);color:var(--ink);font-family:var(--body);margin:0}a{color:var(--nul-dark)}button{color:inherit;font-family:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--nul);outline-offset:2px}.wordmark{font-family:var(--display);letter-spacing:-.5px;color:var(--ink);align-items:center;min-height:44px;font-size:28px;font-weight:900;text-decoration:none;display:inline-flex}.wordmark span{background:linear-gradient(transparent 60%, var(--vonk) 60%, var(--vonk) 90%, transparent 90%);padding:0 2px}.btn{--edge:var(--ink);min-height:48px;font-family:var(--display);white-space:nowrap;cursor:pointer;border:1px solid var(--edge);box-shadow:0 3px 0 var(--edge);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:800;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active:not([disabled]){box-shadow:0 1px 0 var(--edge);transform:translateY(2px)}.btn-primary{--edge:var(--vonk-edge);background:var(--vonk);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--white);box-shadow:0 3px #0d1626}.btn-dark:hover{color:var(--white)}.btn-ghost{--edge:var(--line-strong);background:var(--white);color:var(--ink)}.btn-big{min-height:56px;padding:0 26px;font-size:19px}.chip{background:var(--white);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.card{background:var(--white);border-radius:22px;padding:20px}.label{color:var(--subtle);letter-spacing:.6px;text-transform:uppercase;font-size:13px;font-weight:800}.app-bar{background:var(--white);border-bottom:1px solid var(--line)}.app-bar-in{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;height:72px;margin:0 auto;padding:0 32px;display:flex}.app-bar-right{align-items:center;gap:10px;display:flex}.points{background:var(--vonk-soft);height:44px;font-family:var(--display);color:var(--vonk-text);white-space:nowrap;border:1px solid #f1dfa6;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:900;display:inline-flex}.points svg path{fill:var(--vonk);stroke:var(--vonk-text)}.home-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;max-width:1120px;margin:0 auto;padding:32px 32px 56px;display:grid}.home-path{flex-direction:column;gap:28px;min-width:0;display:flex}.home-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.unit{border:1px solid;border-radius:24px;align-items:center;gap:16px;padding:22px 24px;display:flex}.unit>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tier-1{background:var(--nul-soft);border-color:#c9d9f5}.tier-1 .eyebrow{color:var(--nul-dark)}.tier-2{background:var(--fase-soft);border-color:#ebcdbb}.tier-2 .eyebrow{color:var(--fase-text)}.tier-3{background:#ece6f7;border-color:#d3c6ee}.tier-3 .eyebrow{color:#4a3285}.tier-4{background:var(--aarde-soft);border-color:#bfe0cb}.tier-4 .eyebrow{color:var(--aarde-text)}.unit.done{opacity:.92}.unit-done{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:700;display:inline-flex}.unit-done svg{width:18px;height:18px}.unit-toggle{border:1px solid var(--line-strong);background:var(--white);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.unit-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.unit h2{font-family:var(--display);font-size:32px;font-weight:900;line-height:1.05}.unit p{color:var(--muted);margin-top:2px;font-size:16px;line-height:1.45}.unit-figure,.team-figure{flex-shrink:0;justify-content:center;line-height:0;display:inline-flex}.team-figure{width:40px}.path{width:360px;max-width:100%;margin:4px auto 0;position:relative}.path-wire{margin-left:-180px;position:absolute;top:0;left:50%;overflow:visible}.stop{flex-direction:column;align-items:center;width:72px;display:flex;position:absolute}.stop-text{flex-direction:column;gap:3px;width:150px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.stop-text.right{text-align:left;align-items:flex-start;left:calc(100% + 16px)}.stop-text.left{text-align:right;align-items:flex-end;right:calc(100% + 16px)}.node{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:0;text-decoration:none;transition:transform .1s;display:flex;position:relative}.node.done{background:var(--vonk);border:1px solid var(--vonk-edge);box-shadow:0 4px 0 var(--vonk-edge)}.node.current,.node.open{background:var(--white);border:2px solid var(--nul);box-shadow:0 4px 0 var(--nul-dark), 0 0 0 10px var(--nul-soft)}.node.current svg,.node.open svg{width:30px;height:30px}.node.current svg *,.node.open svg *{stroke:var(--nul)}.node.locked{background:var(--sunk);border:1px solid var(--line);cursor:default}.node.locked svg *{stroke:var(--subtle)}.node.small{cursor:default;flex-shrink:0;width:52px;height:52px}a.node:hover,button.node:hover{transform:translateY(-2px)}a.node:active,button.node:active{transform:translateY(3px)}.stop-title{font-family:var(--display);font-size:17px;font-weight:800;line-height:1.2}.stop-title.locked{color:var(--subtle)}.stop-kind{color:var(--subtle);font-size:13px}.stop-stars{gap:2px;display:flex}.start-bubble{background:var(--white);border:1px solid var(--nul);letter-spacing:1.2px;color:var(--nul-dark);text-transform:uppercase;z-index:1;white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;animation:1.6s ease-in-out infinite bob;position:absolute;top:-40px}@keyframes bob{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.start-bubble{animation:none}}.side-card{background:var(--white);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex}.continue{box-shadow:0 18px 36px -24px #1b2a4147}.continue-row{align-items:center;gap:14px;display:flex}.continue-row svg{flex-shrink:0}.continue h2{font-family:var(--display);font-size:26px;font-weight:900;line-height:1.05}.kind-chip{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:14px;display:inline-flex}.kind-chip svg{width:16px;height:16px}.kind-chip svg *{stroke:var(--muted)}.all-done{font-weight:700;line-height:1.4}.progress.big{background:var(--sunk);max-width:none;height:10px;box-shadow:inset 0 0 0 1px var(--line)}.progress.big>div{background:var(--aarde)}.side-stats{justify-content:space-between;align-items:center;gap:8px;font-size:15px;display:flex}.side-stats span{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.book-link{background:var(--nul-soft);color:var(--nul-dark);border-radius:14px;align-items:center;gap:10px;margin-top:4px;padding:12px 14px;font-weight:700;text-decoration:none;display:flex}.book-link span{flex:1}.team{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.team li{align-items:center;gap:12px;font-size:15px;display:flex}.disclaimer{background:var(--sunk);color:var(--muted);border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.5}.scrim{z-index:20;background:#1b2a4173;position:fixed;inset:0}.lesson-sheet,.cheat{z-index:21;background:var(--white);width:min(560px,100%);max-height:88vh;padding:10px 20px max(28px, env(safe-area-inset-bottom));border-radius:28px 28px 0 0;flex-direction:column;gap:14px;display:flex;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -12px 40px -16px #1b2a4159}.cheat-grip{background:var(--line-strong);border-radius:999px;align-self:center;width:40px;height:5px}.lesson-sheet .sheet-top{align-items:center;gap:14px;padding-right:40px;display:flex}.lesson-sheet h2{font-family:var(--display);font-size:24px;font-weight:900;line-height:1.1}.lesson-sheet p{color:var(--muted);font-size:16px;line-height:1.5}.sheet-stars{align-items:flex-end;gap:2px;display:flex}.sheet-x{position:absolute;top:14px;right:12px}@media (width>=761px){.lesson-sheet{border-radius:28px;width:440px;padding:24px;top:50%;bottom:auto;transform:translate(-50%,-50%)}.lesson-sheet .cheat-grip{display:none}}@media (width<=1000px){.home-grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px}}@media (width<=420px){.home{padding-left:16px;padding-right:16px}.home-top .wordmark{font-size:24px}.home-top .chip{padding:6px 10px}}@media (width<=860px){.home-grid{flex-direction:column;align-items:stretch;gap:20px;max-width:560px;padding:16px 16px 40px;display:flex}.home-side{display:contents}.continue{order:-1}.home-path{order:0}}@media (width<=560px){.app-bar-in{height:60px;padding:0 16px}.app-bar .wordmark{font-size:24px}.unit{padding:16px 18px}.unit h2{font-size:26px}.unit p{font-size:15px}.unit-figure svg{width:52px;height:60px}.stop-text{width:120px}.stop-title{font-size:16px}}.bubble{background:var(--white);border:2px solid var(--ink);border-radius:16px;padding:8px 10px;font-size:14px;font-weight:800;line-height:1.3}.level-top{background:var(--white);border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex}.icon-btn{background:var(--cloud);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.level-title{flex-direction:column;flex:260px;gap:6px;min-width:0;display:flex}.level-title strong{font-family:var(--display);font-size:24px;font-weight:800;line-height:1}.level-title .sub{color:var(--subtle);font-size:14px;font-weight:700}.progress{background:var(--line);border-radius:999px;max-width:420px;height:10px;overflow:hidden}.progress>div{background:var(--ok);border-radius:999px;height:100%}.level-body{flex-wrap:wrap;align-items:flex-start;gap:20px;padding:20px;display:flex}.col-left{flex-direction:column;flex:280px;gap:16px;min-width:0;max-width:340px;display:flex}.col-main{flex-direction:column;flex:999 560px;gap:16px;min-width:0;display:flex}.col-right{flex-direction:column;flex:220px;gap:16px;min-width:0;max-width:260px;display:flex}@media (width<=900px){.col-left,.col-right{max-width:none}}.story h1{font-family:var(--display);margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.15}.story p{color:var(--muted);font-size:15px;line-height:1.5}.story ul{margin:10px 0 0;padding-left:18px;font-size:14px;font-weight:700;line-height:1.7}.truth{text-align:center;gap:6px;margin-top:10px;font-size:14px;font-weight:700;display:grid}.truth .h{color:var(--subtle)}.truth .c{background:var(--cloud);border-radius:8px;padding:6px 0}.truth .on{background:var(--vonk-soft)}.truth .off{background:#e9edf3}.hint{background:var(--vonk-soft);border-radius:22px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.hint ol{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:15px;font-weight:700;line-height:1.45;display:flex}.hint .btn{background:var(--white);border-width:2px;min-height:40px;padding:0 14px;font-size:14px}.board{background-color:var(--white);background-image:radial-gradient(#d5dce6 1.2px,#0000 1.2px);background-size:22px 22px;border-radius:22px;padding:12px}.board svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.board text{font-family:var(--body);font-weight:800}.term{cursor:pointer}.term circle{fill:var(--white);stroke:var(--ink);stroke-width:3px;transition:r .1s}.term:hover circle,.term:focus-visible circle{r:11;fill:var(--vonk-soft)}.term.pending circle{fill:var(--vonk);stroke-width:4px;r:11}.term circle.hit,.term:hover circle.hit,.term.pending circle.hit{r:16;fill:#0000;stroke:none}.term:focus{outline:none}.wire{cursor:pointer}.wire .hit{stroke:#0000;stroke-width:34px;fill:none}.wire:hover .vis,.wire:focus-visible .vis{stroke-width:10px;opacity:.75}.wire:focus{outline:none}.switch-body{cursor:pointer}.switch-body:hover .plate,.switch-body:focus-visible .plate{stroke:var(--nul)}.switch-body:focus{outline:none}.fault-banner{color:var(--fail-text);background:#ffe3de;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;font-weight:800;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.actions .help{color:var(--subtle);flex:240px;font-size:14px;font-weight:700}.results{flex-wrap:wrap;gap:24px;display:flex}.results>div{flex-direction:column;flex:280px;gap:10px;min-width:0;display:flex}.results h2{font-family:var(--display);font-size:22px;font-weight:800}.result-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800}.badge.ok{color:#145c33;background:#ddf3e5}.badge.fail{color:var(--fail-text);background:#ffe3de}.row{align-items:flex-start;gap:10px;font-size:15px;font-weight:700;display:flex}.row svg{flex-shrink:0}.row.fail{color:var(--fail-text);background:#fff1ee;border-radius:12px;margin:0 -10px;padding:8px 10px}.row small{margin-top:2px;font-weight:600;display:block}.empty{color:var(--subtle);font-size:15px}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 10px;display:grid}.swatch{aspect-ratio:1;border:3px solid var(--white);cursor:pointer;border-radius:50%;min-width:36px;box-shadow:0 0 0 2px #d5dce6}.swatch.bruin{background:var(--fase)}.swatch.blauw{background:var(--nul)}.swatch.geelgroen{background:repeating-linear-gradient(135deg, var(--aarde) 0 6px, var(--aarde-geel) 6px 12px)}.swatch.zwart{background:#2b2f36}.swatch.grijs{background:#8c96a5}.toggle-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.seg{background:var(--cloud);border-radius:12px;padding:3px;display:flex}.seg button{min-width:48px;height:38px;color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 8px;font-size:15px;font-weight:800}.seg button[aria-pressed=true]{background:var(--ink);color:var(--white)}@media (pointer:coarse),(width<=1023px){.seg button{height:44px}}.side-note{color:var(--subtle);margin-top:8px;font-size:14px}.overlay{z-index:10;background:#1b2a418c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--white);border-radius:28px;flex-direction:column;gap:14px;width:min(420px,100%);max-height:calc(100vh - 32px);padding:28px 24px;display:flex;overflow:auto}.dialog.party{background:var(--vonk-soft);text-align:center;align-items:center}.dialog h2{font-family:var(--display);font-size:40px;font-weight:800;line-height:1}.dialog .intro-head{align-items:flex-end;gap:10px;display:flex}.dialog .intro-head .bubble{border-radius:20px 20px 20px 4px;padding:14px 16px;font-size:16px;font-weight:700;line-height:1.45}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.stats div{background:var(--white);border-radius:18px;flex-direction:column;align-items:center;padding:12px 6px;display:flex}.stats strong{font-family:var(--display);font-size:26px;line-height:1.1}.stats span{color:var(--muted);font-size:13px;font-weight:700}.unlocked{background:var(--white);border-radius:18px;width:100%;padding:12px 14px;font-weight:800}.dialog .stack{flex-direction:column;gap:10px;width:100%;display:flex}.legend summary{cursor:pointer;margin:-12px 0;padding:12px 0}.legend h3{margin:12px 0 6px;font-size:15px;font-weight:800}.legend dl{grid-template-columns:auto 1fr;gap:6px 10px;margin:0;font-size:14px;line-height:1.4;display:grid}.legend dt{background:var(--cloud);text-align:center;border-radius:8px;align-self:start;min-width:34px;padding:1px 8px;font-weight:800}.legend dd{color:var(--muted);margin:0}.lesson{--gutter:20px;background:var(--cloud);flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex}.lesson-top{padding:12px var(--gutter) 8px;align-items:center;gap:12px;display:flex}.icon-btn.ghost{color:var(--subtle);background:0 0}.lesson-progress{background:var(--sunk);height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;flex:1}.lesson-progress>div{background:var(--aarde);border-radius:999px;height:100%;transition:width .35s}.streak{background:var(--vonk-soft);font-family:var(--display);color:var(--vonk-text);border:1px solid #f1dfa6;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px 3px 7px;font-size:15px;font-weight:900;display:inline-flex}.lesson-main{min-height:0;padding:8px var(--gutter) 24px;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--subtle);align-self:flex-start;font-size:12px;font-weight:700}.eyebrow.tag{border-radius:999px;padding:4px 10px}.eyebrow.blue{background:var(--nul-soft);color:var(--nul-dark)}.lesson-title{font-family:var(--display);font-size:28px;font-weight:900;line-height:1.12}.lesson-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:16px}.lesson-visual{padding:12px}.lesson-visual svg{width:100%;height:auto;max-height:220px;display:block}.say{align-items:center;gap:10px;display:flex}.say-figure{flex-shrink:0}.say-figure svg{display:block}.say-bubble{background:var(--white);border:1px solid var(--line-strong);border-radius:20px 20px 20px 6px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 10px 10px 16px;display:flex}.say-text{flex:1;font-size:16px;font-weight:700;line-height:1.45}.say-text.big{font-family:var(--display);font-size:22px;font-weight:900;line-height:1.15}.say-speak{background:var(--sunk);cursor:pointer;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:44px;height:44px;display:flex}.tiles{flex-direction:column;gap:12px;display:flex}.tiles.grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.tile{text-align:left;background:var(--white);border:1px solid var(--line-strong);min-height:60px;box-shadow:0 3px 0 var(--line-strong);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:12px 48px 12px 16px;font-size:17px;font-weight:700;line-height:1.25;transition:transform 80ms;display:flex;position:relative}.tiles.grid .tile{text-align:center;flex-direction:column;justify-content:space-between;gap:8px;height:136px;min-height:0;padding:16px 6px 14px;overflow:hidden}.tiles.grid .tile-label{white-space:nowrap;font-size:15px;line-height:1.2}.tile-pic svg{display:block}.tile:hover:not([disabled]){background:var(--cloud)}.tile:active:not([disabled]){box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.tile.selected{background:var(--nul-soft);border-color:var(--nul-dark);box-shadow:0 3px 0 var(--nul-dark), inset 0 0 0 1px var(--nul-dark)}.tile.right{background:var(--ok-soft);border-color:var(--ok);box-shadow:0 3px 0 var(--ok), inset 0 0 0 1px var(--ok)}.tile.wrong{background:var(--fail-soft);border-color:var(--fail);box-shadow:0 3px 0 var(--fail), inset 0 0 0 1px var(--fail)}.tile.faded{background:var(--sunk);border-color:var(--line);box-shadow:none;color:var(--subtle)}.tile.faded .tile-pic{opacity:.45}.tile[disabled]{cursor:default}.tile:not(.faded)[disabled]{color:var(--ink)}.tile-mark{margin-top:-11px;line-height:0;position:absolute;top:50%;right:12px}.tiles.grid .tile-mark{margin-top:0;top:8px;right:8px}.tile kbd{font-family:var(--body);color:var(--subtle);border:1px solid var(--line-strong);border-radius:6px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.tiles:not(.grid) .tile kbd{flex-shrink:0;position:static}@media (hover:none),(width<=520px){.tile kbd{display:none}}.lesson-foot{padding:16px var(--gutter) max(24px, env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);gap:12px;display:flex}.grow{flex:1}.lesson .btn-big[disabled]{background:var(--sunk);border-color:var(--line);color:#8b8576;box-shadow:none;cursor:not-allowed}.lesson .btn-ok{--edge:var(--aarde-text);color:var(--ink);background:#46b874}.lesson .btn-fail{--edge:var(--fail-text);color:var(--ink);background:#f08a7c}.hint-btn{border:1px solid var(--line-strong);background:var(--white);width:56px;height:56px;box-shadow:0 3px 0 var(--line-strong);cursor:pointer;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hint-btn:hover{border-color:var(--vonk-edge);box-shadow:0 3px 0 var(--vonk-edge)}.sheet{padding:20px var(--gutter) max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--rim);flex-direction:column;gap:14px;display:flex;position:relative}.sheet.ok{background:var(--ok-soft);--tone:var(--ok);--rim:#bfe0cb}.sheet.fail{background:var(--fail-soft);--tone:var(--fail);--rim:#f5c9c3}.sheet.hint{background:var(--vonk-soft);--tone:var(--vonk-text);--rim:#f1dfa6}.sheet-head{align-items:flex-start;gap:14px;display:flex}.sheet-head>span{flex-shrink:0;line-height:0}.sheet-head strong{font-family:var(--display);color:var(--tone);margin:2px 0 4px;font-size:24px;font-weight:900;line-height:1;display:block}.sheet-head p{font-size:16px;line-height:1.45}.sheet small{color:var(--tone);margin-top:-4px;font-size:14px;font-weight:700}.sheet-chip{background:var(--white);border:1px solid var(--rim);border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:800;display:flex}.sheet-note{color:var(--tone);align-items:center;gap:6px;margin-top:-4px;font-size:14px;font-weight:800;display:flex}.sheet .btn{width:100%}.pop{animation:.32s cubic-bezier(.3,1.6,.6,1) pop;display:inline-block}@keyframes pop{0%{transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.pop{animation:none}.lesson-progress>div{transition:none}}.start-cast{justify-content:space-between;align-items:flex-end;margin-bottom:-4px;padding:12px 6px 0;display:flex}.start-cast svg{display:block}.start .lesson-main{padding-top:24px}.start-meta{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:14px;font-weight:800;display:flex}.start-meta span{align-items:center;gap:6px;display:inline-flex}.learn{padding:20px}.learn h2{font-family:var(--display);margin-bottom:14px;font-size:20px;font-weight:800}.learn ol{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.learn li{align-items:center;gap:12px;font-size:16px;font-weight:700;line-height:1.35;display:flex}.learn-no{background:var(--vonk);width:32px;height:32px;box-shadow:inset 0 0 0 2.5px var(--ink);font-family:var(--display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.goal{background:var(--vonk-soft);border-radius:20px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:700;line-height:1.4;display:flex}.goal-stars{flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.lesson.done{background:var(--vonk-soft);position:relative;overflow:hidden}.confetti{pointer-events:none;margin-left:-195px;position:absolute;top:0;left:50%}.done-main{text-align:center;align-items:center;padding-top:48px;position:relative}.done-cast{align-items:flex-end;gap:4px;display:flex}.done-cast svg{display:block}.done-main h1{font-family:var(--display);font-size:44px;font-weight:800;line-height:1}.done-main>p{color:var(--muted);margin-top:-6px;font-size:17px;font-weight:700}.done-stars{align-items:flex-end;gap:8px;display:flex}.done-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.done-stats div{background:var(--white);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.done-stats strong{font-family:var(--display);font-size:28px;font-weight:800;line-height:1}.done-stats strong.ok{color:#145c33}.done-stats strong.amber{color:#8a5a00}.done-stats span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.25}.unlocked-card{background:var(--white);text-align:left;border-radius:20px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.unlocked-card strong{font-size:17px;display:block}.unlocked-icon{background:var(--vonk);width:44px;height:44px;box-shadow:inset 0 0 0 2.5px var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.unlocked-icon svg{width:24px;height:24px}.done-foot{padding:0 var(--gutter) max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:4px;display:flex;position:relative}.done-back{align-self:center;align-items:center;min-height:44px;font-size:16px;font-weight:800;display:flex}@media (width>=600px){.lesson{padding-top:16px}}.match{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);grid-auto-rows:64px;row-gap:12px;display:grid}.tile.match-tile{gap:8px;height:64px;min-height:0;padding:0 38px 0 12px;font-size:15px}.match-key{font-family:var(--display);min-width:32px;font-size:24px}.match-sub{color:var(--muted);font-size:13px}.tile.match-tile[data-right]{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}.match-tile .tile-pic svg{width:44px;height:auto}.match-tile .tile-label{line-height:1.15}.tile.paired{border-color:var(--ink);box-shadow:0 4px 0 var(--ink)}.match-wires{align-self:start;overflow:visible}.eyebrow.red{color:var(--fail-text);background:#ffede9}.spot-card{padding:12px}.spot-card svg{width:100%;height:auto;display:block}.spot{cursor:pointer}.spot:focus{outline:none}.spot .hit{fill:#0000}.spot .ring{fill:#ffffffbf;stroke:var(--subtle);stroke-width:2.5px;stroke-dasharray:4 5}.spot:hover .ring,.spot:focus-visible .ring{stroke:var(--ink);stroke-width:3.5px}.spot.selected .ring{fill:#2f6fdb24;stroke:var(--nul);stroke-width:4px;stroke-dasharray:none}.spot .core{fill:var(--nul);stroke:#fff;stroke-width:3px}.spot.right .ring{fill:#1e8a4c26;stroke:var(--ok);stroke-width:4px;stroke-dasharray:none}.spot.wrong .ring{fill:#d9443a26;stroke:#d9443a;stroke-width:4px;stroke-dasharray:none}.lang-menu{flex-shrink:0;position:relative}.lang-btn{background:var(--white);border:1px solid var(--line-strong);height:44px;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:15px;font-weight:700;display:inline-flex}.lang-btn:hover,.lang-menu.open .lang-btn{background:var(--cloud)}.lang-btn.compact{padding:0 10px}.lang-btn.compact .lang-btn-name{display:none}@media (width<=420px){.lang-btn{gap:0}.lang-btn .lang-chevron{display:none}}.lang-chevron{color:var(--muted);transition:transform .15s}.lang-menu.open .lang-chevron{transform:rotate(180deg)}.lang-list{z-index:30;background:var(--white);border:1px solid var(--line-strong);border-radius:14px;min-width:190px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px -16px #1b2a4159}.lang-list [role=option]{width:100%;min-height:42px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.lang-list [role=option]:hover,.lang-list [role=option]:focus-visible{background:var(--cloud)}.lang-list [role=option] span{flex:1}.lang-list [aria-selected=true]{color:var(--nul-dark)}.lang-check{flex-shrink:0}.icon-btn.outline{background:var(--white);border:1px solid var(--line-strong);flex-shrink:0}.icon-btn[disabled]{opacity:.35;cursor:default}.phases{flex:1;gap:10px;padding-top:14px;display:flex}.phase{flex-direction:column;gap:5px;display:flex}.phase.learn{flex:2}.phase.practise{flex:3}.phase-bar{background:var(--sunk);height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.phase-bar>div{border-radius:999px;height:100%;transition:width .35s}.phase.learn .phase-bar>div{background:var(--nul)}.phase.practise .phase-bar>div{background:var(--aarde)}.phase span{letter-spacing:.6px;color:var(--subtle);font-size:12px;font-weight:700}.phase.on span{color:var(--ink)}@media (prefers-reduced-motion:reduce){.phase-bar>div{transition:none}}.lesson-lead{color:var(--muted);font-size:17px;line-height:1.5}.ready-head{align-items:flex-end;gap:14px;display:flex}.ready-figure{flex-shrink:0;line-height:0}.ready-head .lesson-title{margin-top:4px;font-size:32px;line-height:1.05}.eyebrow.ok{color:var(--ok)}.learned h2{font-family:var(--display);margin-bottom:12px;font-size:18px;font-weight:900}.learned ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.learned li{align-items:center;gap:10px;font-size:16px;line-height:1.35;display:flex}.learned li svg{flex-shrink:0}.lesson-foot.column{padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:6px}.link-btn{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;align-self:center;align-items:center;gap:6px;padding:0 8px;font-size:16px;font-weight:700;text-decoration:underline;display:inline-flex}.cheat-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cheat-head .eyebrow{color:var(--nul-dark)}.cheat-head h2{font-family:var(--display);margin-top:2px;font-size:22px;font-weight:900;line-height:1.15}.cheat .lesson-visual svg{max-height:170px}.cheat-body{font-size:16px;line-height:1.5}.cheat-nav{color:var(--muted);justify-content:center;align-items:center;gap:16px;font-weight:700;display:flex}.cheat-nav .icon-btn{background:var(--white);border:1px solid var(--line-strong)}.cheat-note{background:var(--sunk);color:var(--muted);border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.45}.cheat .btn{width:100%}.start-head{flex-direction:column;gap:4px;display:flex}.start-head .eyebrow{color:var(--nul-dark)}.start-head h1{font-family:var(--display);letter-spacing:-.4px;font-size:38px;font-weight:900;line-height:1}.start-crew{background:var(--nul-soft);border:1px solid #c9d9f5;border-radius:22px;flex-shrink:0;height:150px;position:relative;overflow:hidden}.start-wire{width:100%;height:24px;position:absolute;bottom:10px;left:0}.start-crew .start-cast{justify-content:space-around;align-items:flex-end;margin:0;padding:0;display:flex;position:absolute;bottom:18px;left:0;right:0}.start-meta{gap:8px}.start-meta span{background:var(--white);border:1px solid var(--line);height:32px;color:var(--muted);border-radius:999px;padding:0 12px;font-size:14px;font-weight:700}.learn-no{background:var(--vonk-soft);box-shadow:none;color:var(--vonk-text);border:1px solid #f1dfa6;width:28px;height:28px;font-size:14px;font-weight:900}.goal{border:1px solid #f1dfa6}.done-links{justify-content:center;gap:24px;display:flex}.done-links a{min-height:44px;color:var(--ink);align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.done-links svg{width:18px;height:18px}.level-top{border-bottom-width:1px}.level-read{min-height:44px}.level-read svg{width:20px;height:20px}.card{border:1px solid var(--line)}.hint{border:1px solid #f1dfa6}.truth .c{background:var(--sunk)}.truth .on{background:var(--vonk-soft);color:var(--vonk-text)}.truth .off{background:var(--nul-soft);color:var(--nul-dark)}.seg{background:var(--sunk);border:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 0 var(--line-strong), inset 0 0 0 1px var(--line-strong)}.swatch{border:0;box-shadow:inset 0 0 0 1px #1b2a4140}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #1b2a4140, 0 0 0 3px var(--white), 0 0 0 5px var(--ink)}@media (width<=560px){.level-read span{display:none}.level-read{padding:0 12px}}.sum-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:40px;max-width:1120px;margin:0 auto;padding:32px 32px 56px;display:grid}.sum-book{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.sum-book h2{font-family:var(--display);align-items:center;gap:10px;font-size:24px;font-weight:900;display:flex}.sum-book h2 svg{width:28px;height:28px;color:var(--nul-dark)}.sum-book>p{color:var(--muted);font-size:15px;line-height:1.5}.book-unit ul{flex-direction:column;gap:2px;margin:6px 0 0;padding:0;list-style:none;display:flex}.book-item{color:var(--ink);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}a.book-item:hover{background:var(--white)}.book-item strong{font-size:15px;display:block}.book-item small{color:var(--subtle);font-size:13px;display:block}.book-item.on{background:var(--white);border-color:var(--line-strong);box-shadow:0 2px 0 var(--line-strong)}.book-item.off{color:var(--subtle)}.book-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.book-dot.done{background:var(--vonk);border:1px solid var(--vonk-edge)}.book-dot.next{border:2px dashed var(--line-strong)}.book-dot svg[width="26"]{width:20px;height:20px}.book-dot svg *{stroke:var(--subtle)}.book-dot.done svg *{stroke:var(--ink)}.sum-main{flex-direction:column;gap:20px;min-width:0;display:flex}.sum-main>h2,.sum-cards h2{font-family:var(--display);font-size:22px;font-weight:900}.sum-back{min-height:44px;color:var(--ink);align-items:center;gap:6px;font-weight:700;display:none}.sum-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.sum-eyebrow{color:var(--nul-dark)}.sum-head h1{font-family:var(--display);letter-spacing:-.4px;margin:6px 0 8px;font-size:44px;font-weight:900;line-height:1.05}.sum-intro{color:var(--muted);max-width:560px;font-size:18px;line-height:1.5}.sum-head-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.sum-stars{align-items:flex-end;gap:2px;display:flex}.sum-points{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.sum-point{background:var(--white);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:12px;padding:14px;display:flex}.sum-point h3{font-family:var(--display);font-size:19px;font-weight:900;line-height:1.15}.sum-point p{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.45}.sum-fig{height:96px;color:var(--aarde-text);border-radius:14px;justify-content:center;align-items:center;gap:2px;display:flex}.sum-fig.faas{background:var(--fase-soft)}.sum-fig.nelis{background:var(--nul-soft)}.sum-fig.aart{background:var(--aarde-soft)}.sum-fig.klik{background:var(--klik-soft)}.sum-fig.vonk{background:var(--vonk-soft)}.sum-fig.sign{background:var(--aarde-soft)}.sum-fig>svg:last-child:not([width="32"]){margin-left:4px}.sum-fig>svg[width="32"]{width:28px;height:64px}.sum-notes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.sum-warn{background:var(--fail-soft);border:1px solid #f5c9c3;border-radius:18px;gap:12px;padding:14px 16px;display:flex}.sum-warn svg{flex-shrink:0;margin-top:2px}.sum-extra{background:var(--sunk);border-radius:18px;padding:14px 16px}.sum-notes h3{font-family:var(--display);margin-bottom:4px;font-size:17px;font-weight:900}.sum-notes p{font-size:15px;line-height:1.5}.sum-cards summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.sum-cards summary::-webkit-details-marker{display:none}.sum-cards summary:after{content:"";border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:9px;height:9px;margin:-4px 0 0 6px;transition:transform .15s;transform:rotate(45deg)}.sum-cards[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.sum-card-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:10px;display:grid}.sum-card{background:var(--white);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex}.sum-card h3{font-family:var(--display);font-size:18px;font-weight:900;line-height:1.2}.sum-card-pic svg{width:100%;height:auto;max-height:170px;display:block}.sum-card p{font-size:15px;line-height:1.5}.sum-locked{background:var(--white);border:1px solid var(--line);border-radius:22px;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;font-size:17px;display:flex}.sum-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:16px;display:flex}.sum-nav a{color:var(--ink);flex-direction:column;gap:2px;text-decoration:none;display:flex}.sum-nav a:hover strong{text-decoration:underline}.sum-nav-next{text-align:right;align-items:flex-end}@media (width<=860px){.sum-grid{max-width:560px;padding:8px 16px 40px;display:block}.sum-book{display:none}.sum-back{display:inline-flex}.sum-head{flex-direction:column;align-items:flex-start;gap:12px}.sum-head-side{flex-direction:row;align-items:center;gap:16px}.sum-head h1{font-size:34px}}@media (width<=560px){.sum-points{grid-template-columns:minmax(0,1fr);gap:10px}.sum-point{flex-direction:row;align-items:center;padding:10px}.sum-fig{flex-shrink:0;width:108px;height:80px}.sum-fig>svg:last-child:not([width="32"]){width:auto;height:52px}.sum-point h3,.sum-intro{font-size:17px}}.land{background:var(--cloud)}.land-wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.land-bar{z-index:10;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0}.land-top{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.land-wordmark{font-size:30px}.land-wordmark.small{font-size:24px}.land-nav{align-items:center;gap:16px;display:flex}.land-links{gap:28px;margin-right:12px;display:flex}.land-links a{color:var(--ink);padding:10px 0;font-size:16px;font-weight:700;text-decoration:none}.land-links a:hover{color:var(--nul-dark)}.flag{border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px #1b2a4126}.land-nav-btn{min-height:44px}.land-figure{flex-shrink:0;line-height:0;display:inline-flex}.land-hero{background:var(--vonk-soft);border-radius:0 0 48px 48px}.land-hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding-top:72px;padding-bottom:80px;display:grid}.land-hero-text{flex-direction:column;gap:24px;min-width:0;display:flex}.land-hero h1{font-family:var(--display);letter-spacing:-.8px;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1.02}.land-lead{color:var(--muted);max-width:540px;font-size:20px;line-height:1.55}.land-small{color:var(--subtle);font-size:15px}.land-hero-art{background:var(--white);border:1px solid var(--line);border-radius:28px;flex-direction:column;gap:16px;min-width:0;margin:0;padding:28px 24px 22px;display:flex;box-shadow:0 24px 48px -24px #1b2a412e}.land-hero-art>svg{width:100%;height:auto;display:block}.land-hero-art figcaption{color:var(--muted);align-items:flex-start;gap:10px;font-size:16px;line-height:1.5;display:flex}.land-hero-art .fase{color:var(--fase-text)}.land-hero-art .nul{color:var(--nul-dark)}.land-cta{align-items:center;display:flex}.land-cta-btn{z-index:1;border-radius:16px;min-height:64px;padding:0 28px;font-size:21px;position:relative}.land-cta-wire{flex-shrink:0;width:176px;height:104px;margin-left:-2px;overflow:visible}.flow{animation:1s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-32px}}@media (prefers-reduced-motion:reduce){.flow{animation:none}}.land-section{flex-direction:column;gap:32px;padding-top:56px;padding-bottom:56px;display:flex}#hoe{padding-top:96px}.land-section{scroll-margin-top:72px}.land-head{flex-direction:column;gap:12px;max-width:680px;display:flex}.land-head h2{font-family:var(--display);letter-spacing:-.4px;font-size:clamp(32px,4vw,44px);font-weight:900;line-height:1.05}.land-head p{color:var(--muted);font-size:20px;line-height:1.55}.land h3{font-family:var(--display);font-weight:900;line-height:1.1}.land-steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.land-step{background:var(--white);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:14px;padding:24px;display:flex}.land-step-art{border-radius:16px;justify-content:center;align-items:center;height:150px;display:flex;overflow:hidden}.land-step-art svg{max-width:100%;height:auto}.land-step h3{align-items:center;gap:10px;font-size:24px;display:flex}.land-step-no{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:inline-flex}.land-step p{color:var(--muted);font-size:17px;line-height:1.55}.fase.land-step-art,.fase.land-step-no{background:var(--fase-soft);color:var(--fase-text)}.nul.land-step-art,.nul.land-step-no{background:var(--nul-soft);color:var(--nul-dark)}.vonk.land-step-art,.vonk.land-step-no{background:var(--vonk-soft);color:var(--vonk-text)}.land-tests{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.land-tests li{align-items:center;gap:8px;display:flex}.land-tests li svg{flex-shrink:0}.land-tests li.bad{color:var(--fail)}.land-split{grid-template-columns:1fr 1.4fr;align-items:center;gap:56px;display:grid}.land-modes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.land-mode{background:var(--white);border:1px solid var(--line);border-radius:20px;align-items:flex-start;gap:16px;padding:20px;display:flex}.land-mode-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:8px}.land-mode-dot.vonk{background:var(--vonk-edge);box-shadow:0 0 0 6px var(--vonk-soft)}.land-mode-dot.nul{background:var(--nul);box-shadow:0 0 0 6px var(--nul-soft)}.land-mode-dot.fail{background:var(--fail);box-shadow:0 0 0 6px var(--fail-soft)}.land-mode-dot.aarde{background:var(--aarde-text);box-shadow:0 0 0 6px var(--aarde-soft)}.land-mode h3{margin-bottom:4px;font-size:20px}.land-mode p{color:var(--muted);font-size:16px;line-height:1.5}.land-team{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.land-member{background:var(--white);border:1px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.land-member h3{margin-top:2px;font-size:24px}.land-chip{border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.land-chip.vonk{background:var(--vonk-soft);color:var(--vonk-text)}.land-chip.fase{background:var(--fase-soft);color:var(--fase-text)}.land-chip.nul{background:var(--nul-soft);color:var(--nul-dark)}.land-chip.aarde{background:var(--aarde-soft);color:var(--aarde-text)}.land-chip.klik{background:var(--klik-soft);color:var(--muted)}.land-member p{font-size:16px;line-height:1.45}.land-safe-wrap{padding-top:40px;padding-bottom:56px}.land-safe{background:var(--sunk);border-radius:24px;align-items:center;gap:24px;padding:24px 28px;display:flex}.land-safe h2{font-family:var(--display);font-size:22px;font-weight:900}.land-safe p{color:var(--muted);margin-top:4px;font-size:16px;line-height:1.55}.land-final{background:var(--vonk-soft);border-radius:48px 48px 0 0}.land-final-row{justify-content:space-between;align-items:center;gap:32px;padding-top:72px;padding-bottom:72px;display:flex}.land-final .land-head{gap:10px}.land-final .land-head p{max-width:520px}.land-foot{background:var(--vonk-soft);border-top:1px solid #f1dfa6}.land-foot .land-wrap{color:var(--subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:28px;padding-bottom:36px;font-size:14px;display:flex}@media (width<=1040px){.land-hero-grid,.land-split{grid-template-columns:minmax(0,1fr);gap:40px}.land-team{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.land-final-row{flex-direction:column;align-items:flex-start}}@media (width<=900px){.land-links{display:none}}@media (width<=560px){.land-wrap{padding-left:16px;padding-right:16px}.land-top{gap:8px;height:64px}.land-wordmark{font-size:24px}.land-nav{gap:8px}.land-nav .lang-btn{padding:0 10px}.land-nav .lang-btn-name{display:none}.land-nav-btn{padding:0 14px;font-size:15px}.land-hero{border-radius:0 0 32px 32px}.land-hero-grid{padding-top:32px;padding-bottom:48px}.land-lead,.land-head p{font-size:18px}.land-cta-btn{min-height:56px;padding:0 20px;font-size:19px}.land-cta-wire{width:132px;height:78px}.land-hero-art{border-radius:22px;padding:18px 14px 16px}.land-modes{grid-template-columns:minmax(0,1fr)}.land-team{grid-template-columns:repeat(2,minmax(0,1fr))}#hoe{padding-top:56px}.land-section{padding-top:40px;padding-bottom:40px}.land-safe{flex-direction:column;align-items:flex-start;padding:20px}.land-final{border-radius:32px 32px 0 0}.land-final-row{padding-top:48px;padding-bottom:48px}}.order{flex-direction:column;gap:16px;display:flex}.order-col{flex-direction:column;gap:8px;display:flex}.tile.order-tile{gap:10px;min-height:52px;padding:10px 44px 10px 14px;font-size:15px}.order-tile .match-key{min-width:26px;color:var(--subtle);font-size:20px}.order-empty{border:2px dashed var(--line-strong);border-radius:18px;min-height:52px}.tier-head{align-items:center;gap:16px;padding:4px 8px 0;display:flex}.tier-head>div{flex-direction:column;gap:2px;display:flex}.tier-head h2{font-family:var(--display);font-size:26px;font-weight:900;line-height:1.1}.tier-head.tier-1,.tier-head.tier-2,.tier-head.tier-3,.tier-head.tier-4{background:0 0;border:0}.tier-progress{color:var(--muted);font-size:14px;font-weight:700}.tier-badge{background:var(--sunk);border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.tier-badge.earned{background:var(--vonk-soft);border-color:var(--vonk-edge)}.tier-badge svg{width:30px;height:30px}.milestone{border:1px solid;border-radius:24px;align-items:center;gap:18px;margin-bottom:12px;padding:18px 22px;display:flex;position:relative}.milestone .start-bubble{top:-14px;left:34px}.milestone-node svg{width:34px;height:34px}.milestone-text{flex-direction:column;gap:2px;min-width:0;display:flex}.milestone-text strong{font-family:var(--display);font-size:22px;font-weight:900;line-height:1.1}.milestone-text>span:last-child{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:inline-flex}.unit-nav{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:none;gap:8px;padding:10px 32px;display:flex;position:sticky;top:0;overflow-x:auto}.unit-nav::-webkit-scrollbar{display:none}.unit-chip{border:1px solid var(--line-strong);background:var(--white);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:700;display:inline-flex}.unit-chip strong{background:var(--sunk);width:26px;height:26px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.unit-chip.current{border-color:var(--nul);color:var(--nul-dark);background:var(--nul-soft)}.unit-chip.current strong{background:var(--nul);color:var(--white)}.unit-chip.jump{border-color:var(--ink);color:var(--ink);padding-left:10px}.unit-chip.jump svg{width:16px;height:16px}.badges{flex-direction:column;gap:10px;list-style:none;display:flex}.badges li{color:var(--subtle);align-items:center;gap:12px;font-size:15px;display:flex}.badges li.earned{color:var(--ink)}.badges li span:last-child{flex-direction:column;display:flex}.badges small{color:var(--subtle);font-size:12px}.badge-icon{background:var(--sunk);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.badges li.earned .badge-icon{background:var(--vonk-soft)}.role-chip{letter-spacing:.6px;text-transform:uppercase;background:var(--aarde-soft);color:var(--aarde-text);border-radius:999px;align-self:flex-start;align-items:center;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.role-chip.installer{background:var(--fase-soft);color:var(--fase-text)}.role-chip.look{background:var(--nul-soft);color:var(--nul-dark)}.library{flex-direction:column;gap:18px;display:flex}.library-head{background:var(--vonk-soft);border-color:var(--vonk-edge)}.shelf h3{font-family:var(--display);margin-bottom:10px;font-size:18px;font-weight:800}.shelf-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.lib-card{background:var(--white);border:1px solid var(--line-strong);box-shadow:0 3px 0 var(--line-strong);color:var(--ink);border-radius:18px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.lib-card.done{border-color:var(--vonk-edge);box-shadow:0 3px 0 var(--vonk-edge)}.lib-card strong{font-family:var(--display);font-size:17px;font-weight:800;line-height:1.2}.lib-kind svg{width:26px;height:26px}.lib-after{color:var(--subtle);font-size:13px}@media (width<=760px){.unit-nav{padding:8px 16px}.milestone{padding:14px 16px}}.compact-top{flex-wrap:nowrap;gap:10px;padding:8px 12px}.compact-top .progress{flex:auto;max-width:none}.board-hint{flex-shrink:0;min-height:44px;padding:0 14px;font-size:15px}.level-compact{flex-flow:column;align-items:stretch;gap:10px;max-width:640px;margin:0 auto;padding:12px 16px;display:flex}.compact-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.compact-title h1{font-family:var(--display);margin:0;font-size:22px;font-weight:900;line-height:1.1}.compact-title .sub{color:var(--subtle);font-size:13px;font-weight:700}.compact-actions{flex-shrink:0;gap:8px;display:flex}.compact-actions .level-read span{display:inline}.compact-actions .level-read{padding:0 14px;font-size:15px}.btn-task{flex-shrink:0;min-height:44px;padding:0 14px;font-size:15px}.btn-task svg{width:20px;height:20px}.say-line{align-items:center;gap:10px;display:flex}.say-line svg{flex-shrink:0}.say-line p{background:var(--white);border:1px solid var(--line-strong);border-radius:16px 16px 16px 6px;flex:1;margin:0;padding:9px 12px;font-size:15px;line-height:1.35}.level-compact .board{padding:6px}.level-compact .board svg{max-height:max(440px,100dvh - 330px)}.level-compact .card-shape{fill:var(--white);stroke:var(--ink);stroke-width:2.5px}.level-compact .card-name{font-family:var(--display);fill:var(--ink);font-size:14px;font-weight:800}.level-compact .lamp-state{font-family:var(--body);fill:var(--muted);font-size:13px;font-weight:700}.level-compact .rocker{font-family:var(--display);fill:var(--ink);font-size:16px;font-weight:900}.level-compact .wire .hit{stroke-width:54px}.level-compact .wire .halo{stroke:var(--white);stroke-width:12px;fill:none;stroke-linecap:round}.level-compact .wire path{stroke-linejoin:round}.level-compact .term text{font-family:var(--display);fill:var(--ink);pointer-events:none;font-size:14px;font-weight:900}.level-compact .term circle.sock,.level-compact .term:hover circle.sock,.level-compact .term:focus-visible circle.sock{r:19;stroke-width:2.5px}.level-compact .term:hover circle.sock,.level-compact .term:focus-visible circle.sock{fill:var(--vonk-soft)}.level-compact .term:focus-visible circle.sock{stroke:var(--nul);stroke-width:4px}.level-compact .term.pending circle.sock{r:19;fill:var(--vonk);stroke-width:3px}.level-compact .term circle.hit,.level-compact .term:hover circle.hit,.level-compact .term.pending circle.hit{r:25}.level-compact .term circle.pulse{r:27;fill:var(--vonk);stroke:none;opacity:.4;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.level-compact .term circle.pulse{animation:none}}.level-compact .fault-banner{padding:8px 12px;font-size:15px}.build-bar{z-index:5;background:var(--white);border-top:1px solid var(--line);padding:12px 16px calc(14px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;position:sticky;bottom:0}.build-bar>div{width:100%;max-width:608px;margin:0 auto}.bar-colours{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.bar-swatches{gap:8px;display:flex}.bar-swatches .swatch{border-width:2px;width:44px;min-width:0;height:44px}.bar-colours strong{min-width:0;font-size:14px;line-height:1.25}.bar-actions{gap:12px;display:flex}.bar-actions .btn-big{flex:1}.btn-square{flex-shrink:0;width:56px;min-height:56px;padding:0}.sheet-wrap{z-index:10;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#1b2a4166;position:absolute;inset:0}.bsheet{background:var(--white);border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:640px;max-height:calc(100% - 24px);margin:0 auto;display:flex;position:relative}.bsheet-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 6px;display:flex}.bsheet-head h2{font-family:var(--display);margin:2px 0 0;font-size:24px;font-weight:900;line-height:1.1}.bsheet-head .icon-btn{background:var(--white);border:1px solid var(--line-strong);flex-shrink:0}.bsheet-body{flex-direction:column;flex:auto;gap:14px;min-height:0;padding:8px 20px 16px;display:flex;overflow:auto}.bsheet-body .card{padding:14px}.bsheet-body .card.sunk{background:var(--cloud);border:1px solid var(--line)}.bsheet-body .legend,.bsheet-body .results{padding:0}.bsheet-body .results h3{font-family:var(--display);font-size:18px;font-weight:800}.sheet-story{margin:0;font-size:15px;line-height:1.45}.sheet-rules{margin:0;padding-left:18px;font-size:15px;font-weight:700;line-height:1.5}.bsheet-foot{padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.bsheet-foot .btn{width:100%}