:root{--bg:#f4f6fb;--paper:#fff;--ink:#1c2a48;--ink-soft:#55627d;--line:#d3def0;--chip:#e4eaf5;--marker:#ffd400;--marker-ink:#1c2a48;--pitch:#2e7a4e;--pitch-soft:#e3f1e8;--warn:#b5541c;--cork:#c69c6d;--f-display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--f-read:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--f-hand:"Patrick Hand", "Comic Sans MS", cursive;--shadow:0 1px 0 #1c2a480f, 0 8px 24px -12px #1c2a4840}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--ink);font-family:var(--f-read);margin:0;font-size:17px;line-height:1.55}a{color:inherit}h1,h2,h3{font-family:var(--f-display);letter-spacing:.3px;text-wrap:balance;margin:0 0 .4em;font-weight:400;line-height:1.1}h1{font-size:clamp(34px,6vw,56px)}h2{font-size:clamp(24px,3.5vw,34px)}h3{font-size:20px}p{max-width:65ch;margin:0 0 1em}.wrap{max-width:1080px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}header.site{background:var(--paper);border-bottom:1px solid var(--line)}header.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.brand{font-family:var(--f-display);align-items:center;gap:8px;font-size:24px;text-decoration:none;display:flex}.brand svg{width:26px;height:26px}nav.main{flex-wrap:wrap;gap:6px;display:flex}nav.main a{border-radius:999px;padding:8px 12px;font-size:15px;text-decoration:none}nav.main a:hover{background:var(--chip)}.btn{background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-block}.btn.ghost{background:var(--paper);color:var(--ink);border:2px solid var(--line)}.btn.marker{background:var(--marker);color:var(--marker-ink)}.btn[disabled]{opacity:.5;cursor:default}main{padding-block:32px 64px}.hero{grid-template-columns:1fr;align-items:center;gap:24px;padding-block:24px 40px;display:grid}@media (min-width:860px){.hero{grid-template-columns:1.1fr .9fr}}.hero .lead{color:var(--ink-soft);font-size:20px}.paper{background:var(--paper);background-image:linear-gradient(90deg, transparent 34px, #e98a8a 34px, #e98a8a 36px, transparent 36px), repeating-linear-gradient(to bottom, transparent 0, transparent 31px, var(--line) 31px, var(--line) 32px);box-shadow:var(--shadow);background-position:0 0,0 14px;border-radius:8px;padding:18px 20px 20px 50px;font-size:18px;line-height:32px}.paper .mark{background:linear-gradient(176deg, transparent 12%, var(--marker) 12%, var(--marker) 90%, transparent 90%)}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--paper);box-shadow:var(--shadow);border-radius:10px;align-content:start;gap:8px;padding:18px;display:grid}.card h3{margin:0}.pill{background:var(--chip);color:var(--ink-soft);border-radius:999px;padding:2px 10px;font-size:13px;display:inline-block}.pill.free{background:var(--pitch-soft);color:var(--pitch)}.pill.lock{background:var(--chip)}.pill.begin{background:var(--marker,#ffe03d);color:var(--ink);font-weight:700}.trede{color:var(--chip);vertical-align:middle;gap:2px;margin-left:6px;font-size:11px;display:inline-flex}.trede .on{color:var(--pitch,#2e7a4e)}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--paper);box-shadow:var(--shadow);border-radius:10px;padding:16px}.steps li:before{counter-increment:s;content:counter(s);font-family:var(--f-display);color:var(--pitch);font-size:28px;display:block}.badge{background:var(--paper);border:4px solid var(--pitch);color:var(--pitch);font-family:var(--f-display);border-radius:12px;gap:4px;padding:10px 16px;font-size:22px;display:inline-grid;transform:rotate(-2deg)}.badge small{font-family:var(--f-read);color:var(--ink-soft);font-size:13px}.strategies{gap:8px;display:grid}.strategies div{grid-template-columns:22px 1fr;gap:8px;display:grid}.ok{color:var(--pitch);font-weight:700}.no{color:var(--warn);font-weight:700}form.stack{gap:10px;max-width:420px;display:grid}input,select{font:inherit;border:2px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:10px 12px}label{color:var(--ink-soft);gap:4px;font-size:14px;display:grid}.notice{background:var(--pitch-soft);color:var(--pitch);border-radius:8px;padding:10px 14px}.notice.warn{color:var(--warn);background:#fbeadf}footer.site{border-top:1px solid var(--line);color:var(--ink-soft);padding-block:24px;font-size:14px}footer.site .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.playing{overflow:hidden}.playwrap{z-index:50;background:#1c2a48;flex-direction:column;display:flex;position:fixed;inset:0}.playwrap:fullscreen{width:100%;height:100%}.playstage{flex:auto;min-height:0;position:relative}.playhint{background:var(--marker);color:var(--marker-ink);flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin:0;padding:6px 12px;font-size:14px;display:flex}.playhint button{font:inherit;background:var(--ink);color:var(--paper);cursor:pointer;border:0;border-radius:999px;padding:4px 12px;font-weight:700}.playbar{padding:6px max(12px, env(safe-area-inset-right,0px)) 6px max(12px, env(safe-area-inset-left,0px));padding-top:max(6px, env(safe-area-inset-top,0px));background:var(--ink);color:var(--paper);flex:none;align-items:center;gap:12px;min-height:40px;font-size:14px;display:flex}.playbar .back{color:var(--paper);border-radius:999px;padding:4px 8px;font-weight:700;text-decoration:none}.playbar .back:hover{background:#ffffff1f}.playbar .title{font-family:var(--f-display);letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;overflow:hidden}.playbar .kids{gap:4px;display:flex}.playbar .kids a{color:var(--paper);border:1px solid #ffffff59;border-radius:999px;padding:3px 10px;text-decoration:none}.playbar .kids a.on{background:var(--marker);color:var(--marker-ink);border-color:var(--marker);font-weight:700}.playbar .status{color:var(--marker)}.playbar .fs{font:inherit;color:var(--paper);cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:6px 12px;font-weight:700}.playbar .fs:hover{background:#ffffff38}.playframe{background:#bfe0f2;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.playwrap:fullscreen .playbar{padding-top:6px}.kid-switch{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.kid-switch a{border:2px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 14px;text-decoration:none}.kid-switch a.on{border-color:var(--ink);font-weight:700}table.plain{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.plain th,table.plain td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px;font-size:15px}table.plain th{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:12px}.price{gap:6px;display:grid}.price strong{font-family:var(--f-display);font-size:36px}.kicker{font-family:var(--f-hand);color:var(--pitch);margin:0 0 6px;font-size:20px}.hero h1 .hl{background:linear-gradient(176deg, transparent 10%, var(--marker) 10%, var(--marker) 88%, transparent 88%);padding:0 6px}.hero .cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn.big{padding:14px 26px;font-size:18px}.facts{color:var(--ink-soft);flex-wrap:wrap;gap:6px 10px;margin:14px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.facts li{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 11px}.demo{gap:8px;display:grid}.demo .screen{aspect-ratio:4/3;box-shadow:var(--shadow), 0 0 0 8px var(--paper), 0 0 0 9px var(--line);background:#bfe0f2;border-radius:16px;overflow:hidden;transform:rotate(1.2deg)}.demo iframe,.demo .placeholder{border:0;width:100%;height:100%;display:block}.demo .placeholder{background:radial-gradient(circle at 50% 70%,#8fcf6a 0 42%,#bfe0f2 43%)}.demo .caption{text-align:center;font-family:var(--f-hand);color:var(--ink-soft);margin:8px 0 0;font-size:18px}.board{background:var(--cork);box-shadow:inset 0 0 40px #0000002e, var(--shadow);color:var(--ink);background-image:radial-gradient(#0000001a 1px,#0000 1.5px),radial-gradient(#ffffff2e 1px,#0000 1.5px);background-position:0 0,3px 5px;background-size:7px 7px,11px 11px;border:10px solid #8a6540;border-radius:18px;margin:32px -16px 0;padding:28px 20px 24px;position:relative}@media (min-width:860px){.board{margin-inline:0;padding:36px 32px 28px}}.board h2{color:#fff8ec;text-shadow:0 2px #00000040}.board .pin{background:radial-gradient(circle at 35% 35%,#ff8a8a,#b51f1f 70%);border-radius:50%;width:18px;height:18px;position:absolute;top:-6px;left:50%;box-shadow:0 3px 4px #00000059}.cards{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.cards li{transform:rotate(var(--rot,0deg));background:#fffdf5;padding:26px 16px 14px;transition:transform .2s;position:relative;box-shadow:0 10px 18px -10px #00000073}.cards li:hover{z-index:1;transform:rotate(0)scale(1.03)}.cards .tape{background:var(--tape,#ffd400);opacity:.85;width:78px;height:22px;margin-left:-39px;position:absolute;top:-10px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #00000026}.cards .num{font-family:var(--f-display);color:var(--pitch);font-size:30px;line-height:1;display:block}.cards strong{font-family:var(--f-display);margin:4px 0 6px;font-size:19px;font-weight:400;display:block}.cards p{color:var(--ink-soft);margin:0;font-size:15px}.snuf{font-family:var(--f-hand);color:#fff8ec;text-shadow:0 1px #0000004d;align-items:center;gap:10px;margin:22px 0 0;font-size:20px;display:flex}.snufmini{background:radial-gradient(circle at 50% 60%,#6b4a2b 0 48%,#3d2a16 50%);border-radius:50%;flex:none;width:34px;height:34px;box-shadow:inset 0 -6px #1c2a48}.texts{margin-top:48px}.textgrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.text{box-shadow:var(--shadow);border-radius:12px;padding:16px 16px 14px;font-size:15px;position:relative}.text .soort{text-transform:uppercase;letter-spacing:1px;background:var(--ink);color:var(--paper);border-radius:999px;padding:3px 9px;font-size:12px;position:absolute;top:-10px;left:14px}.text p{margin:8px 0 0}.text.proza{background:var(--paper);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 25px, var(--line) 25px, var(--line) 26px);line-height:26px}.text.tabel{background:var(--paper);font-variant-numeric:tabular-nums}.text.tabel p{border:1px solid var(--line);background:var(--chip);border-radius:6px;padding:8px 10px}.text.chat{background:#eaf6ee}.text.chat p{background:#cfeed9;border-radius:14px 14px 14px 3px;padding:8px 12px;display:inline-block}.text.persoon{font-family:var(--f-hand);background:#fff6e0;font-size:19px}.worlds{margin-top:48px}.worldgrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.world{color:#fff;text-shadow:0 1px #00000059;min-height:110px;box-shadow:var(--shadow);border-radius:14px;align-content:end;gap:2px;padding:14px;text-decoration:none;transition:transform .2s;display:grid}.world:hover{transform:translateY(-3px)}.world strong{font-family:var(--f-display);font-size:17px;font-weight:400;line-height:1.15}.world span{opacity:.9;font-size:13px}.world.sportpark{background:linear-gradient(160deg,#6fc46f,#2e7a4e)}.world.school{background:linear-gradient(160deg,#f0a35a,#c2582f)}.world.dierentuin{background:linear-gradient(160deg,#a7d36a,#5c8f2a)}.world.kermis{background:linear-gradient(160deg,#ff8fb3,#b0276a)}.world.camping{background:linear-gradient(160deg,#78c6b2,#2a7a6a)}.world.zwembad{background:linear-gradient(160deg,#6fc3f0,#1f6fb0)}.world.dorpsplein{background:linear-gradient(160deg,#d9b487,#8a6540)}.world.park{background:linear-gradient(160deg,#8fd48a,#3c8a3c)}.world.strand{background:linear-gradient(160deg,#ffd98a,#d9902e)}.ranks{grid-template-columns:1fr;align-items:center;gap:24px;margin-top:48px;display:grid}@media (min-width:860px){.ranks{grid-template-columns:1.1fr .9fr}}.badges{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.badges .badge{transform:rotate(var(--rot,-2deg))}.badge.gold{color:#a37600;background:#fff8dc;border-color:#d9a400}.grid.three,main>section+section{margin-top:40px}.grid.groepen{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.snuf>span{flex:1}.playbar .fs{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}@media (max-width:700px){.playbar .title,.playbar .fs .lbl{display:none}.playbar .fs{padding:6px 10px;font-size:16px}}.worldnav{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.world.small{border-radius:999px;min-height:0;padding:8px 12px;font-size:14px;display:inline-block}.world.small strong{font-size:14px}.worldsection{margin-top:36px;scroll-margin-top:80px}.worldsection h2{align-items:center;gap:10px;display:flex}.worlddot{border-radius:50%;width:18px;height:18px;display:inline-block}.worlddot.sportpark{background:#2e7a4e}.worlddot.school{background:#c2582f}.worlddot.dierentuin{background:#5c8f2a}.worlddot.kermis{background:#b0276a}.worlddot.camping{background:#2a7a6a}.worlddot.zwembad{background:#1f6fb0}.worlddot.dorpsplein{background:#8a6540}.worlddot.park{background:#3c8a3c}.worlddot.strand{background:#d9902e}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.btn.small{padding:8px 16px;font-size:14px}