:root{--navy:#150b4d;--yellow:#ffb901;--purple:#7b62e4;--font:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--page:#fff;--card:#fff;--text:#150b4d;--muted:#5d5878;--line:#e4e1ee;--soft:#f0eef8;--outside:#e7e5ee;--land:#fdfcff;--border:#150b4d;--built:#ebe7f6;--builtline:#cfc8e6;--water:#b9d3ea;--tidal:#d8e6f1;--canal:#5b8fc9;--road:#cbc6da;--lbl:#150b4d;--lblout:#8a85a3;--ind:#4a4370;--indfill:#4a43701f;--pt:#ffb901;--ptline:#150b4d;--ptnum:#150b4d;--yes:#1a9e5c;--no:#8a85a3;--sel:#150b4d;--halo:#fff;--school:#150b4d;--sport:#7b62e4;--zorg:#0f8b8d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#0e0736;--card:#1a1150;--text:#f3f1fb;--muted:#b3aed0;--line:#2c2466;--soft:#221a5c;--outside:#140c44;--land:#1f1757;--border:#d9d4f0;--built:#2e2670;--builtline:#3f3685;--water:#1d3f6b;--tidal:#263f60;--canal:#4d86c6;--road:#463e80;--lbl:#f3f1fb;--lblout:#8f89b8;--ind:#b7a9f5;--indfill:#b7a9f524;--pt:#ffb901;--ptline:#150b4d;--ptnum:#150b4d;--yes:#3fcf83;--no:#8f89b8;--sel:#fff;--halo:#1a1150;--school:#6f8cff;--sport:#9d89ff;--zorg:#2bb3a6;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--page:#0e0736;--card:#1a1150;--text:#f3f1fb;--muted:#b3aed0;--line:#2c2466;--soft:#221a5c;--outside:#140c44;--land:#1f1757;--border:#d9d4f0;--built:#2e2670;--builtline:#3f3685;--water:#1d3f6b;--tidal:#263f60;--canal:#4d86c6;--road:#463e80;--lbl:#f3f1fb;--lblout:#8f89b8;--ind:#b7a9f5;--indfill:#b7a9f524;--pt:#ffb901;--ptline:#150b4d;--ptnum:#150b4d;--yes:#3fcf83;--no:#8f89b8;--sel:#fff;--halo:#1a1150;--school:#6f8cff;--sport:#9d89ff;--zorg:#2bb3a6;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--page);color:var(--text);font-family:var(--font)}.brand{background:var(--navy);color:#fff}.brand .in{max-width:1280px;padding-block:14px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));align-items:center;gap:14px;margin:0 auto;display:flex}.brand svg{flex:none;width:38px;height:38px}.brand .wm{font-size:1.35rem;font-weight:600;line-height:1}.brand .tag{opacity:.9;margin-top:3px;font-size:.82rem;font-weight:200}.brand .ctx{color:var(--yellow);text-align:right;margin-left:auto;font-size:.8rem}.brand a.bl{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}@media (width<=560px){.brand .ctx{display:none}}main{max-width:1280px;padding-block:22px 36px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}h1{text-wrap:balance;margin:0 0 8px;font-size:1.5rem;font-weight:600}h2{margin:0 0 8px;font-size:1rem;font-weight:600}.intro{max-width:72ch;margin:0 0 6px;font-size:.95rem;line-height:1.55}.steps{flex-wrap:wrap;gap:8px 22px;margin:12px 0 18px;padding:0;font-size:.88rem;list-style:none;display:flex}.steps li{align-items:center;gap:8px;display:flex}.steps b{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.75rem;display:inline-grid}.grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px;display:grid}@media (width<=920px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0}.mapwrap{border-radius:12px 12px 0 0;position:relative;overflow:hidden}svg#map{touch-action:none;cursor:grab;background:var(--outside);width:100%;height:auto;display:block}svg#map.drag{cursor:grabbing}.ctrl{flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}button{font:inherit;color:var(--text)}button:focus-visible,.kc:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ctrl button,.toggle{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:8px;font-size:.85rem}.ctrl button{width:34px;height:34px;font-size:1.1rem;line-height:1}.toggle{align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.toggle[aria-pressed=false]{opacity:.5}.bar{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;font-size:.84rem;display:flex}.bar .sep{flex-basis:100%;height:0}.ic{vertical-align:-2px;width:14px;height:14px;display:inline-block}.lg{align-items:center;gap:6px;display:inline-flex}#tip{pointer-events:none;background:var(--navy);color:#fff;white-space:nowrap;opacity:0;border-radius:7px;padding:6px 9px;font-size:.82rem;line-height:1.3;transition:opacity .1s;position:absolute;transform:translate(-50%,calc(-100% - 12px))}aside.card{top:calc(env(safe-area-inset-top,0px) + 12px);position:sticky}@media (width<=920px){aside.card{position:static}}.side{padding:16px}.side+.side{border-top:1px solid var(--line)}#pick{background:var(--soft);border-radius:12px 12px 0 0}.count{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.count b{font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1}.count span{color:var(--muted);font-size:.85rem}.slots{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.slot{border:1.5px dashed var(--line);background:var(--card);border-radius:8px;place-items:center;height:40px;font-size:.85rem;font-weight:600;display:grid}.slot.f{border:1.5px solid var(--purple);background:var(--purple);color:#fff;cursor:pointer}.slot.f:hover:after{content:" ×"}.btn{text-align:center;border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;border-radius:10px;width:100%;padding:11px;font-size:.92rem;font-weight:600;text-decoration:none;display:block}.btn.ghost{background:var(--card);color:var(--text);border-color:var(--line);margin-top:8px}.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.msg{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.4}details{border-top:1px solid var(--line)}details:first-of-type{border-top:0}summary{cursor:pointer;justify-content:space-between;padding:8px 0;font-size:.9rem;font-weight:600;display:flex}summary span{color:var(--muted);font-weight:400}.kl{flex-wrap:wrap;gap:6px;padding:0 0 10px;display:flex}.kc{border:1px solid var(--line);background:var(--card);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:.8rem}.kc[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}.kc:disabled{opacity:.4;cursor:not-allowed}.note{color:var(--muted);margin:0;font-size:.77rem;line-height:1.5}.l-out{fill:var(--outside)}.l-gem{fill:var(--land)}.l-gemline{fill:none;stroke:var(--border);stroke-width:1.6px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.l-water{fill:var(--water);fill-rule:evenodd}.l-tidal{fill:var(--tidal);fill-rule:evenodd}.l-canal{fill:var(--canal)}.l-lake{fill:var(--water)}.l-built{fill:var(--built);stroke:var(--builtline);stroke-width:.6px;vector-effect:non-scaling-stroke}.l-road{fill:none;stroke:var(--road);stroke-width:1.3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.bt{fill:url(#hatch);stroke:var(--ind);stroke-width:1.1px;vector-effect:non-scaling-stroke}text{font-family:var(--font);paint-order:stroke;stroke:var(--land);stroke-linejoin:round}.t-k{fill:var(--lbl);font-weight:700}.t-s{fill:var(--lbl);font-weight:500}.t-o{fill:var(--lblout);stroke:var(--outside);font-weight:500}.t-w{fill:var(--canal);stroke:none;letter-spacing:.06em;font-style:italic;font-weight:400}.fx{fill:var(--navy);stroke:var(--halo)}.fxk{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.cd{fill:var(--yellow);stroke:var(--navy);cursor:pointer}.cd.on{fill:var(--purple);stroke:var(--navy)}.cd:hover{stroke:var(--purple)}.cl{fill:var(--navy);stroke:var(--card);pointer-events:none;font-weight:700}.poi .bg{stroke:var(--halo);stroke-width:1px}@media (prefers-reduced-motion:reduce){#tip{transition:none}}.foot{background:var(--navy);color:#f7f4ee}.foot .in{flex-direction:column;gap:32px;max-width:1152px;margin:0 auto;padding:48px 24px;display:flex}@media (width>=1024px){.foot .in{flex-direction:row;justify-content:space-between;align-items:flex-end;padding-inline:48px}}.foot .flogo{color:var(--yellow);align-items:center;gap:.5em;display:inline-flex}.foot .flogo svg{flex:none;width:36px;height:36px}.foot .flogo span{letter-spacing:-.01em;font-size:1.563rem;font-weight:600;line-height:1}.foot .ftl{color:#f7f4eeb3;margin:16px 0 0;font-size:15px;line-height:24px}.foot .fcol{color:#f7f4eeb3;font-size:15px;line-height:24px}.foot .fcol p{margin:0}.foot .fcol p+p{margin-top:8px}.foot .fcol a{color:inherit;text-decoration:none;transition:color .15s}.foot .fcol a:hover{color:var(--yellow)}.foot .fcol a.fmail{color:#f7f4ee;text-underline-offset:4px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.foot .fcol p.fcp{color:#f7f4ee80;margin-top:24px;font-size:13px}.codel{margin:4px 0 6px;font-size:.85rem;font-weight:600;display:block}.codei{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;color:var(--text);background:#fff;border-radius:10px;margin-bottom:8px;padding:10px 12px;font-size:.95rem;display:block}.codei:focus{outline:2px solid var(--purple,#7b62e4);outline-offset:1px}:root{--err:#c62828}.msg.err{color:var(--err);font-weight:600}.alert{z-index:80;opacity:0;pointer-events:none;background:#150b4d9e;place-items:center;padding:20px;transition:opacity .18s;display:grid;position:fixed;inset:0}.alert.on{opacity:1;pointer-events:auto}.abox{background:var(--card);border:1px solid var(--line);border-radius:14px;width:min(390px,100%);padding:20px 22px;transition:transform .18s;position:relative;transform:translateY(10px)scale(.985);box-shadow:0 20px 60px #150b4d4d}.alert.on .abox{transform:none}.ahead{align-items:center;gap:10px;margin-bottom:8px;display:flex}.aicon{background:var(--yellow);width:30px;height:30px;color:var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.atitle{color:var(--navy);font-size:1rem;font-weight:700}.atxt{color:var(--text);margin:0;font-size:.92rem;font-weight:400;line-height:1.45}@media (prefers-reduced-motion:reduce){.alert,.abox{transition:none}}.abox:focus{outline:none}.aclose{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:1.25rem;line-height:1;position:absolute;top:6px;right:8px}.aclose:hover{color:var(--navy);background:var(--soft)}.good{background:var(--soft);border-left:4px solid var(--yellow);border-radius:10px;max-width:72ch;margin:14px 0 0;padding:12px 16px;font-size:.9rem;line-height:1.55}.good b{font-weight:600}.aicon.q{font-size:1.05rem;font-weight:700;line-height:1}.afoot{gap:8px;margin-top:16px;display:flex}.afoot .btn{margin:0}.deadline{background:var(--yellow);color:var(--navy);border-radius:999px;align-items:center;gap:8px;margin:0 0 12px;padding:7px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.deadline svg{flex:none;width:15px;height:15px}@media (width>=921px){.head{grid-template-columns:minmax(0,1fr) 350px;align-items:start;column-gap:48px;display:grid}.head .deadline{grid-column:1/-1;justify-self:start}.hlead{min-width:0}.hlead h1{margin:6px 0 12px;font-size:clamp(1.5rem,2.2vw,1.85rem)}.intro{max-width:78ch;font-size:1.02rem;line-height:1.6}.head .good{max-width:none;margin-top:8px;padding:14px 18px;font-size:.92rem}.steps{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 20px;display:grid}.steps li{background:var(--soft);border-radius:10px;align-items:flex-start;padding:12px 14px;font-size:.9rem}.steps b{margin-top:1px}}