/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-tracking:initial}}}@layer components{.city-page{max-width:1280px}.city-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.city-heading h1{margin:12px 0 4px;font-size:clamp(32px,4vw,52px)}.city-heading p{color:var(--zc-muted);margin:0}.city-toolbar{border-top:1px solid var(--zc-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.city-clock{font-family:var(--zc-font);font-size:18px}.city-clock small{font:12px system-ui}.city-stage{isolation:isolate;aspect-ratio:1.75;border:1px solid var(--zc-border);border-radius:var(--zc-radius);background:radial-gradient(ellipse at 50% 45%,var(--zc-surface),var(--zc-soft));touch-action:pan-y;position:relative;overflow:hidden}.city-stage[data-night=true]{background:radial-gradient(ellipse at 50% 35%,var(--zc-soft),var(--zc-accent))}@supports (color:color-mix(in lab, red, red)){.city-stage[data-night=true]{background:radial-gradient(ellipse at 50% 35%,var(--zc-soft),color-mix(in srgb,var(--zc-accent) 28%,var(--zc-background)))}}.city-stage canvas,.city-illustration{width:100%;height:100%;display:block;position:absolute;inset:0}.city-building{z-index:2;border:1px solid var(--zc-border);background:var(--zc-surface);width:28px;height:28px;color:var(--zc-ink);box-shadow:0 2px 7px var(--zc-ink);border-radius:50%;place-items:center;font:10px system-ui;display:grid;position:absolute;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.city-building{box-shadow:0 2px 7px color-mix(in srgb,var(--zc-ink) 14%,transparent)}}.city-building:hover,.city-building:focus-visible{z-index:5;background:var(--zc-accent);color:var(--zc-accent-ink)}.city-tooltip{border-radius:var(--zc-radius);background:var(--zc-ink);width:max-content;max-width:170px;color:var(--zc-background);text-align:center;pointer-events:none;padding:5px 9px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.city-building:hover .city-tooltip,.city-building:focus-visible .city-tooltip{display:block}.city-district-label{font:12px var(--zc-font);text-align:center;--tw-leading:1.2;border-radius:var(--zc-radius);background:var(--zc-surface);color:var(--zc-ink);pointer-events:none;border:1px solid var(--zc-border);width:max-content;max-width:135px;padding:4px 7px;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.city-map-caption{--tw-tracking:.12em;letter-spacing:.12em;text-transform:uppercase;color:var(--zc-muted);font-size:10px;position:absolute;bottom:16px;left:22px}.city-map-note{border-bottom:1px solid var(--zc-border);justify-content:space-between;align-items:baseline;gap:15px;padding:16px 0 28px;display:flex}.city-map-note p{margin:0}.city-map-note small{font-size:11px}.city-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px;display:grid}.city-directory h2{margin:7px 0 16px;font-size:25px}.city-directory ul{margin:0;padding:0;list-style:none}.city-directory li a{border-top:1px solid var(--zc-border);align-items:baseline;gap:12px;padding:10px 0;font-size:14px;display:flex}.city-directory li a:hover{text-decoration-line:underline}.city-directory li a span{color:var(--zc-muted);margin-left:auto}.city-empty{color:var(--zc-muted);font-size:13px}.city-island-edge{fill:var(--zc-border)}.city-island{fill:var(--zc-soft);stroke:var(--zc-border)}.city-bridges{stroke:var(--zc-border);stroke-width:12px;fill:none}.city-path{stroke:var(--zc-surface);stroke-width:9px;fill:none}.city-wall{fill:var(--zc-surface);stroke:var(--zc-muted);stroke-width:1px}.city-roof,.city-tree,.city-boat{fill:var(--zc-accent)}.city-tree-trunk{stroke:var(--zc-muted);stroke-width:3px}.city-window{fill:var(--zc-step9,var(--zc-accent))}.city-river{fill:none;stroke:var(--zc-accent);stroke-width:90px;opacity:.06}.city-water-label{font:12px var(--zc-font);--tw-tracking:4px;letter-spacing:4px;fill:var(--zc-muted)}@media (width<=600px){.city-page{padding:28px 18px}.city-heading{display:block}.city-heading>.quiet-link{margin-top:14px;display:inline-block}.city-heading p{font-size:13px}.city-stage{aspect-ratio:.86}.city-clock{font-size:15px}.city-clock small{font-size:10px;display:block}.city-toolbar .host-button{padding:9px 12px}.city-district-label{max-width:95px;padding:3px 4px;font-size:10px}.city-building{width:24px;height:24px;font-size:9px}.city-tooltip{max-width:110px;font-size:10px}.city-map-note{display:block}.city-map-note p{margin-bottom:6px;font-size:13px}.city-directory{grid-template-columns:1fr;gap:24px;margin-top:25px}.city-directory h2{font-size:25px}.city-directory li a{min-height:44px}.city-map-caption{font-size:8px;bottom:12px;left:12px}}.city-building{width:26px;height:26px;box-shadow:none;background:0 0;border:0}.city-building>span:first-child{background:var(--zc-surface);width:18px;height:18px;color:var(--zc-ink);border:1px solid var(--zc-border);box-shadow:0 1px 4px var(--zc-ink);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.city-building>span:first-child{box-shadow:0 1px 4px color-mix(in srgb,var(--zc-ink) 16%,transparent)}}.city-building:hover,.city-building:focus-visible{background:0 0}.city-building:hover>span:first-child,.city-building:focus-visible>span:first-child{background:var(--zc-accent);color:var(--zc-accent-ink)}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}