:root{--accent:#2a5fe0;--widget-ruimte:76px;--bg:#eef1f5;--paneel:#fff;--paneel-2:#f6f8fb;--lijn:#d8dee7;--ink:#16213a;--ink-2:#4b5876;--ink-3:#8a94a8;--blauw:#2a5fe0;--blauw-diep:#1c46b8;--blauw-zacht:#dce7ff;--blauw-ink:#0b2b7a;--rood:#c93038;--rood-zacht:#fde2e2;--omtrek:#2b3a55;--schaduw:0 8px 24px #16213a1a, 0 1px 2px #16213a0f;--ease:cubic-bezier(.32, .72, 0, 1);--font:"Bricolage Grotesque", system-ui, sans-serif;--mono:"Spline Sans Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:16px;line-height:1.25}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:800}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:700}.panel{background:var(--paneel);border:1px solid var(--lijn);box-shadow:var(--schaduw), inset 0 0 0 5px var(--paneel-2), inset 0 0 0 6px var(--lijn);animation:fade-up .24s var(--ease) both;border-radius:16px;padding:12px 14px}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}.btn{border:1.5px solid var(--lijn);background:var(--paneel);min-height:44px;transition:transform .12s var(--ease), background .12s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn:hover{background:var(--paneel-2)}.btn.primary{background:var(--blauw);border-color:var(--blauw-diep);color:#fff}.btn.primary:hover{background:var(--blauw-diep)}.btn.primary:disabled{background:var(--ink-3);border-color:var(--ink-3)}.btn.big{width:100%;min-height:52px;font-size:18px}.btn.small{min-height:36px;padding:0 12px;font-size:14px}.btn.danger{color:var(--rood);border-color:var(--rood-zacht)}.link{min-width:32px;min-height:32px;color:var(--blauw);background:0 0;border:0;padding:6px 4px;font-size:14px;font-weight:700}.row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.game{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.world{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.world:active{cursor:grabbing}.world.tool-build{cursor:crosshair}.world.tool-erase{cursor:not-allowed}.loading{pointer-events:none;color:var(--ink-2);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.hud-tl{pointer-events:none;flex-direction:column;gap:10px;width:min(330px,100vw - 88px);display:flex;position:absolute;top:12px;left:12px}.hud-tl>*{pointer-events:auto}.core-chip{flex-direction:column;gap:4px;padding:10px 14px;display:flex}.core-chip .eyebrow{align-items:center;gap:8px;display:flex}.badge{background:var(--blauw-zacht);color:var(--blauw-ink);letter-spacing:.04em;border-radius:999px;padding:2px 8px}.credits{align-items:center;gap:8px;display:flex}.credits svg{width:26px;height:26px}.credits .num{font-size:26px}.credits .lbl{color:var(--ink-2);font-size:13px;font-weight:600}.objectives{flex-direction:column;gap:8px;display:flex}.obj-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.obj{grid-template-columns:22px 1fr auto;align-items:center;gap:8px;display:grid}.obj .check{border:2px solid var(--lijn);color:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:14px;font-weight:800;display:grid}.obj.done .check{background:var(--blauw);border-color:var(--blauw)}.obj-text{font-size:15px;font-weight:700}.obj.done .obj-text{color:var(--ink-2)}.bar{background:var(--paneel-2);height:6px;box-shadow:inset 0 0 0 1px var(--lijn);border-radius:3px;margin-top:5px;overflow:hidden}.bar i{background:var(--blauw);height:100%;transition:width .3s var(--ease);border-radius:3px;display:block}.obj-count{font-family:var(--mono);color:var(--ink-2);font-size:14px;font-weight:800}.hint{background:var(--blauw-zacht);color:var(--blauw-ink);border-radius:10px;margin:2px 0 0;padding:8px 10px;font-size:14px;font-weight:600}.wave-pill{border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 16px;animation:none;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.wave-pill .num{font-size:20px}.wave-pill .timer{font-family:var(--mono);color:var(--blauw);min-width:44px;font-weight:800}.wave-pill.urgent .timer{color:var(--rood)}.wave-pill.urgent{box-shadow:var(--schaduw), inset 0 0 0 5px var(--rood-zacht), inset 0 0 0 6px #f3b4b7}.wave-banner{background:var(--rood);color:#fff;box-shadow:var(--schaduw);animation:drop-in .32s var(--ease) both;pointer-events:none;border-radius:14px;padding:10px 26px;font-size:22px;font-weight:800;position:absolute;top:76px;left:50%;transform:translate(-50%)}@keyframes drop-in{0%{opacity:0;transform:translate(-50%,-16px)}}.hud-tr{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:12px;right:12px}.icon-btn{border:1px solid var(--lijn);background:var(--paneel);width:48px;height:48px;box-shadow:var(--schaduw);border-radius:14px;place-items:center;display:grid}.burger,.burger:before,.burger:after{background:var(--ink);content:"";border-radius:2px;width:20px;height:2.5px;display:block;position:relative}.burger:before{position:absolute;top:-6px}.burger:after{position:absolute;top:6px}.minimap{width:112px;height:112px;box-shadow:var(--schaduw);cursor:pointer;border-radius:14px;padding:0}.build-menu{right:12px;bottom:var(--widget-ruimte);flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 24px);display:flex;position:absolute}.build-menu .panel{flex-direction:column;gap:8px;padding:10px;display:flex}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs button{background:var(--paneel-2);color:var(--ink-2);border:0;border-radius:9px;min-width:36px;min-height:32px;padding:6px 10px;font-size:13px;font-weight:700}.tabs button.on{background:var(--blauw-zacht);color:var(--blauw-ink)}.blocks{grid-template-columns:repeat(6,56px);gap:8px;display:grid}.blocks .empty{max-width:280px;color:var(--ink-2);grid-column:1/-1;margin:0;font-size:14px;font-weight:600}.block-btn{border:1.5px solid var(--lijn);background:var(--paneel-2);width:56px;height:56px;transition:transform .12s var(--ease), border-color .12s var(--ease);border-radius:12px;place-items:center;padding:4px;display:grid;position:relative}.block-btn img{pointer-events:none;max-width:44px;max-height:44px}.block-btn:active{transform:scale(.95)}.block-btn.on{border-color:var(--blauw);background:var(--blauw-zacht);box-shadow:0 0 0 3px #2a5fe040}.block-btn.dim img{opacity:.45}.block-btn .cost{font-family:var(--mono);background:var(--paneel);border:1px solid var(--lijn);color:var(--ink);border-radius:999px;padding:0 6px;font-size:11px;font-weight:800;line-height:16px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.block-btn.dim .cost{color:var(--rood)}.block-btn .key{font-family:var(--mono);color:var(--ink-3);font-size:10px;font-weight:800;position:absolute;top:2px;right:3px}.tools{border-top:1px solid var(--lijn);justify-content:flex-end;gap:6px;padding-top:8px;display:flex}.tool-btn{border:1px solid var(--lijn);background:var(--paneel);min-height:40px;color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.tool-btn svg{width:18px;height:18px}.tool-btn.on{background:var(--blauw-zacht);color:var(--blauw-ink);border-color:var(--blauw)}.tool-btn.on.danger{background:var(--rood-zacht);color:var(--rood);border-color:var(--rood)}.tool-btn .speed{font-family:var(--mono);color:var(--ink)}.menu-info{background:var(--paneel);border:1px solid var(--lijn);width:300px;box-shadow:var(--schaduw);animation:fade-up .18s var(--ease) both;border-radius:14px;padding:12px 14px}.menu-info p,.info-card p{color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:1.35}.menu-info-head{align-items:center;gap:10px;display:flex}.menu-info-head img{object-fit:contain;width:40px;height:40px}.menu-info-head>div{flex-direction:column;flex:1;display:flex}.price{font-family:var(--mono);color:var(--blauw);font-size:13px;font-weight:800}.price.short{color:var(--rood)}.popover{width:min(320px,100vw - 24px);position:absolute;bottom:12px;left:12px}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border:1.5px solid var(--lijn);background:var(--paneel-2);min-height:40px;font-weight:800;font-family:var(--mono);border-radius:999px;padding:0 14px}.chip.on{background:var(--blauw);border-color:var(--blauw-diep);color:#fff}.handreken-wrap{background:#eef1f58c;place-items:center;display:grid;position:absolute;inset:0}.handreken{text-align:center;width:min(340px,100vw - 32px)}.handreken .sub{color:var(--ink-2);margin:6px 0 10px;font-size:14px}.som{margin:6px 0;font-size:40px}.som .answer{border-bottom:3px solid var(--blauw);min-width:1.6em;color:var(--blauw);display:inline-block}.handreken.fout{animation:shake .36s var(--ease)}.handreken.goed .answer{color:#0e6b3e}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.dots{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.dots i{background:var(--lijn);border-radius:50%;width:12px;height:12px}.dots i.on{background:var(--blauw)}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.numpad button{border:1.5px solid var(--lijn);background:var(--paneel-2);min-height:52px;font-family:var(--mono);border-radius:12px;font-size:22px;font-weight:800}.numpad button:active{transform:scale(.96)}.numpad .ok{background:var(--blauw);border-color:var(--blauw-diep);color:#fff}.feedback{min-height:20px;color:var(--ink-2);margin:8px 0 0;font-weight:700}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#eef1f5b3;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.end,.menu{text-align:center;width:min(460px,100%);padding:26px 24px;position:relative;overflow:hidden}.end h2,.menu h2{letter-spacing:-.02em;margin:0 0 6px;font-size:32px;font-weight:800}.end.won h2{color:var(--blauw)}.end.lost h2{color:var(--rood)}.end p{color:var(--ink-2);margin:0}.end .row,.menu .row{justify-content:center}.confetti i{border:1px solid var(--omtrek);width:9px;height:14px;animation:fall 1.4s var(--ease) both;border-radius:2px;position:absolute;top:-12px}@keyframes fall{to{opacity:0;transform:translateY(280px)rotate(320deg)}}.help{text-align:left;gap:8px;margin:12px 0 4px;display:grid}.help div{grid-template-columns:96px 1fr;gap:10px;font-size:14px;display:grid}.help span{color:var(--ink-2)}.campaign{background-color:var(--bg);background-image:linear-gradient(var(--lijn) 1px, transparent 1px), linear-gradient(90deg, var(--lijn) 1px, transparent 1px);background-position:-1px -1px;background-size:48px 48px;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"head head""acts card";align-content:start;align-items:start;gap:24px;min-height:100%;padding:24px clamp(16px,4vw,48px) 40px;display:grid}.camp-head{flex-wrap:wrap;grid-area:head;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.camp-head h1{letter-spacing:-.03em;margin:4px 0;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1}.tagline{color:var(--ink-2);margin:0;font-size:18px}.camp-nav{flex-wrap:wrap;gap:8px;display:flex}.acts{flex-direction:column;grid-area:acts;gap:18px;display:flex}.act h3{margin:0 0 10px}.path{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.node{position:relative}.link-line{background:var(--lijn);width:14px;height:4px;position:absolute;top:44px;left:-14px}.link-line.lit{background:var(--blauw)}.node button{text-align:left;border:1.5px solid var(--lijn);background:var(--paneel);width:100%;min-height:132px;box-shadow:var(--schaduw);transition:transform .14s var(--ease), border-color .14s var(--ease);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.node button:hover:not(:disabled){transform:translateY(-2px)}.node.sel button{border-color:var(--blauw);box-shadow:var(--schaduw), 0 0 0 3px #2a5fe033}.node.locked button{background:var(--paneel-2);box-shadow:none;color:var(--ink-3)}.node-icon{background:var(--blauw-zacht);width:40px;height:40px;color:var(--blauw-ink);border-radius:12px;place-items:center;margin-bottom:4px;font-size:20px;font-weight:800;display:grid}.type-line{align-items:center;gap:6px;display:flex}.icon{flex:none}.node.won .node-icon{background:var(--blauw);color:#fff}.node.locked .node-icon{background:var(--paneel-2);color:var(--ink-3);box-shadow:inset 0 0 0 1.5px var(--lijn)}.node-name{font-size:16px;font-weight:800;line-height:1.1}.node-les{color:var(--ink-2);font-size:13px}.node.locked .node-les{color:var(--ink-3)}.sector-card{flex-direction:column;grid-area:card;gap:10px;padding:20px;display:flex;position:sticky;top:24px}.sector-card h2{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800}.sector-card .les{color:var(--ink-2);margin:0;font-size:17px}.nieuw{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nieuw-block{background:var(--blauw-zacht);color:var(--blauw-ink);border-radius:10px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:14px;font-weight:700;display:inline-flex}.nieuw-block img{object-fit:contain;width:28px;height:28px}.goals{color:var(--ink);gap:4px;margin:0;padding-left:18px;font-size:15px;display:grid}.book{width:min(760px,100%);max-height:86vh;overflow:auto}.book h2{margin:0}.book-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px;display:grid}.book-item{border:1px solid var(--lijn);background:var(--paneel-2);border-radius:12px;gap:10px;padding:10px;font-size:13px;display:flex}.book-item img{object-fit:contain;flex:none;width:44px;height:44px}.book-item div{flex-direction:column;gap:2px;display:flex}.book-item span{color:var(--ink-2)}.book-item.locked img{filter:grayscale();opacity:.35}.rooms{grid-template-columns:1fr;grid-template-areas:"head""acts"}.room-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.room{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;min-height:170px;display:flex}.room b{font-size:20px}.room-goal{color:var(--ink-2);font-size:14px}.room-tools{gap:4px;display:flex}.room-tools img{object-fit:contain;width:30px;height:30px}.stars{align-items:center;gap:2px;margin-top:auto;display:flex}.stars i{color:var(--lijn);font-size:22px;font-style:normal}.stars i.on{color:var(--blauw)}.stars small{color:var(--ink-2);margin-left:8px}@media (width<=760px){.minimap,.tabs{display:none}.hud-tl{width:calc(100vw - 80px)}.core-chip{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px}.credits .num{font-size:22px}.credits .lbl{display:none}.objectives{padding:10px 12px}.obj-text{font-size:14px}.wave-pill{top:auto;bottom:calc(196px + var(--widget-ruimte))}.build-menu{left:8px;right:8px;bottom:var(--widget-ruimte);align-items:stretch}.build-menu .panel{padding:8px}.blocks{grid-template-columns:none;grid-auto-columns:56px;grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.tools span{display:none}.tool-btn{justify-content:center;min-width:44px}.menu-info{width:auto}.popover{bottom:calc(196px + var(--widget-ruimte));left:8px}.campaign{grid-template-columns:1fr;grid-template-areas:"head""card""acts";padding:16px}.sector-card{position:static}.camp-nav .btn{min-height:40px;padding:0 12px;font-size:14px}.path{grid-template-columns:repeat(2,minmax(0,1fr))}.link-line{display:none}}@media (width>=761px) and (width<=1100px){.campaign{grid-template-columns:1fr;grid-template-areas:"head""card""acts"}.sector-card{position:static}.path{grid-template-columns:repeat(3,minmax(0,1fr))}.link-line{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}