/* SVG architecture keeps the map's labels and hit targets native and sharp. */
.mode-city{--city-stone:color-mix(in srgb,var(--bg) 42%,#d7c59d);--city-paper:color-mix(in srgb,var(--bg) 83%,#d7c59d);--city-brass:color-mix(in srgb,var(--fg) 30%,#ba9857);--city-roof:#a76549;--city-iron:color-mix(in srgb,var(--fg) 70%,#25382f);height:100dvh;overflow:hidden;margin:0;background:var(--bg);color:var(--fg)}
.mode-city .city-shell,.mode-city .city-layout,.mode-city .city-canvas-wrap{box-sizing:border-box;width:100%;height:100dvh;min-height:0;padding:0;margin:0;display:block;overflow:hidden;border:0;border-radius:0}
.mode-city .city-canvas-wrap{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--city-stone) 23%,var(--bg)),var(--bg))}
.mode-city .city-map{position:absolute;inset:76px 22px 48px;width:calc(100% - 44px);height:calc(100% - 124px);min-height:0}
.mode-city .city-canvas-wrap::after{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid color-mix(in srgb,var(--city-brass) 50%,transparent);outline:1px solid color-mix(in srgb,var(--city-brass) 22%,transparent);outline-offset:4px}
.city-hud{position:absolute;inset:21px 29px auto;display:flex;align-items:center;gap:13px;pointer-events:none}.city-hud>*{pointer-events:auto}.city-atlas-seal{width:34px;color:var(--city-brass)}.city-atlas-seal svg{width:100%;fill:none;stroke:currentColor;stroke-width:1.5}.city-hud-location{min-width:0}.city-hud-location>small{display:block;letter-spacing:.16em;font-size:9px;color:var(--city-brass)}
.mode-city .city-trail{font-family:Georgia,"Noto Serif",serif;font-size:17px;gap:.1rem;max-width:70vw;overflow:auto;scrollbar-width:none}.mode-city .city-trail button{font:inherit;color:var(--fg);padding:.15rem .35rem;white-space:nowrap}.mode-city .city-trail span{white-space:nowrap}.mode-city .city-menu-launch{margin-left:auto;display:flex;align-items:center;gap:.6rem;border:1px solid var(--city-brass);border-radius:2px;background:var(--city-paper);padding:.45rem .8rem;font:small-caps 14px Georgia,serif;letter-spacing:.1em;color:var(--fg);cursor:pointer}.city-menu-launch span{font:20px serif}
.city-compass{position:absolute;bottom:42px;right:27px;width:53px;text-align:center;color:var(--city-brass);pointer-events:none;font:10px Georgia,serif}.city-compass svg{display:block;fill:none;stroke:currentColor;stroke-width:.85}.city-map-hint{position:absolute;bottom:23px;left:30px;font-size:10px;color:var(--muted);letter-spacing:.03em;pointer-events:none}
.city-command-menu{box-sizing:border-box;width:min(860px,calc(100vw - 38px));max-height:calc(100dvh - 38px);padding:22px;border:1px solid var(--city-brass);border-radius:3px;outline:1px solid color-mix(in srgb,var(--city-brass) 35%,transparent);outline-offset:-6px;background:var(--city-paper);color:var(--fg);box-shadow:0 24px 100px #0009}.city-command-menu::backdrop{background:#080c1399;backdrop-filter:blur(5px)}
.city-command-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--city-brass);padding-bottom:15px;margin-bottom:18px}.city-command-head small{color:var(--city-brass);font:10px Georgia,serif;letter-spacing:.25em}.city-command-head h1{margin:4px 0 0;font:25px Georgia,"Noto Serif",serif;letter-spacing:.1em}.city-command-head>button{border:0;background:transparent;color:var(--fg);font-size:27px;cursor:pointer}
.city-command-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:23px}.city-command-nav{display:flex;flex-direction:column;gap:7px}.city-command-nav :is(button,a){padding:10px 12px;text-align:left;font:inherit;font-size:13px;text-decoration:none;border:1px solid transparent;background:transparent;color:var(--fg);cursor:pointer}.city-command-nav [aria-pressed=true],.city-command-nav :is(button,a):hover{border-color:color-mix(in srgb,var(--city-brass) 50%,transparent);background:color-mix(in srgb,var(--city-brass) 12%,transparent)}.city-command-nav [aria-pressed=true]::after{content:" ◂";color:var(--city-brass)}.city-command-content{min-width:0;max-height:65dvh;overflow:auto;padding-right:5px}
.mode-city .city-command-menu :is(.city-inspector,.city-directory,.city-planner){display:block;border:0;padding:0;margin:0;border-radius:0;min-height:0}.mode-city .city-command-menu .city-toolbar{display:flex;gap:.7rem}.mode-city .city-command-menu .city-planner-grid{display:block}.mode-city .city-command-menu [hidden]{display:none!important}.mode-city .city-command-menu .city-planner form{margin-top:1rem}.mode-city .city-menu-account{display:flex;position:static;padding:1rem 0;background:transparent;border:0}.mode-city .city-menu-account .city-map-launch{display:none}.city-command-menu .city-locality-search{margin-left:0;width:100%}.city-command-menu .city-locality-search input[name=q]{width:100%;min-width:0}.city-command-menu .city-generator-status{font-size:10px;white-space:normal;border:0;padding:0}.city-create-kind{display:grid;gap:.35rem;margin-top:1rem}
.city-command-menu :is(input,select){box-sizing:border-box;max-width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--border);padding:.4rem;font:inherit}.city-command-menu button{cursor:pointer}.city-command-menu :focus-visible,.mode-city .city-menu-launch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.city-command-menu [data-city-jump]{background:transparent;border:0;padding:.15rem 0;color:var(--fg);font:inherit;text-align:left}.city-command-menu [data-city-jump]:hover{color:var(--accent);text-decoration:underline}
.city-command-content{scrollbar-width:thin;scrollbar-color:var(--city-brass) transparent}.city-command-menu h2{margin:0 0 .65rem;font-size:1.15rem}.city-command-menu .city-autoplan{margin:0 0 .7rem;padding:.6rem}.mode-city .city-command-menu .city-planner form{gap:.5rem;margin-top:.8rem}.city-command-menu .city-planner form h3{margin:.2rem 0 .45rem;font-size:1rem}.city-command-menu .city-planner form label{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.5rem;font-size:.85rem}.city-command-menu .city-planner form :is(input,select){width:100%;min-width:0;padding:.3rem;line-height:1.3}.city-command-menu .city-planner form>button{justify-self:end;min-width:5rem;padding:.3rem .75rem}.city-command-menu .auth-menu-popover{position:static;margin-top:.5rem;box-shadow:none}
.mode-city .city-scene-pager{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.7rem;color:var(--city-brass);font:12px Georgia,serif}.city-scene-pager[hidden]{display:none!important}.city-scene-pager button{background:var(--city-paper);border:1px solid var(--city-brass);color:var(--fg);width:30px;height:26px;cursor:pointer}.mode-city .city-selection-bar{bottom:4.5rem}
.estate-ground{fill:color-mix(in srgb,var(--city-stone) 8%,transparent);stroke:none;pointer-events:none}.estate-stone{fill:var(--city-stone)}.estate-mortar{fill:none;stroke:color-mix(in srgb,var(--bg) 22%,var(--city-stone));stroke-width:.7}.estate-roof-fill{fill:var(--city-roof)}.estate-roof-tile{fill:none;stroke:#743e303f;stroke-width:.7}
.estate-route-edge{fill:none;stroke:color-mix(in srgb,var(--city-brass) 56%,var(--bg));stroke-width:20;stroke-linecap:round;pointer-events:none}.estate-route{fill:none;stroke:var(--city-stone);stroke-width:14;stroke-dasharray:2 1;pointer-events:none}.estate-walkway{fill:none;stroke:color-mix(in srgb,var(--city-stone) 70%,transparent);stroke-width:12;stroke-dasharray:4 1;pointer-events:none}.estate-detail-walkway{fill:none;stroke:color-mix(in srgb,var(--bg) 14%,transparent);stroke-width:4;stroke-dasharray:3 4;pointer-events:none}
.city-courtyard{fill:url(#city-court-stone);stroke:var(--city-brass);stroke-width:2;filter:drop-shadow(2px 5px 3px #0003)}.estate-balustrade{fill:none;stroke:color-mix(in srgb,var(--city-brass) 70%,var(--bg));stroke-width:6;stroke-dasharray:2 4;pointer-events:none}.estate-shadow{fill:#0002}.estate-house-wall{fill:#dbc8a3;stroke:#6c614a;stroke-width:1.3}.estate-house-roof{fill:url(#city-terracotta);stroke:#744735;stroke-width:1.2}.estate-window{fill:#384641;stroke:#a99570;stroke-width:1.4}.estate-cornice{fill:none;stroke:#897653;stroke-width:2.5}.estate-palazzo-wall{fill:#dccaab;stroke:#8f7c56;stroke-width:1.5}.estate-pediment{fill:#ba9e76;stroke:#857351;stroke-width:2}.estate-column{stroke:#f1e2c4;stroke-width:7;fill:none}.estate-rosette{fill:#d3b567;stroke:#78694d;stroke-width:1.5}.estate-iron{fill:none;stroke:var(--city-iron);stroke-width:1.7}.estate-cypress{fill:color-mix(in srgb,#467155 65%,var(--bg));stroke:#738268;stroke-width:.7}.estate-tree-trunk{stroke:#867654;stroke-width:2}.estate-fountain{fill:#77a99d;stroke:#d5c59e;stroke-width:6}.estate-fountain-inner{fill:#b3d2c0;stroke:#637f75;stroke-width:3}
.mode-city .city-estate-scene .city-spot-point-label{font-family:Georgia,"Noto Serif",serif;font-weight:600;fill:var(--fg);stroke:var(--city-stone);stroke-width:4;paint-order:stroke;font-size:17px}.mode-city .city-estate-detail .city-spot-point-label{font-size:20px}.mode-city .city-estate-scene .city-generated-street-label{font:22px Georgia,"Noto Serif",serif;fill:var(--fg);opacity:1;stroke:var(--bg);stroke-width:4;paint-order:stroke}
.city-estate-page-label,.mode-city .city-estate-scene .city-undefined-page-label{font-size:12px;fill:var(--fg);font-weight:500;stroke:var(--city-stone);stroke-width:3;paint-order:stroke;pointer-events:none}.city-map-page-link:hover use,.city-map-page-link:focus use{filter:drop-shadow(0 0 4px var(--accent))}.city-map-page-link:focus-visible{outline:none}.city-map-page-link:focus-visible .estate-shadow{stroke:var(--accent);stroke-width:3}.city-spot-entry{cursor:pointer}.city-spot-entry:hover use,.city-spot-entry:focus-visible use{filter:drop-shadow(0 0 4px var(--accent))}.city-spot-entry:focus-visible{outline:none}.city-spot-entry:focus-visible .city-spot-point-label{fill:var(--accent)}
.mode-city .city-spot-tile.city-is-selected>.city-courtyard{stroke:var(--accent);stroke-width:5}.city-map-page-link.city-is-selected .estate-shadow{stroke:var(--accent);stroke-width:4;fill:color-mix(in srgb,var(--accent) 35%,transparent)}.city-estate-more rect,.city-portal-link rect{fill:var(--city-paper);stroke:var(--city-brass);stroke-width:1}.city-estate-more text,.city-portal-label{fill:var(--fg);font-size:12px;pointer-events:none}.city-estate-more{cursor:pointer}.city-portal-link:hover rect{stroke:var(--accent);stroke-width:2}.mode-city .city-labels-off :is(.city-estate-page-label,.city-undefined-page-label,.city-spot-point-label,.city-generated-street-label){display:none}
.mode-city .city-generated-fabric{opacity:.88}.mode-city .city-generated-building{fill:url(#city-terracotta);stroke:color-mix(in srgb,var(--city-brass) 60%,var(--bg));stroke-width:1;filter:drop-shadow(1px 2px 1px #0003)}.mode-city .city-generated-road-border{stroke:color-mix(in srgb,var(--city-brass) 60%,var(--bg));stroke-width:7}.mode-city .city-generated-road{stroke:var(--city-stone);stroke-width:5}.mode-city .city-quartier-boundary{fill:color-mix(in srgb,var(--city-brass) 6%,transparent);stroke:var(--city-brass);stroke-dasharray:none;stroke-width:2}.mode-city .city-quartier-tile:hover .city-quartier-boundary{fill:color-mix(in srgb,var(--accent) 14%,transparent)}.mode-city .city-scene-title{font:20px Georgia,"Noto Serif",serif;stroke:var(--bg);stroke-width:4}.mode-city .city-scene-path{font:11px Georgia,serif}.city-quartier-ornament{pointer-events:none}
@media(max-width:650px){.mode-city .city-map{inset:85px 8px 63px;width:calc(100% - 16px);height:calc(100% - 148px)}.city-hud{inset:24px 22px auto;gap:6px}.city-atlas-seal{display:none}.mode-city .city-trail{max-width:61vw;font-size:14px}.city-hud-location>small{font-size:8px;letter-spacing:.06em;max-width:56vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-city .city-menu-launch{padding:.35rem;font-size:11px;gap:.25rem}.city-map-hint{bottom:23px;font-size:9px;left:23px;max-width:65vw}.city-scene-pager{bottom:43px!important}.city-compass{width:34px;right:22px;bottom:30px}.city-command-layout{grid-template-columns:1fr;gap:12px}.city-command-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.city-command-nav :is(button,a){padding:7px;font-size:12px}.city-command-content{max-height:48dvh}.city-command-menu{padding:16px}.city-command-head{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.mode-city *{transition:none!important;scroll-behavior:auto!important}}
.city-public-exit{position:absolute;z-index:2;top:88px;left:30px;display:flex;gap:.8rem;font-size:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:.3rem;padding:.35rem .65rem}
.city-public-exit a{text-decoration:none;color:var(--link)}
.city-map-popup-mode .city-public-exit{display:none}