:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef0f4;--fg: #14181f;--fg-muted: #5c6675;--border: #d8dce4;--ocean: #e8edf3;--land: #cfd6e0;--land-stroke: #ffffff;--visited: #0d7d72;--visited-stroke: #ffffff;--want: #f0a020;--want-stroke: #ffffff;--accent: #0d7d72;--accent-fg: #ffffff;--shadow: 0 1px 2px rgb(16 24 40 / .06), 0 8px 24px rgb(16 24 40 / .08);--peek: 66px}:root[data-theme=dark]{--bg: #0d1117;--surface: #161b22;--surface-2: #1f2630;--fg: #e8edf4;--fg-muted: #96a1b0;--border: #2c3542;--ocean: #0b1017;--land: #2b3441;--land-stroke: #0d1117;--visited: #2fbfae;--visited-stroke: #0d1117;--want: #f5b342;--want-stroke: #0d1117;--accent: #2fbfae;--accent-fg: #062420;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .45)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}#app{display:grid;grid-template-columns:1fr 340px;grid-template-rows:auto 1fr;grid-template-areas:"top top" "stage panel";height:100%}#app>*{min-width:0}#app.is-loading .stage:after{content:"Loading the map…";position:absolute;inset:0;display:grid;place-items:center;color:var(--fg-muted)}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:650;letter-spacing:-.01em;white-space:nowrap}.stats{margin:0;color:var(--fg-muted);font-size:14px;flex:1 1 auto;min-width:0}.stats b{color:var(--fg);font-weight:650}.stats .dot{padding:0 8px;opacity:.5}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.btn{font:inherit;font-size:14px;padding:7px 12px;min-height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.btn--primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.btn--icon{min-width:38px;padding:7px 10px;text-align:center}.btn--quiet{color:var(--fg-muted)}.btn--wide{width:100%}.menu{position:relative;flex:0 0 auto}.menu__caret{font-size:10px;opacity:.8}.menu__list{position:fixed;z-index:20;min-width:190px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow)}.menu__list[hidden]{display:none}.menu__item{display:block;width:100%;text-align:left;font:inherit;font-size:14px;padding:10px 12px;min-height:42px;border:none;border-radius:8px;background:none;color:var(--fg);cursor:pointer}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--surface-2)}.menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu__item:disabled{opacity:.55;cursor:default}.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.stage{grid-area:stage;position:relative;min-width:0;min-height:0;display:flex}.map{flex:1;min-width:0;display:flex}.map svg{width:100%;height:100%;touch-action:none;display:block}.sphere{fill:var(--ocean);stroke:none}.region{fill:var(--land);stroke:var(--land-stroke);cursor:pointer;vector-effect:non-scaling-stroke}.region:hover{filter:brightness(1.08)}.region.is-visited{fill:var(--visited);stroke:var(--visited-stroke)}.region.is-want{fill:var(--want);stroke:var(--want-stroke)}.region--inert{fill:var(--land);stroke:none;cursor:default;pointer-events:none;opacity:.55}.marker{fill:var(--land);stroke:var(--land-stroke);pointer-events:none}.marker-hit{fill:transparent;stroke:none;cursor:pointer}.marker-group{cursor:pointer}.marker-group.is-visited .marker{fill:var(--visited);stroke:var(--visited-stroke)}.marker-group.is-want .marker{fill:var(--want);stroke:var(--want-stroke)}.legend,.zoomctl{position:absolute;z-index:2;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);backdrop-filter:blur(6px)}.legend{left:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;padding:8px 12px;font-size:13px;color:var(--fg-muted)}.legend__item{display:inline-flex;align-items:center;gap:7px;color:var(--fg)}.swatch{width:13px;height:13px;border-radius:4px;display:inline-block}.swatch--visited{background:var(--visited)}.swatch--want{background:var(--want)}.zoomctl{right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:6px;gap:6px}.zoomctl .btn{border:none;background:transparent}.boot-error{position:absolute;inset:auto 16px 16px;z-index:3;margin:0;padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--fg)}.panel{grid-area:panel;display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--border)}.panel__head{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.panel__close{display:none}.search{flex:1;min-width:0;font:inherit;padding:9px 12px;min-height:40px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.search:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 6px max(6px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.list__heading{margin:10px 8px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.row{display:flex;align-items:center;gap:6px;border-radius:8px}.row[hidden]{display:none}.row:hover{background:var(--surface-2)}.row__name{flex:1;min-width:0;display:flex;align-items:center;gap:9px;font:inherit;text-align:left;padding:9px 8px;min-height:42px;border:none;background:none;color:var(--fg);cursor:pointer;border-radius:8px}.row__name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__flag{font-size:17px;line-height:1;flex:none}.row[data-status="1"] .row__name{font-weight:600}.row__actions{display:flex;gap:4px;padding-right:4px;flex:none}.chip{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--fg-muted);font-size:14px;line-height:1;cursor:pointer}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip--visited[aria-pressed=true]{background:var(--visited);border-color:var(--visited);color:#fff}.chip--want[aria-pressed=true]{background:var(--want);border-color:var(--want);color:#22160a}.empty{padding:16px;margin:0;color:var(--fg-muted);text-align:center}.panel__foot{flex:none;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.copybox{width:min(560px,calc(100vw - 32px));padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.copybox::backdrop{background:#00000073}.copybox__note{margin:0 0 12px;color:var(--fg-muted);font-size:14px}.copybox__text{width:100%;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:10px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--fg);resize:vertical}.copybox__actions{display:flex;justify-content:flex-end;margin-top:12px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,12px);z-index:10;padding:11px 16px;border-radius:10px;background:var(--fg);color:var(--bg);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:min(90vw,420px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:860px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"top" "stage"}.topbar{gap:6px 10px;padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top))}.brand{font-size:15px;flex:0 0 auto}.stats{order:2;flex:1 1 auto;text-align:right;font-size:12.5px}.stats .dot{padding:0 4px}.toolbar{order:3;flex:0 0 100%;min-width:0;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.toolbar::-webkit-scrollbar{display:none}.btn{padding:6px 11px;font-size:13.5px;flex:0 0 auto}.panel{position:fixed;inset:auto 0 0;z-index:8;height:min(72vh,560px);border-left:none;border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:var(--shadow);transform:translateY(calc(100% - var(--peek)));transition:transform .24s ease}#app.panel-open .panel{transform:translateY(0)}.panel__close{display:block}.legend,.zoomctl{bottom:calc(var(--peek) + 12px + env(safe-area-inset-bottom))}.legend{font-size:12px;gap:10px;padding:7px 10px}.legend__hint{display:none}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}