:root{--ocean:#8fbcd6;--ocean-light:#b7d6e8;--land:#f4eddc;--land-shadow:#1e3c5059;--aggregate-opacity:.55;--river:#4682b4bf;--grid:#1e3c5a29;--grid-main:#1e3c5a6b;--capped:#b4400a;--neighbor-stroke:#3c3278b3;--piece:#7c5cff66;--piece-stroke:#6a4cff;--ok:#2fbf71;--ko:#e5484d;--card:#fff;--text:#1d2733;--muted:#525e6c;--accent:#ff8a3d;--accent-text:#111;--track:#e6e9ee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ocean:#0b1b28;--ocean-light:#16324a;--land:#3a4250;--land-shadow:#0009;--river:#5a96d299;--grid:#ffffff12;--grid-main:#ffffff42;--capped:#ffb37a;--neighbor-stroke:#dcd2ff99;--piece:#967dff73;--piece-stroke:#a594ff;--card:#1b222c;--text:#fff;--muted:#c4cdd8;--track:#2c3542;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ocean:#0b1b28;--ocean-light:#16324a;--land:#3a4250;--land-shadow:#0009;--river:#5a96d299;--grid:#ffffff12;--grid-main:#ffffff42;--capped:#ffb37a;--neighbor-stroke:#dcd2ff99;--piece:#967dff73;--piece-stroke:#a594ff;--card:#1b222c;--text:#fff;--muted:#c4cdd8;--track:#2c3542;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-accent=yellow]{--accent:#f5c400}:root[data-accent=teal]{--accent:#22c3b5}:root[data-accent=blue]{--accent:#4d9dff}:root[data-accent=pink]{--accent:#ff6fae}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 50% 35%, var(--ocean-light), var(--ocean) 75%) fixed var(--ocean);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.map-layer{transform-origin:0 0;will-change:transform;pointer-events:none;display:block;position:fixed}#land{filter:drop-shadow(0 1px 3px var(--land-shadow))}#map{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;display:block;position:fixed;inset:0}#map.dragging{cursor:grabbing}.land{fill:var(--land)}#land-high,#lakes-high,#rivers,#land.detailed #land-low,#land.detailed #lakes-low{display:none}#land.detailed #land-high,#land.detailed #lakes-high,#land.detailed #rivers{display:inline}.lake{fill:var(--ocean)}body.no-rivers #rivers,body.no-lakes .lake,body.no-grid #grid{display:none!important}body.no-relief #land{filter:none}.river{fill:none;stroke:var(--river);stroke-width:var(--px,1px);stroke-linejoin:round}.piece{fill:var(--piece);stroke:var(--piece-stroke);stroke-width:2px;stroke-dasharray:6 4;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:move}#pieces.compared .piece{fill:none;stroke-dasharray:none;cursor:inherit}.piece-hit{fill:none;stroke:#0000;stroke-width:18px;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:move}body:not([data-phase=placing]) .piece-hit{pointer-events:none}.graticule,.graticule-main{fill:none;vector-effect:non-scaling-stroke;pointer-events:none}.graticule{stroke:var(--grid);stroke-width:1px}.graticule-main{stroke:var(--grid-main);stroke-width:1.5px}.piece-water{fill:var(--ocean);opacity:var(--aggregate-opacity);pointer-events:none}.piece-neighbors{fill-rule:evenodd;fill:color-mix(in srgb, var(--land) 72%, var(--piece-stroke));opacity:var(--aggregate-opacity);stroke:var(--neighbor-stroke);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.capital-dot{fill:#111;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.capital-label{fill:#111;stroke:#fff;stroke-width:3px;paint-order:stroke;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;font-weight:700}.truth{stroke:none;pointer-events:none}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:10px;padding:.7em 1.4em;font-weight:600}button.secondary{background:var(--track);color:var(--text)}button:focus-visible{outline:3px solid var(--text);outline-offset:2px}.muted{color:var(--muted);font-size:.9em}.thumb{display:block}.thumb-shape{fill:var(--piece);stroke:var(--piece-stroke);stroke-width:1.5px;stroke-linejoin:round}.touch-only{display:none}@media (pointer:coarse){.mouse-only{display:none}.touch-only{display:revert}}.control{z-index:5;background:var(--card);border-radius:14px;flex-direction:column;align-items:center;gap:6px;height:50%;padding:8px 6px;display:none;position:fixed;top:25%;box-shadow:0 8px 24px #0000004d}#map-control{left:12px}#shape-control{right:12px}body[data-phase=placing] .control,body[data-phase=feedback] .control{display:flex}.control-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.control button{background:var(--track);width:32px;height:32px;color:var(--text);border-radius:8px;flex:none;padding:0;font-size:1.1rem;line-height:1}.corner-buttons{z-index:30;gap:6px;display:flex;position:fixed;top:12px}#corner-buttons{right:12px}#corner-left{left:12px}.corner-buttons button{background:var(--card);justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.1rem;display:inline-flex;box-shadow:0 4px 12px #00000040}#layers-button[aria-expanded=true]{background:var(--accent);color:var(--accent-text)}#layers-menu{z-index:31;background:var(--card);width:min(420px,100% - 24px);max-height:calc(100% - 72px);color:var(--text);border-radius:14px;padding:10px 12px 12px;position:fixed;top:60px;right:12px;overflow-y:auto;box-shadow:0 10px 30px #00000059}#layers-menu[hidden]{display:none}#layers-menu h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:4px 0 6px;font-size:.7rem;font-weight:700}.layer-tiles{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;display:grid}.layer-tile{background:var(--track);color:var(--text);border:2px solid #0000;border-radius:10px;flex-direction:column;gap:4px;padding:0 0 4px;font-size:.75rem;font-weight:600;line-height:1.2;display:flex;position:relative;overflow:hidden}.layer-tile[aria-pressed=true]{border-color:var(--accent)}.layer-tile[aria-pressed=true]:after{content:"✓";background:var(--accent);width:18px;height:18px;color:var(--accent-text);text-align:center;border-radius:50%;font-size:.7rem;line-height:18px;position:absolute;top:4px;right:4px}.layer-tile:disabled{opacity:.45;cursor:not-allowed}.layer-tile-label{padding:0 4px}.layer-preview{aspect-ratio:120/76;width:100%;height:auto;display:block}.preview-sea{fill:var(--ocean)}.preview-land{fill:var(--land)}.preview-land.relief{filter:drop-shadow(0 1px 2px var(--land-shadow))}.preview-lake{fill:var(--ocean)}.preview-river{fill:none;stroke:var(--river);stroke-width:1px}.preview-grid{fill:none;stroke:var(--grid-main);stroke-width:.6px}#settings-button svg,#layers-button svg{width:1.3em;height:1.3em}#settings,#terms,#abandon{background:var(--card);width:min(400px,100% - 32px);color:var(--text);border:0;border-radius:16px;padding:24px;box-shadow:0 20px 50px #0006}#settings::backdrop,#terms::backdrop,#abandon::backdrop{background:#050f1980}#settings h2,#terms h2,#abandon h2{margin:0 0 12px;font-size:1.3rem}#settings h3,#terms h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 10px;font-size:.8rem}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{background:var(--track);color:var(--text);border:2px solid #0000;align-items:center;gap:8px;padding:.55em 1em;font-weight:500;display:inline-flex}.swatch{background:#ff8a3d;border-radius:50%;width:1.1em;height:1.1em}[data-accent=yellow]>.swatch{background:#f5c400}[data-accent=teal]>.swatch{background:#22c3b5}[data-accent=blue]>.swatch{background:#4d9dff}[data-accent=pink]>.swatch{background:#ff6fae}.choice[aria-pressed=true]{border-color:var(--accent);font-weight:700}.flag svg{border-radius:2px;width:1.6em;height:1.07em;display:block;box-shadow:0 0 0 1px #00000026}.check{cursor:pointer;align-items:center;gap:8px;margin:16px 0;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none}.checks{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.checks .check{margin:0}#settings form,#terms form,#abandon form{justify-content:center;margin-top:24px;display:flex}#settings form button,#terms form button,#abandon form button{min-width:9em}.panel-actions{gap:8px;display:flex}.control input[type=range]{writing-mode:vertical-lr;width:24px;min-height:0;accent-color:var(--accent);cursor:pointer;direction:rtl;flex:1;margin:0}.control.disabled{opacity:.35;pointer-events:none}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050f198c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.card{background:var(--card);text-align:center;border-radius:16px;width:min(640px,100%);max-height:calc(100vh - 32px);padding:24px;overflow:auto;box-shadow:0 20px 50px #00000059}.card h1{letter-spacing:.02em;margin:0 0 8px;font-size:2rem}.with-logo{justify-content:center;align-items:center;gap:.35em;display:flex}.logo{border-radius:22%;flex:none;width:1.25em;height:1.25em;box-shadow:0 2px 6px #00000040}.card-footer{margin:14px 0 0;font-size:.8rem}.link-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--text)}#terms{width:min(520px,100% - 32px);max-height:calc(100% - 32px);font-size:.9rem;line-height:1.45;overflow-y:auto}#terms h2{justify-content:flex-start}#terms p{margin:0 0 8px}#terms a{color:inherit}#abandon p{color:var(--muted);margin:0}#abandon form{gap:8px}#abandon-button{display:none}body[data-phase=placing] #abandon-button,body[data-phase=feedback] #abandon-button{display:inline-flex}#abandon-button svg{width:1.2em;height:1.2em}.thumbs{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 8px;display:flex}.thumbs figure{background:var(--track);border-radius:12px;margin:0;padding:6px}.thumbs .thumb{width:96px;height:96px}.thumbs figcaption{color:var(--muted);font-weight:700}#hud,#top-bar,#feedback,#explore-bar{display:none}#hud,#top-bar{z-index:6;background:var(--card);--thumb:34px;border-radius:14px;align-items:flex-end;gap:10px;padding:4px 8px 6px 10px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}#hud{width:max-content;max-width:calc(100% - 32px);bottom:16px}#top-bar{flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:calc(100% - 224px);top:12px}.hud-text{max-width:100%;color:var(--muted);text-align:center;font-size:.8rem}.hud-text strong{color:var(--text)}.hud-text span{white-space:nowrap;display:inline-block}.hud-text span+span:before{content:"·";margin:0 .4em}.country-picker{flex:none;gap:4px;display:flex}.pick{background:var(--track);border:2px solid #0000;border-radius:8px;padding:2px;position:relative}.pick .thumb{width:var(--thumb);height:var(--thumb)}.pick.current{border-color:var(--accent);background:var(--card)}.pick.done{opacity:.85}.pick.done .thumb-shape{fill:hsla(var(--hue), 75%, 48%, .85);stroke:none}.pick-number{color:var(--muted);font-size:.65rem;font-weight:700;position:absolute;top:0;left:3px}#hud,#top-bar{--bar-font:.85rem}.hud-buttons{align-items:flex-end;gap:6px;display:flex}.hud-actions{margin-left:auto}#hud-attempt{text-transform:none;letter-spacing:0;white-space:nowrap}.icon-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.button-glyph{font-weight:800}svg.button-glyph{width:1.1em;height:1.1em}.bar-group{flex-direction:column;gap:2px;display:flex}.group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:.62rem;font-weight:700}#hud{--bar-button:32px}#hud button{height:var(--bar-button);font-size:var(--bar-font);padding:0 .9em}#help-toast{z-index:20;top:calc(var(--top-bar-bottom,64px) + 12px);border:1px solid var(--accent);background:var(--card);width:max-content;max-width:min(440px,100% - 32px);color:var(--text);pointer-events:none;border-radius:12px;padding:10px 14px;font-size:.85rem;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}#help-toast[hidden]{visibility:hidden;opacity:0;pointer-events:none;display:block;transform:translate(-50%,-12px)}#help-toast strong{margin-bottom:2px;padding-right:22px;display:block}#help-close{width:22px;height:22px;color:var(--muted);pointer-events:auto;background:0 0;border-radius:6px;padding:0;font-size:1.1rem;font-weight:400;line-height:1;position:absolute;top:6px;right:6px}#help-close:hover{background:var(--track);color:var(--text)}#help-toast p{color:var(--muted);margin:0 0 6px}#help-toast ul{margin:0;padding:0;list-style:none}#help-toast li{margin:3px 0}kbd{background:var(--track);min-width:1.6em;font:inherit;text-align:center;border-radius:4px;padding:0 .35em;font-size:.85em;font-weight:600;display:inline-block}#help-button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.hint-icons{gap:4px;display:flex}#hud .hint-icon-button{align-items:center;gap:5px;padding:0 .7em;display:inline-flex}.hint-glyph{font-weight:800}#hud .hint-icon-button.locked{opacity:.45}#hud .hint-icon-button.used{background:var(--accent);color:var(--accent-text)}#hint-bubble{z-index:20;border:1px solid var(--accent);background:var(--card);width:min(300px,100% - 24px);color:var(--text);text-align:center;border-radius:12px;padding:12px 14px;font-size:.9rem;position:fixed;box-shadow:0 10px 30px #00000059}#hint-bubble[hidden]{display:none}#hint-bubble:after{content:"";bottom:-7px;left:calc(var(--arrow-x,50%) - 7px);background:var(--card);border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);width:12px;height:12px;position:absolute;transform:rotate(45deg)}#hint-bubble p{margin:6px 0}#hint-bubble button{margin-top:4px;padding:.5em 1.4em}.hint-bubble-max{font-size:.85rem}#hint-bubble .hints-note{color:var(--muted);font-size:.75rem}#hud-hints[hidden]{display:none}.capped{color:var(--capped)}.hints-used{letter-spacing:.1em}#feedback,#explore-bar{z-index:6;background:var(--card);text-align:center;border-radius:16px;width:min(520px,100% - 32px);padding:14px 16px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000059}.attempt-count{margin-left:.2em;font-weight:800}.feedback-status{margin:2px 0;font-size:1.35rem;font-weight:800}#feedback .feedback-message{margin:0 0 10px}.rows{text-align:left;width:100%}.panel-actions{justify-content:center;margin-top:12px}.row{grid-template-columns:8em 1fr 5.5em 9.5em;align-items:center;gap:8px;margin:6px 0;font-size:.9rem;display:grid}.row .bar{background:var(--track);border-radius:5px;height:10px;overflow:hidden}.row .bar span{background:var(--accent);height:100%;display:block}.row .value{font-variant-numeric:tabular-nums}.row .points{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row .points strong{color:var(--text)}.total{margin-top:10px;font-size:1.05rem}.ok{color:var(--ok)}.ko{color:var(--ko)}#summary-card{width:min(680px,100%)}.results{font-variant-numeric:tabular-nums;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.result{border-top:4px solid hsl(var(--hue), 75%, 45%);background:var(--track);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex}.result-name{align-items:center;min-height:2.3em;font-size:.85rem;font-weight:700;line-height:1.15;display:flex}.result .thumb{width:44px;height:44px;margin:2px 0}.result .thumb-shape{fill:hsla(var(--hue), 75%, 48%, .85);stroke:none}.result-score{color:var(--muted);white-space:nowrap;font-size:.75rem}.result-score strong{color:hsl(var(--hue), 75%, 42%);font-size:1.35rem;font-weight:800}.result-figure{color:var(--muted);white-space:nowrap;font-size:.75rem}.challenge p{margin:12px 0 6px}.challenge-link{gap:8px;display:flex}.challenge-link input{border:1px solid var(--track);background:var(--track);min-width:0;color:var(--text);font:inherit;border-radius:10px;flex:1;padding:.6em .8em;font-size:.9rem}.challenge-link button{flex:none}.share{text-align:left;background:var(--track);-webkit-user-select:text;user-select:text;white-space:pre-wrap;border-radius:8px;padding:10px 12px;font-size:.85rem}.buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}body[data-phase=intro] #intro,body[data-phase=summary] #summary,body[data-phase=placing] #hud,body[data-phase=placing] #top-bar,body[data-phase=feedback] #top-bar,body[data-phase=explore] #top-bar{display:flex}body:not([data-phase=placing]) #hud-hints{display:none}body[data-phase=explore] #explore-bar{display:block}@media (width<=640px){.button-label,.hint-label{display:none}#hud button,#hud .hint-icon-button{min-width:var(--bar-button);padding:0 .6em}#top-bar{max-width:calc(100% - 24px);top:60px}}body[data-phase=feedback] #feedback{display:block}body[data-phase=feedback] .piece{cursor:inherit}@media (width<=520px){.wide-only{display:none}#hud,#top-bar{--thumb:30px}.result-score strong{font-size:1.1rem}.hud-buttons{gap:6px}#settings-button,#help-button{min-width:2.4em}}@media (width<=420px){#hud,#top-bar{--thumb:24px}.row{grid-template-columns:6.8em 1fr 4.6em 7.2em;font-size:.8rem}.thumbs .thumb{width:72px;height:72px}}