:root{--paper:#fbf6eb;--paper-deep:#f3ebd8;--ink:#1f1b16;--ink-soft:#6b6155;--c-rood:#ff4b3e;--c-oranje:#ff9f1c;--c-geel:#ffd23f;--c-blauw:#2f6df6;--c-turkoois:#00a6a6;--c-paars:#8c52ff;--c-roze:#f25ca2;--c-groen:#2ec27e;--c-geel-licht:#fff3c4;--c-groen-licht:#d2f5e3;--c-blauw-licht:#d6e2ff;--c-rood-licht:#ffd9d6;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Schibsted Grotesk", sans-serif;--font-mono:"Spline Sans Mono", monospace;--r-card:20px;--border:3px solid var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#e7dcc4 1px,#0000 1px),linear-gradient(90deg,#e7dcc4 1px,#0000 1px);background-size:28px 28px}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(16px,4vw,48px) 8px;display:flex}.logo{align-items:center;gap:14px;display:flex;transform:rotate(-1.5deg)}.logo-badge{border:var(--border);background:var(--c-turkoois);color:#fff;width:58px;height:58px;box-shadow:5px 5px 0 var(--ink);font-family:var(--font-display);border-radius:16px;place-items:center;font-size:32px;font-weight:800;animation:5s ease-in-out infinite logo-bob;display:grid}@keyframes logo-bob{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-3px)}}.logo h1{font-family:var(--font-display);letter-spacing:-.5px;margin:0;font-size:clamp(26px,4.5vw,40px);font-weight:800;line-height:1}.logo h1 span{color:var(--c-turkoois)}.logo .tagline{color:var(--ink-soft);margin:4px 0 0;font-size:13px;font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.star-total{font-family:var(--font-display);border:var(--border);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 18px;font-size:17px;font-weight:800;display:flex}.main{padding:6px clamp(16px,4vw,48px) 80px}.home-intro{max-width:640px;color:var(--ink-soft);margin:10px 0 26px;font-size:15.5px;font-weight:500;line-height:1.5}.level-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;display:grid}.level-card{text-align:left;border:var(--border);border-radius:var(--r-card);box-shadow:5px 5px 0 var(--ink);background:#fff;flex-direction:column;gap:8px;min-height:140px;padding:14px 16px 13px;transition:transform .13s cubic-bezier(.2,1.6,.4,1),box-shadow .13s;animation:.45s cubic-bezier(.2,1.4,.4,1) backwards card-in;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.level-card:hover:not(:disabled){box-shadow:7px 8px 0 var(--ink);transform:translate(-2px,-3px)rotate(-.4deg)}.level-card:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.level-card.locked{opacity:.55;cursor:not-allowed;background:var(--paper-deep)}.level-card.done{background:var(--c-groen-licht)}.level-card.sandbox{background:var(--c-blauw-licht)}.level-card-top{justify-content:space-between;align-items:center;display:flex}.level-nr{font-family:var(--font-display);border:2.5px solid var(--ink);background:var(--c-geel);width:30px;height:30px;box-shadow:2px 2px 0 var(--ink);border-radius:9px;place-items:center;font-size:15px;font-weight:800;display:grid}.lock{font-size:16px}.level-card h3{font-family:var(--font-display);letter-spacing:-.2px;margin:0;font-size:16.5px;font-weight:800;line-height:1.15}.level-ops{flex-wrap:wrap;gap:6px;display:flex}.op-badge{font-family:var(--font-display);border:2.5px solid var(--ink);min-width:26px;height:26px;box-shadow:2px 2px 0 var(--ink);color:#fff;border-radius:8px;place-items:center;padding:0 7px;font-size:14px;font-weight:800;display:grid}.op-badge.belt{background:var(--paper-deep);color:var(--ink);font-size:12px}.op-add{background:var(--c-groen)}.op-sub{background:var(--c-oranje)}.op-mul{background:var(--c-paars)}.op-div{background:var(--c-roze)}.level-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.level-target{font-family:var(--font-display);color:var(--ink-soft);font-size:13px;font-weight:800}.stars{letter-spacing:1px;font-size:14px}.stars .off{opacity:.22;filter:grayscale()}.rf-game{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.game-hud{border-bottom:var(--border);background:var(--paper);flex-wrap:wrap;align-items:center;gap:10px;padding:10px clamp(10px,2vw,20px);display:flex}.hud-btn{border:2.5px solid var(--ink);min-width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);background:#fff;border-radius:12px;padding:0 12px;font-size:17px;font-weight:800;transition:transform .1s,box-shadow .1s}.hud-btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.hud-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.hud-btn.on{background:var(--c-groen);color:#fff}.hud-btn.back{font-size:20px}.hud-title{align-items:center;gap:9px;display:flex}.hud-nr{font-family:var(--font-display);border:2.5px solid var(--ink);background:var(--c-geel);width:30px;height:30px;box-shadow:2px 2px 0 var(--ink);border-radius:9px;place-items:center;font-size:15px;font-weight:800;display:grid}.hud-name{font-family:var(--font-display);letter-spacing:-.3px;font-size:17px;font-weight:800}.hud-target{background:var(--c-geel-licht);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;align-items:center;gap:8px;margin-left:auto;padding:5px 14px;display:flex}.target-label{text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}.target-value{font-family:var(--font-mono);font-size:22px;font-weight:700}.target-stepper{align-items:center;gap:8px;display:flex}.target-stepper button{border:2.5px solid var(--ink);width:30px;height:30px;font-family:var(--font-display);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:8px;font-size:17px;font-weight:800}.target-stepper button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.hud-progress{align-items:center;gap:8px;min-width:130px;display:flex}.hud-progress.sandbox{font-family:var(--font-display);color:var(--ink-soft);font-size:14px;font-weight:800}.hud-progress-track{border:2.5px solid var(--ink);background:#fff;border-radius:999px;flex:1;min-width:80px;height:16px;overflow:hidden}.hud-progress-fill{background:repeating-linear-gradient(-45deg, var(--c-groen), var(--c-groen) 9px, #57d99a 9px, #57d99a 18px);border-right:2.5px solid var(--ink);height:100%;transition:width .35s cubic-bezier(.2,1.3,.4,1)}.hud-progress-count{font-family:var(--font-display);white-space:nowrap;font-size:14px;font-weight:800}.hud-controls{gap:8px;display:flex}.board-wrap{flex:1;min-height:0;position:relative}.board{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.toolbar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));border:3px solid var(--ink);background:var(--paper);box-shadow:5px 6px 0 var(--ink);z-index:20;border-radius:20px;gap:7px;max-width:calc(100% - 20px);padding:8px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.tool-group{border-right:2px solid #1f1b161f;gap:7px;padding-right:8px;display:flex}.tool-group:last-child{border-right:none;padding-right:0}.tool{background:#fff;border:2px solid #1f1b1638;border-radius:13px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:54px;height:56px;transition:transform .1s,background .12s,border-color .12s,box-shadow .12s;display:flex}.tool:hover:not(.locked){border-color:var(--ink);transform:translateY(-1px)}.tool:active:not(.locked){transform:translateY(1px)}.tool.active{border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}.tool.op.op-add{background:#d2f5e3}.tool.op.op-sub{background:#ffe3c2}.tool.op.op-mul{background:#e7dbff}.tool.op.op-div{background:#fdd9ec}.tool.splitter{background:#cdefec}.tool.doubler{background:#fbe3c2}.tool-ico{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1}.tool-ico.mono{font-family:var(--font-mono);font-size:20px}.tool-lbl{color:var(--ink-soft);font-size:10px;font-weight:700}.tool-hint{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#fffffff0;border-radius:999px;max-width:92%;padding:7px 16px;font-size:13px;font-weight:600;position:absolute;bottom:84px;left:50%;overflow:hidden;transform:translate(-50%)}.tool-hint b{font-family:var(--font-display);font-weight:800}.board.panning{cursor:grab}.board.panning:active{cursor:grabbing}.overlay{z-index:100;background:#1f1b168c;place-items:center;padding:18px;animation:.2s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border:var(--border);box-shadow:8px 8px 0 var(--ink);text-align:center;border-radius:22px;width:100%;max-width:480px;max-height:90dvh;padding:26px 26px 24px;animation:.32s cubic-bezier(.2,1.5,.4,1) modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}.modal h2{font-family:var(--font-display);letter-spacing:-.4px;margin:0 0 10px;font-size:26px;font-weight:800}.modal-hint{color:var(--ink-soft);margin:0 0 18px;font-size:15px;font-weight:500;line-height:1.5}.help-steps{text-align:left;margin-bottom:20px}.help-step{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.hs-num{border:2.5px solid var(--ink);width:30px;height:30px;font-family:var(--font-display);background:var(--c-geel-licht);box-shadow:2px 2px 0 var(--ink);border-radius:9px;flex-shrink:0;place-items:center;font-weight:800;display:grid;transform:rotate(-3deg)}.help-step p{margin:3px 0 0;font-size:14.5px;font-weight:500;line-height:1.45}.btn{font-family:var(--font-display);border:var(--border);box-shadow:5px 5px 0 var(--ink);background:var(--c-geel);border-radius:16px;padding:13px 26px;font-size:17px;font-weight:800;transition:transform .12s cubic-bezier(.2,1.6,.4,1),box-shadow .12s}.btn:hover{box-shadow:6px 7px 0 var(--ink);transform:translate(-1px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)scale(.98)}.btn.groot{padding:15px 30px;font-size:19px}.btn.secondary{background:#fff;font-size:15px}.start-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.start-row.groot{margin-top:22px}.modal.win{text-align:center}.win-emoji{font-size:60px;animation:.6s cubic-bezier(.2,1.6,.4,1) emoji-drop}@keyframes emoji-drop{0%{opacity:0;transform:translateY(-30px)scale(.5)rotate(-20deg)}to{opacity:1;transform:none}}.result-stars{letter-spacing:8px;margin:10px 0 8px;font-size:44px}.result-stars .off{opacity:.2;filter:grayscale()}.result-stars span{animation:.5s cubic-bezier(.2,1.8,.4,1) backwards star-pop;display:inline-block}.result-stars span:nth-child(2){animation-delay:.16s}.result-stars span:nth-child(3){animation-delay:.32s}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-60deg)}to{opacity:1;transform:none}}.win-tip{color:var(--ink-soft);margin:4px 0 0;font-size:13.5px;font-weight:600}.win-unlock{font-family:var(--font-display);background:var(--c-geel-licht);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;margin:8px 0 2px;padding:8px 14px;font-size:14.5px;font-weight:800;display:inline-block}kbd{font-family:var(--font-mono);border:2px solid var(--ink);background:#fff;border-bottom-width:3.5px;border-radius:6px;padding:1px 6px;font-size:11.5px}.footer{text-align:center;color:var(--ink-soft);padding:26px 16px 40px;font-size:13px;font-weight:600}@media (width<=560px){.level-grid{grid-template-columns:1fr 1fr}.hud-name{display:none}.game-hud{gap:8px;padding:8px 10px}.hud-target{padding:4px 10px}.target-value{font-size:19px}}.game-hud .logo.small{gap:8px;transform:none}.game-hud .logo.small .logo-badge{width:38px;height:38px;box-shadow:3px 3px 0 var(--ink);border-radius:11px;font-size:22px;animation:none}.game-hud .logo.small h1{font-size:20px}.game-hud .logo.small .tagline{display:none}.score-chip{font-family:var(--font-display);background:var(--c-geel);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:800}.tool.locked{opacity:.45;cursor:not-allowed;box-shadow:none;background:var(--paper-deep)}.tool.locked .tool-ico{font-size:16px}.toast{background:var(--ink);color:var(--paper);font-family:var(--font-display);z-index:50;pointer-events:none;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:800;animation:.3s cubic-bezier(.2,1.5,.4,1) modal-in;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:4px 4px #1f1b1640}.world-hint{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--ink-soft);pointer-events:none;background:#ffffffeb;border-radius:999px;align-items:center;gap:3px;padding:5px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.world-hint kbd{border-bottom-width:3px;padding:0 4px;font-size:10px}.controls-legend{z-index:15;pointer-events:none;flex-direction:column;gap:7px;animation:.3s modal-in;display:flex;position:absolute;top:12px;left:12px}.legend-row{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;font-size:11.5px;font-weight:800;display:flex}.legend-keys{align-items:center;gap:3px;display:flex}.legend-sep{color:var(--ink-soft);font-weight:800}.legend-key{min-width:22px;height:24px;font-family:var(--font-mono);color:var(--ink);border:2px solid var(--ink);text-transform:none;box-shadow:1px 1px 0 var(--ink);background:#fff;border-bottom-width:3.5px;border-radius:7px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.legend-key.red{background:var(--c-rood-licht)}@media (width<=640px){.controls-legend{display:none}}.mini-controls{z-index:20;align-items:center;gap:7px;display:flex;position:absolute;top:12px;right:12px}.celebrate{z-index:120;pointer-events:none;animation:6.8s forwards celeb-fade;position:absolute;inset:0;overflow:hidden}@keyframes celeb-fade{0%,80%{opacity:1}to{opacity:0}}.confetti span{border-radius:3px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.2,.6,1);animation-fill-mode:forwards;position:absolute;top:-14vh}@keyframes confetti-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(120vh)rotate(900deg)}}.celebrate-card{background:var(--paper);border:var(--border);box-shadow:8px 8px 0 var(--ink);text-align:center;border-radius:24px;width:calc(100% - 40px);max-width:440px;padding:22px 30px 26px;animation:.5s cubic-bezier(.2,1.7,.4,1) celeb-pop;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}@keyframes celeb-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.celebrate-emoji{font-size:60px;animation:.6s cubic-bezier(.2,1.6,.4,1) emoji-drop}.celebrate-card h2{font-family:var(--font-display);letter-spacing:-1px;margin:4px 0 8px;font-size:44px;font-weight:800}.celebrate-card p{color:var(--ink);margin:0;font-size:15px;font-weight:600;line-height:1.5}.color-legend{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.cl{font-family:var(--font-display);border:2.5px solid var(--ink);box-shadow:2.5px 2.5px 0 var(--ink);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:800}.cl.add{background:#d2f5e3}.cl.sub{background:#ffe3c2}.cl.mul{background:#e7dbff}.cl.div{background:#fdd9ec}