.city-maps{padding:26px}.city-intro h2{margin:8px 0 10px}.city-intro p{max-width:590px;line-height:1.7}.city-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 25px;padding-bottom:19px;border-bottom:1px solid #746548}.city-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 20px;border:1px solid #77633f;border-radius:3px;background:#18272b;color:#e8d1a4;text-decoration:none;font-size:14px}.city-tabs a:hover,.city-tabs a.selected{background:#463b29;border-color:#c3a369;color:#fff0cc}.city-tabs a:focus-visible,.city-maps button:focus-visible,.city-marker:focus-visible,.city-place-number:focus-visible{outline:3px solid #f0c67c;outline-offset:3px}.city-map-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;scroll-margin-top:20px}.city-map-heading h3{font-size:28px;margin:0}.city-enlarge{display:inline-flex;align-items:center;gap:12px;border:1px solid #9b8051;background:#283135;color:#f1d6a2;padding:10px 13px;font:inherit;cursor:pointer;border-radius:3px}.city-enlarge[hidden]{display:none}.city-map-help{font-size:12px;line-height:1.7;color:#c1bdad;margin:9px 0 15px}.city-map-frame{display:flex;justify-content:center;padding:12px;background:#101617;border:1px solid #776344;border-radius:4px;overflow:hidden}.city-map-image{display:block;width:100%;height:auto;max-height:none;background:#101011}.city-map-image image{image-rendering:pixelated}.city-marker{cursor:pointer;outline:none}.city-marker circle{fill:#efe1b8;stroke:#392818;stroke-width:2}.city-marker text{fill:#2c241a;font:700 11px/1 "Segoe UI",Arial,sans-serif;pointer-events:none}.city-marker:hover circle,.city-marker:focus circle,.city-marker:target circle{fill:#ffcb65;stroke:#fff2d4;stroke-width:3}.city-legend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:27px 0 12px}.city-legend-heading h3{font-size:21px;margin:0}.city-legend-heading>span{font-size:11px;color:#bfb59e}.city-places{list-style:none;padding:0;margin:0}.city-places>li{display:flex;align-items:center;gap:13px;padding:14px 10px;border-bottom:1px solid #756a514d;scroll-margin-top:25px}.city-places>li:nth-child(odd){background:#e3cba508}.city-places>li:target{background:#d4a35324;box-shadow:inset 3px 0 #e9bc70;outline:none}.city-place-number{display:flex;flex:0 0 34px;min-height:34px;align-items:center;justify-content:center;border:1px solid #9a8054;border-radius:50%;background:#303225;color:#f3dba9;font-size:13px;font-weight:700;text-decoration:none}.city-places strong{font-size:14px;color:#e7d3b0}.city-places p{margin:4px 0 0;font-size:12px;line-height:1.7;color:#c5c5b3}.city-floor{margin-left:auto;padding:4px 7px;border:1px solid #8a7954;border-radius:3px;color:#d7c7a5;font-size:10px;white-space:nowrap}.city-map-dialog{padding:0;border:1px solid #a78d58;background:#142126;color:#edd8b2;max-width:none;max-height:none;width:min(1180px,calc(100vw - 32px));height:min(880px,calc(100dvh - 32px));border-radius:5px}.city-map-dialog::backdrop{background:#000b}.city-map-dialog[open]{display:flex}.city-dialog-panel{display:flex;flex-direction:column;width:100%;min-height:0}.city-dialog-toolbar{display:flex;align-items:center;gap:18px;padding:12px 16px;border-bottom:1px solid #83704f}.city-dialog-toolbar h2{font:26px/1.2 Georgia,serif;margin:0 auto 0 0}.city-dialog-toolbar button{min-width:40px;min-height:40px;padding:7px 12px;border:1px solid #8c7855;border-radius:3px;background:#24343a;color:#f1d8ad;font:inherit;cursor:pointer}.city-zoom-controls{display:flex;gap:5px}.city-dialog-toolbar form{margin:0}.city-dialog-close{font-size:23px!important}.city-map-viewport{flex:1;min-height:0;overflow:auto;padding:16px;background:#090f11;overscroll-behavior:contain}.city-map-viewport:focus-visible{outline:2px solid #e7bc70;outline-offset:-3px}#city-map-canvas{display:flex;min-width:100%;min-height:100%;width:max-content;align-items:center;justify-content:center}#city-map-canvas svg{flex:0 0 auto;max-width:none}.city-map-dialog button:disabled{opacity:.4;cursor:default}.city-maps-page .site{max-width:1280px}
@media(max-width:900px){.city-maps-page{width:100%;min-width:0}.city-maps-page .site{width:100%;padding:0 14px}.city-maps-page .portal-grid{display:flex;flex-direction:column;gap:18px}.city-maps-page .portal-grid main{order:0;width:100%;min-width:0}.city-maps-page .sidebar{order:1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.city-maps-page .sidebar .menu-group{margin:0;min-width:0}.city-maps-page .world-sidebar,.city-maps-page .hero{display:none}.city-maps-page main>.city-maps{padding:22px}.city-maps-page .page-heading h1{font-size:36px}.city-map-frame{padding:7px}}
@media(max-width:600px){.city-maps-page .site{padding:0 10px}.city-maps-page .community-bar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.city-maps-page .community-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.city-maps-page .community-online{font-size:11px}.city-maps-page .community-discord span{display:none}.city-maps-page .community-discord svg{width:22px;height:22px}.city-maps-page .language-switcher a{font-size:10px;min-height:32px;padding:5px}.city-maps-page .masthead{height:auto;min-height:78px;flex-wrap:wrap;gap:8px;padding:9px 0}.city-maps-page .masthead .brand{font-size:25px}.city-maps-page .masthead .brand small{font-size:7px;letter-spacing:1.2px}.city-maps-page .crest-window{width:48px;height:57px}.city-maps-page .header-actions{width:100%;justify-content:space-between;gap:12px;font-size:12px}.city-maps-page .account-menu summary,.city-maps-page .download{min-height:42px}.city-maps-page main>.city-maps{padding:18px 12px}.city-intro h2{font-size:27px}.city-intro p{font-size:14px}.city-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-tabs a{min-height:44px;padding:9px 12px;font-size:15px}.city-map-heading h3{font-size:26px}.city-enlarge{font-size:12px;gap:7px;padding:10px}.city-map-help{font-size:12px}.city-map-frame{padding:2px}.city-places>li{gap:10px;padding:13px 6px;flex-wrap:wrap}.city-places strong{font-size:14px}.city-places p{font-size:12px}.city-floor{font-size:10px}.city-maps-page .sidebar{grid-template-columns:1fr}.city-maps-page .sidebar .menu-group nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.city-map-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.city-dialog-toolbar{padding:9px;gap:8px;flex-wrap:wrap}.city-dialog-toolbar h2{font-size:23px}.city-zoom-controls{order:2;width:100%;justify-content:center}.city-dialog-toolbar button{min-height:44px}.city-map-viewport{padding:8px}}

.city-marker-leader{stroke:#fff0ca;stroke-width:1.6;fill:none;pointer-events:none}.city-marker .city-marker-anchor{fill:#fff0ca;stroke:#302515;stroke-width:1;pointer-events:none}

.city-levels{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 10px}.city-levels a{min-height:38px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #82704d;border-radius:3px;background:#16272d;color:#dccba9;font-size:12px;text-decoration:none}.city-levels a:hover,.city-levels a.selected{background:#52442d;color:#fff1c9;border-color:#b89a62}.city-levels a:focus-visible{outline:3px solid #e7bc70;outline-offset:3px}@media(max-width:600px){.city-levels a{min-height:44px;font-size:13px}}