:root{--navy:#0b2e6b;--night:#061a3a;--cobalt:#0047ab;--bright:#2a6fdb;--ice:#e7effb;--green:#2e7d32;--lime:#8bc34a;--slate:#2f4251;--gold:#f5b800;--danger:#c62828;--bg:#e7effb;--panel:#fff;--panel-2:#f3f7fd;--text:#13243a;--muted:#4a5d72;--line:#ccd8e8;--card:#fff;--card-locked:#eef2f7;--shadow:0 2px 10px #0b2e6b1f;--radius:14px;--font:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#061a3a;--panel:#0d2347;--panel-2:#12305e;--text:#eaf1fc;--muted:#a9bcd6;--line:#23406e;--card:#10294f;--card-locked:#0b1f3f;--shadow:0 2px 10px #00000059}}:root[data-theme=dark]{--bg:#061a3a;--panel:#0d2347;--panel-2:#12305e;--text:#eaf1fc;--muted:#a9bcd6;--line:#23406e;--card:#10294f;--card-locked:#0b1f3f;--shadow:0 2px 10px #00000059}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#app{height:100vh;grid-template:"hud""stage"minmax(0,1fr)"panel"minmax(0,44%)/minmax(0,1fr);width:100%;height:100dvh;display:grid;overflow:hidden}#hud{background:var(--navy);color:#fff;padding:6px max(8px, env(safe-area-inset-left)) 6px max(8px, env(safe-area-inset-right));padding-top:max(6px, env(safe-area-inset-top));z-index:2;flex-direction:column;grid-area:hud;gap:4px;display:flex}.hud-row{align-items:center;gap:6px;min-width:0;display:flex}.pill{white-space:nowrap;background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:4px 10px;font-size:15px;display:flex}.pill strong{font-variant-numeric:tabular-nums;font-size:18px}.coins{color:#ffe17a}.water{flex:1;min-width:0;overflow:hidden}.water #water{font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:13px;overflow:hidden}.meter{background:#fff3;border-radius:999px;flex:1;min-width:40px;height:12px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, #6fa8ff, var(--bright));border-radius:999px;width:0;height:100%;transition:width .3s}.meter-fill.full{background:linear-gradient(90deg,#ffb74d,#ff7043)}.weather{font-size:13px}.icon-btn{background:#ffffff24;border:0;border-radius:12px;min-width:40px;min-height:40px;font-size:18px}.icon-btn:hover{background:#ffffff3d}.pill.water{font:inherit;color:inherit;cursor:pointer;text-align:left;border:0;min-height:40px}.pill.water:hover{background:#fff3}.pill.water:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.weer-event{font-size:15px}.pill.aandacht{color:#ffe17a;background:#ffe17a2e;font-size:13px}.pill.aandacht[hidden]{display:none}.dreef{color:#0b2e6b;background:#ffe17a;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}.dreef[hidden]{display:none}.wk-lijst{gap:6px;display:grid}.weer-event[hidden],.icon-btn.in-menu{display:none}.meldingen{flex-wrap:wrap;gap:6px}.meldingen[hidden]{display:none}.melding{color:#fff;min-height:32px;font:inherit;cursor:pointer;text-align:left;background:#c62828;border:0;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.melding:hover{background:#a31f1f}.melding:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#stage{grid-area:stage;min-height:0;position:relative;overflow:hidden}#world{touch-action:none;cursor:pointer;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#goal{color:#13243a;box-shadow:var(--shadow);pointer-events:none;background:#ffffffeb;border-radius:10px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 16px);padding:6px 10px;font-size:13px;font-weight:600;position:absolute;top:8px;left:8px;right:8px}#btn-catch{background:var(--bright);color:#fff;min-height:48px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:999px;padding:0 18px;font-size:16px;font-weight:800;position:absolute;bottom:10px;right:10px}#btn-catch[aria-disabled=true]{opacity:.55;cursor:default}#btn-catch[hidden]{display:none}#test-banner{text-align:center;color:#fff;letter-spacing:.05em;pointer-events:none;background:repeating-linear-gradient(45deg,#c62828,#c62828 12px,#a31f1f 12px 24px);padding:4px;font-size:13px;font-weight:800;position:absolute;bottom:0;left:0;right:0}body.testmode #btn-catch{bottom:34px}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92%,460px);display:flex;position:absolute;top:46px;left:50%;transform:translate(-50%)}.toast{color:#13243a;border-left:6px solid var(--bright);text-align:center;background:#fff;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:700;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;box-shadow:0 6px 20px #0b2e6b40}.toast.mission{border-left-color:var(--gold)}.toast.phase{border-left-color:var(--lime);background:#f4fbea}.toast.update{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.toast-btn{border:2px solid var(--bright);background:var(--bright);color:#fff;cursor:pointer;border-radius:10px;min-height:36px;padding:0 12px;font-weight:800}.toast-btn.ghost{color:#13243a;border-color:var(--line);background:0 0}.toast-btn:focus-visible{outline-offset:2px;outline:3px solid #13243a}.app-box{margin-top:4px}.toast.out{opacity:0;transition:all .35s;transform:translateY(-8px)}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}#panel{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;grid-area:panel;min-height:0;display:flex;box-shadow:0 -4px 14px #0b2e6b14}#tabs{scrollbar-width:none;border-bottom:1px solid var(--line);flex-shrink:0;gap:4px;padding:6px;display:flex;overflow-x:auto}#tabs::-webkit-scrollbar{display:none}.tab{background:var(--panel-2);min-width:52px;min-height:44px;color:var(--muted);border:0;border-radius:10px;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:1px;padding:4px 8px;font-size:11px;font-weight:700;display:flex;position:relative}.tab-ico{font-size:18px;line-height:1}.tab.active{background:var(--bright);color:#fff}.tab .dot{background:var(--gold);width:9px;height:9px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;display:none;position:absolute;top:5px;right:7px}.tab.has-new .dot{display:block}#shop-list{padding:8px 8px max(12px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:border-color .2s,transform .15s;display:grid}.card.afford{border-color:var(--lime);box-shadow:0 0 0 3px #8bc34a2e}.card.locked{background:var(--card-locked);opacity:.8}.card-ico{text-align:center;font-size:30px}.card h3{margin:0;font-size:15px}.card .count{color:var(--muted);font-size:12px;font-weight:600}.card p{margin:2px 0 0;font-size:12.5px;line-height:1.35}.card .txt{color:var(--muted)}.card .eff{color:var(--green);font-weight:700}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card .eff{color:var(--lime)}}.card .need{color:var(--muted);font-weight:600}.bar{background:var(--line);border-radius:99px;height:5px;margin-top:6px;display:block;overflow:hidden}.bar-fill{background:var(--gold);border-radius:99px;width:0;height:100%;transition:width .2s;display:block}.buy{background:var(--green);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;border:0;border-radius:12px;min-width:84px;min-height:48px;padding:0 12px;font-size:15px;font-weight:800}.buy:disabled{background:var(--card-locked);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line);cursor:not-allowed}.card.afford .buy{animation:1.6s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 0 5px #8bc34a59}}.buy.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.price-locked{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:700}.owned-list{border-top:1px dashed var(--line);padding-top:6px}.owned-list h3,.sec{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:6px 2px;font-size:13px}.owned-item{background:var(--panel-2);border-radius:999px;align-items:center;gap:4px;margin:3px;padding:4px 10px;font-size:13px;display:inline-flex}.owned-item .check{color:var(--green);font-weight:800}.empty{color:var(--muted);text-align:center;padding:20px}.phases{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.phase{background:var(--panel-2);border-radius:10px;padding:6px 10px;font-size:13px}.phase.done{border-left:5px solid var(--lime)}.phase.next{border-left:5px solid var(--gold)}.phase.later{opacity:.65}.phase .steps{color:var(--muted);margin-top:3px;line-height:1.35;display:block}.missions{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.missions li{background:var(--panel-2);border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.missions li.done{opacity:.75}.m-ico{font-size:20px}.reward{color:var(--muted);font-weight:700}.mprog{align-items:center;gap:8px;display:flex}.mprog .bar{flex:1;min-width:80px}.mprog small{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px}dialog{background:var(--panel);width:min(94vw,480px);max-height:88dvh;color:var(--text);border:0;border-radius:18px;padding:0;box-shadow:0 20px 60px #00000059}dialog::backdrop{background:#061a3a8c}.dlg-inner{flex-direction:column;gap:10px;max-height:88dvh;padding:18px;display:flex;overflow-y:auto}dialog h2{margin:0;font-size:20px}dialog p{margin:4px 0;line-height:1.45}dialog a{color:var(--bright);font-weight:700}.dlg-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.dlg-actions button,.test-btns button{border:2px solid var(--line);background:var(--panel-2);border-radius:12px;min-height:44px;padding:0 16px;font-weight:700}.dlg-actions .primary{background:var(--bright);color:#fff;border-color:var(--bright)}.dlg-actions .danger{color:var(--danger);border-color:var(--danger);background:0 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dlg-actions .danger{color:#ff8a80;border-color:#ff8a80}}.stats{border-collapse:collapse;width:100%;font-size:14px}.stats th{text-align:left;border-bottom:1px solid var(--line);padding:5px 4px;font-weight:500}.stats td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:5px 4px;font-weight:800}.note{color:var(--muted);font-size:13px}.version{color:var(--muted);text-align:right;font-size:11px}.opt{align-items:center;gap:8px;min-height:44px;font-weight:600;display:flex}.opt input{width:22px;height:22px}.offline{margin:4px 0;padding-left:20px;font-weight:700;line-height:1.7}.test-panel{border:2px dashed var(--danger);border-radius:12px}.test-panel legend{color:var(--danger);font-weight:800}.test-btns{flex-wrap:wrap;gap:6px;display:flex}@media (min-width:900px) and (min-aspect-ratio:1){#app{grid-template:"hud hud""stage panel"minmax(0,1fr)/minmax(0,1fr) 400px}#panel{border-top:0;border-left:1px solid var(--line)}.pill{font-size:16px}.water{max-width:420px}}@media (max-width:899px) and (orientation:landscape) and (max-height:520px){#app{grid-template:"hud hud""stage panel"minmax(0,1fr)/minmax(0,1fr) 320px}.meldingen{display:none}}@media (max-width:600px){#btn-catch{min-height:44px;padding:0 14px;font-size:15px;top:46px;bottom:auto;right:8px}body.testmode #btn-catch{bottom:auto}.weather #weather-txt{display:none}.weather{padding:4px 8px}.water #water{font-size:12px}.icon-btn{min-width:38px}}@media (max-width:480px){#btn-sound,#btn-stats{display:none}}@media (max-width:360px){.icon-btn{min-width:34px;font-size:16px}.hud-row{gap:4px}.water #water{display:none}.meter{min-width:24px}}@media (max-width:420px){.pill{padding:4px 8px}.tab-label{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.char-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.char{border:2px solid var(--line);background:var(--panel-2);border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:10px 6px;display:flex}.char.selected{border-color:var(--bright);box-shadow:0 0 0 3px #2a6fdb40}.char:hover{border-color:var(--lime)}.char small{color:var(--muted);text-align:center;font-size:11.5px;line-height:1.25}.char-prev{width:64px;height:104px;image-rendering:pixelated}.menu-btn{border:2px solid var(--line);background:var(--panel-2);text-align:left;border-radius:12px;min-height:44px;padding:0 14px;font-weight:700}.prestige{background:var(--panel-2);border:2px dashed var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.prestige.ready{border-style:solid;border-color:var(--gold)}.prestige h3{margin:0;font-size:15px}.prestige p{margin:0;font-size:13px}.prestige .buy{align-self:flex-start;margin-top:4px}.community{background:var(--panel-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;font-size:13px;display:flex}.community strong{color:var(--bright)}.lb-join{background:var(--panel-2);border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.lb-join h3{margin:0;font-size:15px}.lb-join label{font-size:13px;font-weight:700}.lb-row{gap:8px;display:flex}.lb-row input{border:2px solid var(--line);min-width:0;min-height:44px;font:inherit;background:var(--panel);color:var(--text);border-radius:10px;flex:1;padding:0 12px}.lb-row input:focus-visible{border-color:var(--bright)}.lb-msg{color:var(--danger);min-height:1em;margin:0;font-size:13px;font-weight:700}.lb-me{border:2px solid var(--gold);border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.lb-me small{color:var(--muted)}.lb-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.menu-btn.small{min-height:40px;font-size:13px}.danger-text{color:var(--danger)}.lb-controls{flex-wrap:wrap;gap:6px;display:flex}.seg{background:var(--panel-2);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:13px;font-weight:700}.seg button[aria-pressed=true]{background:var(--bright);color:#fff}.lb-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lb-list li{background:var(--panel-2);border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:grid}.lb-list li.me{outline:2px solid var(--gold)}.lb-rank{text-align:center;font-variant-numeric:tabular-nums;font-weight:800}.lb-nick{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.lb-val{font-variant-numeric:tabular-nums;font-weight:800}.lb-list.lb-plain li{grid-template-columns:minmax(0,1fr) auto}.lb-val.leeg{color:var(--muted);font-weight:600}.world-map{background:linear-gradient(#eaf4ff,#f7fbff);border-radius:12px;width:100%;max-width:640px;height:auto;margin:4px auto 10px;display:block}.world-levels li.done{border-color:#5fae3e}.world-levels li{display:block}.world-levels .m-top{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.world-levels .bar{height:8px;margin:6px 0 4px}.world-levels .bar-fill{background:var(--bright)}.world-levels li.done .bar-fill{background:#5fae3e}.gem-head{background:var(--panel-2);border-radius:12px;gap:6px;margin-bottom:8px;padding:10px 12px;display:grid}.gem-head .buy{justify-self:start}.gem-city{gap:6px;display:grid}.gem-wijk{background:var(--panel-2);border-radius:12px;margin:10px 0;padding:10px 12px}.gem-wijk .m-top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.gem-wijk .bar{height:8px;margin:6px 0 4px}.gem-wijk .bar-fill{background:var(--bright)}.gem-status{margin-left:auto;font-size:13px}.gem-sub{color:var(--muted);margin:8px 0 4px;font-size:12px;font-weight:700}.gem-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.gem-btn{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;min-height:44px;padding:8px 10px;font-size:13px}.gem-btn.afford{border-color:var(--bright);box-shadow:0 0 0 1px var(--bright) inset}.gem-btn:disabled{background:var(--card-locked);color:var(--muted);cursor:not-allowed;border-style:dashed}.reg-meter{grid-template-columns:160px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.reg-meter .bar{height:8px;margin:0}.reg-meter .bar-fill{background:var(--bright)}.reg-proj{gap:3px;display:grid}.reg-proj small{color:var(--muted);font-size:12px}@media (max-width:600px){.reg-meter{grid-template-columns:1fr;gap:2px}}.fb-ask{pointer-events:auto;text-align:center;gap:6px;display:grid}.fb-ask-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fb-ask-btns .buy{width:auto;min-height:40px;padding:6px 14px}.fb-thumbs{gap:10px;margin:6px 0 10px;display:flex}.fb-thumb{border:2px solid var(--line);background:var(--card);min-width:56px;min-height:48px;color:var(--text);border-radius:12px;font-size:26px}.fb-thumb[aria-pressed=true]{border-color:var(--bright);background:var(--panel-2)}.fb-kinds{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.fb-kind{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--text);border-radius:999px;padding:6px 12px;font-size:14px}.fb-kind[aria-pressed=true]{border-color:var(--bright);background:var(--bright);color:#fff}.fb-sub{margin:4px 0;font-weight:700;display:block}#fb-text{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;resize:vertical;background:var(--panel);color:var(--text);border-radius:10px;padding:8px}.fb-count{text-align:right;color:var(--muted);display:block}.bar-fill.warn{background:#e0a030}.narrow-only{flex-wrap:wrap;gap:8px;display:none}@media (max-width:480px){.narrow-only{display:flex}}.tab-groups{flex-shrink:0;gap:6px;padding:6px 6px 0;display:flex}.tab-group{border:1px solid var(--line);background:var(--panel-2);min-height:40px;color:var(--muted);border-radius:10px;flex:1;font-size:13px;font-weight:800;position:relative}.tab-group.active{background:var(--navy,#0b2e6b);color:#fff;border-color:#0000}.tab-group .dot{background:var(--gold);border-radius:50%;width:9px;height:9px;display:none;position:absolute;top:6px;right:8px}.tab-group.has-new:not(.active) .dot{display:block}#tabs{flex-wrap:wrap;overflow-x:visible}.tab.done{opacity:.55;order:1}.tab.done .tab-label:after{content:" ✓"}.tab[hidden]{display:none}.tab.done{flex:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.device-box{margin-top:8px}.device-box .menu-row{flex-wrap:wrap;gap:8px;display:flex}label.menu-btn{cursor:pointer;align-items:center;display:inline-flex}label.menu-btn:focus-within{outline:2px solid var(--bright)}.visually-hidden:focus-visible+label{outline:2px solid var(--bright)}.transfer-code{letter-spacing:1px;white-space:nowrap;text-align:center;background:var(--panel-2);-webkit-user-select:all;user-select:all;border-radius:12px;padding:12px;font:800 clamp(17px,5.6vw,28px) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.transfer-code.error{letter-spacing:0;color:#b3261e;font:600 15px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.transfer-input{box-sizing:border-box;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:10px;margin:6px 0;padding:10px;font:700 22px ui-monospace,Menlo,Consolas,monospace}.gk{border:1px solid var(--line,#d5deea);background:var(--panel);border-radius:12px;margin:8px 0;overflow:hidden}.gk-head{background:var(--panel-2);color:var(--text);align-items:center;gap:10px;padding:8px 12px;display:flex}.gk-head.branded{background:var(--gk-bg);color:var(--gk-fg)}.gk-logo{background:#fff;border-radius:8px;flex:none;place-items:center;height:34px;padding:3px 5px;display:inline-grid}.gk-logo img{max-width:96px;max-height:28px;display:block}.gk-body{gap:6px;padding:10px 12px;display:grid}.gk-body p{margin:0}.gk-tool{border:2px solid var(--gold);color:var(--text);border-radius:10px;justify-self:start;padding:6px 12px;font-weight:700;text-decoration:none;display:inline-block}.gk-tool:hover{background:var(--panel-2)}.gk-tool:focus-visible{background:var(--panel-2)}.gk-note,.gk-body small,.gk-plain small{color:var(--muted)}.gk-plain{margin:6px 0}.ico{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em}.icon-btn .ico{vertical-align:middle;width:20px;height:20px}.brand .ico{width:24px;height:24px}:root[data-stijl=diorama]{--radius:18px;--font:ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--shadow:0 6px 18px #2a394524}:root[data-stijl=diorama] #hud{background:#2a3945}:root[data-stijl=hybride]{--radius:22px;--font:ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--shadow:0 8px 24px #2a39451f}:root[data-stijl=hybride] #hud{background:#2a3945}:root[data-stijl=hybride] .coins{color:#f6d77a}:root[data-stijl=kaart]{--radius:6px;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--shadow:none}:root[data-stijl=kaart] .card,:root[data-stijl=kaart] .toast,:root[data-stijl=kaart] #goal{border:1.5px solid var(--line);box-shadow:none}:root[data-stijl=kaart] .toast{border-left-width:6px}:root[data-stijl=kaart] .pill,:root[data-stijl=kaart] .icon-btn,:root[data-stijl=kaart] .melding{border-radius:6px}:root[data-stijl=papier]{--radius:10px;--font:ui-rounded, "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--shadow:1px 2px 0 #3c28142e, 0 6px 14px #3c28141f}:root[data-stijl=papier] #hud{background:#4a3527}:root[data-stijl=papier] .toast,:root[data-stijl=papier] .card{box-shadow:1px 2px #3c28142e,0 6px 14px #3c28141f}@media (prefers-color-scheme:light){:root[data-stijl=kaart]{--bg:#f4f6f7;--panel:#fff;--panel-2:#f4f6f7;--text:#2a3945;--muted:#4a5866;--line:#c9d1d6;--card:#fff;--card-locked:#eef1f3}:root[data-stijl=kaart] #hud{color:#2a3945;background:#fff;border-bottom:1.5px solid #c9d1d6}:root[data-stijl=kaart] .pill,:root[data-stijl=kaart] .icon-btn{color:#2a3945;background:#f4f6f7}:root[data-stijl=kaart] .icon-btn:hover{background:#e7ecef}:root[data-stijl=kaart] .coins{color:#7a5a00}:root[data-stijl=kaart] .meter{background:#e1e6e9}:root[data-stijl=papier]{--bg:#efe6d6;--panel:#fbf8f1;--panel-2:#f4ecdd;--text:#3b2a1e;--muted:#6a5644;--line:#e0d2b8;--card:#fffdf8;--card-locked:#f1e8d8}:root[data-stijl=hybride]{--bg:#f3f7f9;--panel:#fff;--panel-2:#eef4f7;--text:#2a3945;--muted:#4a5866;--line:#d3dee5;--card:#fff;--card-locked:#eef2f5}}.st-pick{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.st-pick legend{margin-bottom:4px;font-weight:800}.st-card{border:2px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:grid}.st-card:has(input:checked){border-color:var(--bright);box-shadow:0 0 0 3px #2a6fdb33}.st-card input{width:22px;height:22px;margin:0}.st-swatch{border-radius:6px;grid-template-rows:repeat(2,14px);grid-template-columns:repeat(2,14px);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.st-text{flex-direction:column;gap:2px;display:flex}.st-name{flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;display:flex}.st-badge{color:#2e5e1a;background:#e3f1d6;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:800}.st-desc{color:var(--muted);font-size:13px;line-height:1.35}.st-others summary{cursor:pointer;min-height:40px;padding:10px 0;font-weight:700;display:list-item}.st-row{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.st-row select{border:2px solid var(--line);background:var(--panel);min-height:40px;color:var(--text);font:inherit;border-radius:10px;padding:0 8px}.st-offer{pointer-events:auto;text-align:center;gap:8px;display:grid}.st-lead{display:inline}.st-lead .ico{margin-right:6px}.toast .toast-btn{pointer-events:auto;margin-left:8px}.toast:has(.toast-btn){pointer-events:auto}#brand-mark{box-sizing:content-box;width:auto;height:56px;box-shadow:var(--shadow);pointer-events:none;-webkit-user-select:none;user-select:none;background:#ffffffd1;border-radius:14px;padding:6px 10px;position:absolute;bottom:10px;left:10px}body.testmode #brand-mark{bottom:34px}:root[data-stijl=kaart] #brand-mark{box-shadow:none;border:1.5px solid #c9d1d6;border-radius:6px}@media (max-width:480px){#brand-mark{height:42px;padding:5px 8px;bottom:8px;left:8px}}:where(html,body,#app,#app *){touch-action:manipulation}#hud,#stage,#tabs,.tab-groups,.sheet-head,button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#btn-shop,#sheet-backdrop,.sheet-head{display:none}@media not all and (min-width:900px) and (min-aspect-ratio:1) and (min-height:521px){#app{grid-template:"hud""stage"minmax(0,1fr)/minmax(0,1fr)}#panel{z-index:20;border:0;border-top:1px solid var(--line);visibility:hidden;border-radius:18px 18px 0 0;height:min(86dvh,720px);transition:transform .25s,visibility 0s linear .25s;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(105%);box-shadow:0 -10px 30px #061a3a4d}body.sheet-open #panel{visibility:visible;transition:transform .25s;transform:none}.sheet-head{touch-action:none;flex-shrink:0;justify-content:flex-end;align-items:center;min-height:44px;padding:4px 6px 0;display:flex;position:relative}.sheet-grip{background:var(--line);border-radius:99px;width:44px;height:5px;margin-left:-22px;position:absolute;top:8px;left:50%}#btn-sheet-close{background:var(--panel-2);color:var(--text)}.sheet-head+.tab-groups{padding-top:0}#sheet-backdrop{z-index:19;opacity:0;pointer-events:none;background:#061a3a59;transition:opacity .25s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}body.sheet-open #sheet-backdrop{opacity:1;pointer-events:auto}#btn-shop{left:calc(max(10px, env(safe-area-inset-left)) + 52px);bottom:max(10px, env(safe-area-inset-bottom));background:var(--navy,#0b2e6b);color:#fff;min-height:52px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:16px;font-weight:800;display:flex;position:absolute}#btn-shop .dot{background:var(--gold);border-radius:50%;width:14px;height:14px;display:none;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #fff}#btn-shop.has-new .dot{animation:1.6s ease-in-out infinite glow;display:block}#btn-catch{top:auto;right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));min-width:112px;min-height:56px;padding:0 16px;font-size:17px}#brand-mark{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom))}body.testmode #btn-catch,body.testmode #btn-shop,body.testmode #brand-mark{bottom:calc(34px + env(safe-area-inset-bottom))}#shop-list{padding-bottom:max(16px, env(safe-area-inset-bottom))}}@media (max-width:480px){#btn-shop{left:52px}}@media (max-width:380px){#btn-shop{padding:0 12px;font-size:15px;left:46px}#btn-catch{min-width:96px;padding:0 12px}#brand-mark{height:36px}}@media (orientation:landscape) and (max-height:520px){#panel{border-top:0;border-left:1px solid var(--line);width:min(400px,64vw);height:auto;padding-right:env(safe-area-inset-right);border-radius:18px 0 0 18px;top:0;left:auto;transform:translate(105%)}.sheet-grip{display:none}#btn-catch,#btn-shop,#brand-mark{bottom:max(8px, env(safe-area-inset-bottom))}#btn-catch{min-height:48px}#btn-shop{min-height:48px;left:calc(max(10px, env(safe-area-inset-left)) + 42px)}#brand-mark{height:38px;padding:4px 7px}}:root{--dock-h:66px}#app{grid-template-rows:auto minmax(0,1fr) minmax(0,44%) auto;grid-template-areas:"hud""stage""panel""dock"}#hud{background:linear-gradient(180deg, #123f8c 0%, var(--navy) 100%);box-shadow:inset 0 2px #ffffff0f,0 3px 10px #061a3a40}.pill{box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #0000002e}.pill.coins{background:linear-gradient(#ffd54a38,#ffd54a1a);border:1px solid #ffd54a73}#dock{z-index:22;min-height:var(--dock-h);padding:9px max(6px, env(safe-area-inset-left)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-right));background:linear-gradient(#0f3a80 0%,#082457 100%);border-top:2px solid #2a6fdb;grid-area:dock;align-items:stretch;gap:4px;display:flex;position:relative;box-shadow:0 -6px 18px #061a3a47}.dock-btn{color:#c9d8f2;letter-spacing:.01em;background:#ffffff0f;border:0;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:52px;font-size:12px;font-weight:800;transition:flex-grow .22s,transform .22s cubic-bezier(.2,1.4,.4,1),background .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -3px #00000040}.dock-btn:hover{background:#ffffff1f}.dock-ico{font-size:24px;line-height:1;transition:transform .22s cubic-bezier(.2,1.4,.4,1);display:inline-flex}.dock-ico .ico{width:26px;height:26px}.dock-btn.active{color:#fff;background:linear-gradient(#4b8bf0 0%,#2a6fdb 55%,#1d58b8 100%);flex-grow:1.55;transform:translateY(-6px);box-shadow:inset 0 0 0 2px #fff,0 6px 14px #061a3a73,inset 0 -4px #00000038}.dock-btn.active .dock-ico{transform:scale(1.22)translateY(-2px)}.dock-btn .dot{background:var(--gold);border-radius:50%;width:12px;height:12px;display:none;position:absolute;top:5px;right:10px;box-shadow:0 0 0 2px #0b2e6b}.dock-btn.has-new:not(.active) .dot{animation:1.6s ease-in-out infinite glow;display:block}.dock-btn .lock{font-size:13px;display:none;position:absolute;top:3px;right:8px}.dock-btn.locked .lock{display:block}.dock-btn.locked:not(.active) .dock-ico{filter:grayscale();opacity:.55}.dock-btn.locked:not(.active) .dock-label{opacity:.6}.dock-btn:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.section-title{letter-spacing:.01em;color:var(--text);flex-shrink:0;margin:0;padding:10px 14px 4px;font-size:19px;font-weight:800}#tabs[hidden],.tab-groups{display:none}.locked-intro{text-align:center;background:var(--panel-2);border:2px dashed var(--line);border-radius:14px;margin-bottom:10px;padding:14px 12px 10px}.locked-intro .lock-ico{font-size:34px}.locked-intro h3{margin:4px 0;font-size:17px}.locked-intro p{color:var(--muted);margin:4px 0 10px;font-size:14px}.locked-intro .mprog{gap:4px;display:grid}.locked-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.locked-list li{background:var(--panel-2);opacity:.8;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.locked-list .m-ico{filter:grayscale(.6);font-size:22px}.locked-list strong{font-size:14px;display:block}.locked-list small{color:var(--muted);font-size:12.5px}.lock-tag{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}@media (min-width:900px) and (min-aspect-ratio:1) and (min-height:521px){#app{grid-template:"hud hud""stage panel"minmax(0,1fr)"stage dock"/minmax(0,1fr) 400px}#dock{border-left:1px solid var(--line);padding-top:10px}}@media not all and (min-width:900px) and (min-aspect-ratio:1) and (min-height:521px){#app{grid-template:"hud""stage"minmax(0,1fr)"dock"/minmax(0,1fr)}#panel{bottom:calc(var(--dock-h) + env(safe-area-inset-bottom));height:min(calc(86dvh - var(--dock-h)), 680px)}#sheet-backdrop{bottom:calc(var(--dock-h) + env(safe-area-inset-bottom))}.sheet-head{z-index:1;pointer-events:none;position:absolute;top:0;left:0;right:0}.sheet-head>*{pointer-events:auto}#panel .section-title{padding:14px 60px 6px 16px}#btn-catch{bottom:10px;right:max(10px, env(safe-area-inset-right))}#brand-mark{bottom:10px}body.testmode #btn-catch,body.testmode #brand-mark{bottom:34px}#shop-list{padding-bottom:16px}}@media (max-width:380px){.dock-btn{font-size:11px}.dock-ico{font-size:22px}.dock-btn.active{flex-grow:1.35}}@media (orientation:landscape) and (max-height:520px){:root{--dock-h:50px}#dock{padding-top:4px;padding-bottom:max(4px, env(safe-area-inset-bottom))}.dock-btn{flex-direction:row;gap:6px;min-height:40px;font-size:13px}.dock-btn.active{transform:translateY(-4px)}#panel{height:auto;top:0}}:root[data-stijl=kaart] .dock-btn{border-radius:8px}:root[data-stijl=kaart] .dock-btn.active{transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.dock-btn.active,.dock-btn.active .dock-ico{transform:none}}.mission .m-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.meter{position:relative}.meter-zone{pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff59 0 3px,#0000 3px 6px);border-left:2px solid #fff;border-right:2px solid #fff;position:absolute;top:0;bottom:0}.meter-zone[hidden]{display:none}.meter.over-zone{box-shadow:0 0 0 2px var(--gold)}#tankbar{z-index:3;color:#13243a;width:min(460px,100% - 216px);box-shadow:var(--shadow);background:#fffffff2;border:2px solid #0000;border-radius:12px;max-height:calc(100% - 60px);font-size:13px;position:absolute;bottom:10px;left:66px;overflow-y:auto}#tankbar[hidden]{display:none}#tankbar.warn{border-color:var(--gold)}body.testmode #tankbar{bottom:34px}@media (orientation:landscape) and (max-height:520px){#tankbar{width:min(420px,100% - 188px);max-height:calc(100% - 50px);bottom:8px;left:58px}}.tb-head{width:100%;min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 10px;display:flex}.tb-head:focus-visible{outline:3px solid var(--bright);outline-offset:-3px;border-radius:10px}.tb-sum{color:#4a5d72;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}#tankbar.warn .tb-sum{color:#8a5a00}.tb-caret{transition:transform .2s}#tankbar.closed .tb-caret{transform:rotate(-90deg)}.tb-body{flex-direction:column;gap:6px;padding:0 10px 8px;display:flex}.tb-body[hidden]{display:none}.tb-fc{gap:4px;margin:0;padding:0;list-style:none;display:flex}.tb-fc[hidden]{display:none}.tb-fci{font-variant-numeric:tabular-nums;border:1px solid #ccd8e8;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;padding:3px 2px;font-size:11px;font-weight:700;display:flex}.tb-fci.now{border-width:2px;border-color:#2a6fdb}.tb-fci.wet{background:#e7effb}.tb-fci-ico{font-size:18px;line-height:1.1}.tb-zone{margin:0;font-weight:600}.tb-zone[hidden]{display:none}.tb-zone.warn{color:#8a5a00}.tb-actions,.tb-routes{flex-wrap:wrap;gap:6px;display:flex}.tb-routes[hidden]{display:none}.tb-btn,.tb-route{color:#13243a;min-height:40px;font:inherit;cursor:pointer;text-align:left;background:#f3f7fd;border:2px solid #ccd8e8;border-radius:10px;padding:4px 10px;font-weight:700}.tb-btn[hidden],.tb-route[hidden]{display:none}.tb-btn.ready{background:#eaf6ea;border-color:#2e7d32}.tb-btn.active{color:#fff;background:#2a6fdb;border-color:#2a6fdb}.tb-route{background:#fff;border-color:#2a6fdb}.tb-route.zero{color:#4a5d72;border-style:dashed;border-color:#89a}.tb-btn:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.tb-route:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.tb-fb{color:#2f4251;min-height:1em;margin:0;font-size:12px}.tb-fb:empty{display:none}@media (max-width:600px){#tankbar{width:auto;max-height:calc(100% - 140px);bottom:78px;left:8px;right:8px}body.testmode #tankbar{bottom:102px}.tb-fci{font-size:10px}.tb-fci-ico{font-size:16px}}@media (prefers-reduced-motion:reduce){.tb-caret{transition:none}}.water-stats{flex-direction:column;gap:3px;margin:6px 0;padding-left:18px;display:flex}.reports,.facts{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.report,.fact{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.report.over{border-left:6px solid var(--gold)}.report.ok{border-left:6px solid var(--green)}.rp-sum{font-weight:700}.rp-tip{color:var(--muted)}.fact p{margin:2px 0}.fact.locked{color:var(--muted);background:var(--card-locked)}.meter-reserve{pointer-events:none;background:#c62828;width:3px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 0 1px #fff}.meter-reserve[hidden]{display:none}.tb-plan{border-top:1px dashed #ccd8e8;flex-direction:column;gap:6px;padding-top:6px;display:flex}.tb-plan[hidden]{display:none}.tb-resrow{align-items:center;gap:8px;font-weight:700;display:flex}.tb-step{color:#13243a;min-width:40px;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:2px solid #2a6fdb;border-radius:10px;font-size:18px;font-weight:800}.tb-res{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2em}.tb-note{color:#4a5d72;margin:0;font-size:12px}.tb-groups{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tb-group{text-align:left;color:#13243a;width:100%;min-height:40px;font:inherit;cursor:pointer;background:#f3f7fd;border:2px solid #ccd8e8;border-radius:10px;padding:4px 10px;font-weight:600}.tb-group[aria-pressed=true]{background:#eaf6ea;border-color:#2e7d32;font-weight:700}.tb-group.cut{border-style:dashed;border-color:#c62828}.tb-step:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.tb-group:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.raad{background:var(--panel-2);border-radius:14px;gap:8px;margin-bottom:10px;padding:12px;display:grid}.raad h3{margin:0;font-size:17px}.raad p{margin:0;font-size:14px}.raad-head{font-variant-numeric:tabular-nums}.raad-meter .bar{height:14px;display:block;position:relative;overflow:visible}.raad-meter .bar-fill{background:var(--bright)}.raad-meter .raad-floor{border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 4px,#0000002e 4px 8px);position:absolute;top:0;bottom:0;left:0}.raad-meter .raad-goal{background:currentColor;border-radius:2px;width:3px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.raad-list{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.raad-act{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.raad-act .buy{min-width:0}.voortgang{background:var(--panel-2);border-left:5px solid var(--gold);border-radius:12px;gap:4px;margin-bottom:8px;padding:10px 12px;font-size:13px;display:grid}.voortgang ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.voortgang li.done{color:var(--muted)}#shop-list #tankbar{width:auto;max-height:none;box-shadow:none;border:2px solid var(--line);padding-top:8px;position:static;bottom:auto;left:auto;right:auto;overflow:visible}#shop-list #tankbar.warn{border-color:var(--gold)}#shop-list #tankbar .tb-head{display:none}.dock-label{text-align:center;line-height:1.1}.note.vast:empty{display:none}.note.vast{color:var(--text);background:var(--card-locked);border-left:4px solid var(--gold);border-radius:8px;margin:0;padding:6px 10px}#zoom{right:max(8px, env(safe-area-inset-right));z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:34%}.zoom-btn{color:#fff;width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;background:#0b2e6bd1;border:2px solid #fff;border-radius:12px;font-size:22px;font-weight:800;line-height:1}.zoom-btn:hover{background:#0b2e6bf2}.zoom-btn:focus-visible{outline-offset:2px;outline:3px solid #ffd54a}.zoom-btn:disabled{opacity:.45;cursor:default}.zoom-btn[hidden]{display:none}:root[data-stijl=kaart] .zoom-btn{box-shadow:none;border-radius:6px}@media (prefers-reduced-motion:no-preference){.zoom-btn{transition:background .15s}}#kaartmenu{z-index:4;background:var(--panel);width:min(360px,100% - 16px);max-height:min(70%,460px);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px 12px;position:absolute;overflow:auto;box-shadow:0 6px 24px #0b2e6b47}#kaartmenu[hidden]{display:none}#kaartmenu.dock{width:auto;max-height:46%;top:auto;bottom:8px;left:8px;right:8px}#kaartmenu .km-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}#kaartmenu .km-head strong{font-size:16px}#kaartmenu .km-close{background:var(--panel-2);width:44px;height:44px;color:var(--text);cursor:pointer;border:0;border-radius:10px;flex:none;font-size:18px}#kaartmenu .km-close:focus-visible{outline:3px solid var(--bright);outline-offset:2px}#kaartmenu .gem-btn:focus-visible{outline:3px solid var(--bright);outline-offset:2px}#kaartmenu .km-lines{color:var(--muted);gap:2px;margin-bottom:8px;font-size:13px;display:grid}#kaartmenu .km-acts{gap:6px;display:grid}#kaartmenu .gem-btn{width:100%}#kaartmenu .gem-btn.done{color:var(--green);border-style:solid}.plek-lijst{z-index:5;max-width:calc(100% - 16px);position:absolute;top:8px;left:8px}.plek-lijst:not(:focus-within){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden}.plek-lijst:focus-within{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.plek-lijst .kl-kop{width:100%;font-size:13px;font-weight:700}.plek-lijst button{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--text);border-radius:10px;padding:6px 10px}.plek-lijst button:focus-visible{outline:3px solid var(--bright);outline-offset:2px}.plek-lijst button.moet{border-color:var(--gold);font-weight:700}.plek-lijst button.kan{border-color:var(--bright)}#erf-lijst:focus-within{top:auto;bottom:60px}.menu-kop{color:var(--muted,inherit);margin:10px 0 2px;font-size:14px}.toetsen{gap:4px;margin:0 0 6px;padding-left:0;font-size:13px;list-style:none;display:grid}.toetsen kbd{text-align:center;border:1px solid var(--line);background:var(--card);min-width:22px;font:inherit;border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-weight:800;display:inline-block}.toast.warn{border-left-color:#c62828}#tijdschuif{left:50%;bottom:max(64px, calc(env(safe-area-inset-bottom) + 64px));z-index:3;color:#fff;background:#0b2e6bd9;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(460px,100% - 120px);padding:6px 10px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}#tijdschuif[hidden]{display:none}#tijdschuif input{accent-color:#ffd54a;flex:160px;min-height:32px}#tijdschuif output{font-weight:800}#tijdschuif .ts-nu{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:8px;min-width:44px;min-height:32px}#tijdschuif :focus-visible{outline-offset:2px;outline:3px solid #ffd54a}.zak-btn[hidden]{display:none}.hotspot-blok{border-radius:var(--radius);background:var(--panel-2);border:2px solid #f08a24;gap:6px;margin:8px 0 12px;padding:10px 12px;display:grid}.hotspot-blok[hidden]{display:none}.hotspot-blok strong{font-size:15px}.dialoog-blok{border-radius:var(--radius);border:2px solid var(--bright);background:var(--panel-2);gap:6px;margin:8px 0 12px;padding:10px 12px;display:grid}.dialoog-blok[hidden]{display:none}.dialoog-blok strong{font-size:15px}.dialoog-blok .note div:first-child{color:var(--text);font-style:italic}dialog.overzicht{width:min(96vw,820px)}.ov-kop{align-items:center;gap:14px;display:flex}.ov-kop canvas{flex:none;width:54px;height:81px}.ov-naam{margin:0;font-size:16px;font-weight:800}.ov-fase{color:var(--muted);margin:0;font-size:13px}.ov-zin{margin:4px 0 0;font-size:15px;line-height:1.4}.ov-pauze{margin:2px 0 0}.ov-tegels{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.ov-tegel{background:var(--panel-2);border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.ov-tegel-kop{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.ov-tegel-waarde{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.1}.ov-spark{width:100%;height:32px;display:block}.ov-trend{color:var(--muted);font-size:12px}.ov-kaarten{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.ov-kaart{background:var(--card,var(--panel-2));border:1px solid var(--line);border-radius:14px;min-width:0;padding:10px 12px}.ov-kaart h3{margin:0 0 6px;font-size:15px}.ov-kaart dl{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:3px 10px;margin:0;font-size:13px;display:grid}.ov-kaart dt{color:var(--muted)}.ov-kaart dd{font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;margin:0;font-weight:800}.ov-meter{background:var(--line);border-radius:999px;height:8px;margin:0 0 8px;overflow:hidden}.ov-meter-fill{background:linear-gradient(90deg, #6fa8ff, var(--bright));border-radius:999px;height:100%}.link-btn{color:var(--bright);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.hud-pauze{color:#ffe17a;font-size:13px;font-weight:800}@media (max-width:480px){.ov-tegel-waarde{font-size:20px}.ov-kop canvas{width:44px;height:66px}}