:root{--ink:#edf3f7;--ink-muted:#edf3f79e;--ink-faint:#edf3f766;--line:#ffffff1a;--line-soft:#ffffff12;--glass:#0d141cbd;--glass-strong:#0a1017db;--accent:#ffa45c;--accent-soft:#e8bd7b;--accent-wash:#ffa45c1f;--radius:12px;--radius-sm:7px;--shadow:0 16px 44px #00000052;--ease:.16s cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#101c29;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}html,body{overscroll-behavior:none;height:100%;overflow:hidden}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}header{z-index:15;pointer-events:none;position:fixed;top:28px;left:28px}header p{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}header .about-link{pointer-events:auto;border-left:1px solid var(--line);color:inherit;transition:color var(--ease);margin-left:12px;padding-left:12px;text-decoration:none}@media (hover:hover){header .about-link:hover{color:var(--ink)}}header .about-link:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:2px}h1{letter-spacing:-.3px;margin:6px 0 0;font-size:clamp(22px,3.4vw,36px);font-weight:400}button{color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(10px);touch-action:manipulation;transition:background var(--ease), border-color var(--ease), color var(--ease), transform var(--ease);background:#15212fb8;border:1px solid #ffffff24;padding:11px 15px;font-size:13px}@media (hover:hover){button:hover{background:#28465fb8}}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}button:disabled{opacity:.42;cursor:default}button:disabled:hover{background:#15212fb8}input,textarea{font:inherit;color:var(--ink);border-radius:var(--radius-sm);transition:border-color var(--ease), background var(--ease);background:#ffffff0a;border:1px solid #ffffff29}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent-soft)}.controls{z-index:15;flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:fixed;bottom:28px;left:24px;right:24px}.hint{color:var(--ink-faint);letter-spacing:.2px;font-size:12.5px}#map-status{color:var(--ink-muted);pointer-events:none;font-size:13px;position:fixed;top:108px;left:28px}#history-year{pointer-events:none;text-transform:uppercase;gap:2px;display:grid;position:fixed;top:154px;left:28px}#history-year[hidden]{display:none}#history-year span{color:var(--ink-faint);letter-spacing:2px;font-size:11px;font-weight:600}#history-year output{color:var(--ink);letter-spacing:-2px;font-size:clamp(32px,5vw,50px);font-weight:300;line-height:.95}.attribution{color:var(--ink-faint);background:#101c29cc;border-radius:4px;padding:3px 7px;font-size:11px;position:fixed;bottom:6px;right:12px}.toolbar{z-index:20;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:calc(100vw - 56px);display:flex;position:fixed;top:24px;right:28px}.building-search,.architect-explorer,.build-mode,.architect-mode,.history-mode{position:relative}.building-search__toggle,.architect-explorer__toggle,.build-mode__toggle,.architect-mode__toggle,.history-mode__toggle{white-space:nowrap;display:block}.building-search__toggle[aria-expanded=true],.architect-explorer__toggle[aria-expanded=true],.build-mode__toggle[aria-expanded=true],.architect-mode__toggle[aria-expanded=true],.history-mode__toggle[aria-expanded=true],.presentation-toggle[aria-pressed=true]{color:#ffe0ae;background:var(--accent-wash);border-color:#ffa45c73}.create-mode{position:relative}.create-mode .build-mode,.create-mode .architect-mode{position:static}.build-mode__toggle,.architect-mode__toggle{display:none}.create-mode__toggle{white-space:nowrap;display:block}.create-mode__toggle[aria-expanded=true]{color:#ffe0ae;background:var(--accent-wash);border-color:#ffa45c73}.create-mode__tabs{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff08;gap:4px;margin:0 0 14px;padding:3px;display:flex}.create-mode__tabs button{color:var(--ink-muted);-webkit-backdrop-filter:none;background:0 0;border:0;flex:1;padding:7px 10px;font-size:12.5px}.create-mode__tabs [aria-pressed=true]{color:#ffe0ae;background:var(--accent-wash)}.create-mode>.create-mode__tabs{display:none}.build-mode__panel,.architect-mode__panel{overscroll-behavior:contain;max-height:calc(100dvh - 100px);overflow-y:auto}.building-search__dropdown,.architect-explorer__dropdown,.build-mode__panel,.architect-mode__panel,.history-mode__panel{background:linear-gradient(160deg, var(--glass), var(--glass-strong));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity var(--ease), transform var(--ease);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.building-search__dropdown:not([hidden]),.architect-explorer__dropdown:not([hidden]),.build-mode__panel:not([hidden]),.architect-mode__panel:not([hidden]),.history-mode__panel:not([hidden]){opacity:1;transform:translateY(0)}.build-mode__eyebrow,.architect-mode__eyebrow,.architect-explorer__eyebrow,.history-mode__eyebrow{color:var(--accent);letter-spacing:1.3px;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:600}.build-mode h2,.architect-mode h2,.architect-explorer h2,.history-mode h2{letter-spacing:-.2px;margin:0 0 14px;font-size:19px;font-weight:500}.building-search__dropdown{width:min(330px,100vw - 32px);padding:14px}.building-search__dropdown label{color:var(--ink-muted);margin-bottom:8px;font-size:12.5px;display:block}.building-search input{width:100%;min-height:42px;padding:10px 12px;font-size:14px}.building-search ul{overscroll-behavior:contain;max-height:min(352px,100dvh - 260px);margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.building-search [role=option]{cursor:pointer;border-radius:var(--radius-sm);overflow-wrap:anywhere;min-height:42px;transition:background var(--ease), color var(--ease);padding:11px 10px;font-size:13.5px}.building-search [role=option]:hover,.building-search [aria-selected=true]{color:#ffe0ae;background:#ffffff12}.building-search__status{color:var(--ink-faint);margin:10px 0 0;font-size:12px}.architect-explorer__dropdown{width:min(340px,100vw - 32px);padding:14px}.architect-explorer label{color:var(--ink-muted);margin-bottom:8px;font-size:12.5px;display:block}.architect-explorer input{width:100%;min-height:42px;padding:10px 12px;font-size:14px}.architect-explorer ul{overscroll-behavior:contain;max-height:min(280px,100dvh - 260px);margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.architect-explorer [role=option],.architect-explorer__buildings li{border-radius:var(--radius-sm);overflow-wrap:anywhere;min-height:38px;padding:10px;font-size:13.5px}.architect-explorer [role=option]{cursor:pointer;transition:background var(--ease), color var(--ease)}.architect-explorer [role=option]:hover,.architect-explorer [aria-selected=true]{color:#ffe0ae;background:#ffffff12}.architect-explorer__status,.architect-explorer__count,.architect-explorer__tour-count{color:var(--ink-muted);margin:10px 0 0;font-size:12.5px}.architect-explorer__buildings{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.architect-explorer__actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.architect-explorer__actions button{padding:9px 12px;font-size:13px}.build-mode__panel{width:min(340px,100vw - 32px);padding:16px}.build-mode__name{color:var(--ink-muted);gap:7px;font-size:12.5px;display:grid}.build-mode__name input{width:100%;min-height:38px;padding:8px 11px;font-size:14px}.build-mode__options{margin-top:4px}.build-mode fieldset{border:0;border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:6px;margin:10px 0;padding:10px 0 0;display:flex}.build-mode legend{color:var(--ink-muted);padding:0 8px 4px 0;font-size:12.5px}.build-mode fieldset button,.build-mode__actions button{padding:7px 10px;font-size:12.5px}.build-mode [aria-pressed=true]{color:#ffe0ae;border-color:var(--accent-soft);background:#ffa45c2e}.build-mode__height{color:var(--ink-muted);gap:7px;margin-top:12px;font-size:12.5px;display:grid}.build-mode__height input{width:100%;accent-color:var(--accent-soft);background:0 0;border:none}.build-mode__height output{color:var(--ink);font-size:14px}.build-mode__actions{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.build-mode__actions [data-action=place]{background:var(--accent);color:#1a1108;border-color:var(--accent);font-weight:600}.build-mode__actions [data-action=place]:hover{background:#ffb578}.architect-mode__panel{width:min(360px,100vw - 32px);padding:18px}.architect-mode__brief{color:var(--ink-muted);gap:8px;font-size:12.5px;display:grid}.architect-mode__brief-row{align-items:flex-start;gap:6px;display:flex}.architect-mode__brief textarea{resize:vertical;flex:1;min-width:0;min-height:84px;padding:12px 13px;font-size:14px;line-height:1.5}.architect-mode__mic{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-muted);background:#ffffff08;border-radius:50%;flex-shrink:0;padding:0;font-size:15px;line-height:1}.architect-mode__mic:hover:not(:disabled){color:var(--ink);border-color:var(--accent-soft)}.architect-mode__mic:disabled{opacity:.4;cursor:not-allowed}.architect-mode__mic--listening{color:#1a1108;background:var(--accent);border-color:var(--accent);animation:1.1s ease-in-out infinite architect-mic-pulse}@keyframes architect-mic-pulse{0%,to{box-shadow:0 0 #ffa55c73}50%{box-shadow:0 0 0 6px #ffa55c00}}.architect-mode__mic-status{color:var(--accent-soft);min-height:14px;margin:6px 0 0;font-size:11.5px}.architect-mode__chips{flex-wrap:wrap;gap:6px;margin:12px 0 0;display:flex}.architect-mode__chip{text-align:left;max-width:100%;color:var(--ink-muted);border-color:var(--line);white-space:normal;background:#ffffff08;padding:7px 11px;font-size:11.5px;line-height:1.3}.architect-mode__chip:hover{color:var(--ink);border-color:var(--accent-soft)}.architect-mode__actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.architect-mode__actions [data-action=build]{background:var(--accent);color:#1a1108;border-color:var(--accent);font-weight:600}.architect-mode__actions [data-action=build]:hover{background:#ffb578}.architect-mode__status{color:var(--ink-faint);letter-spacing:.2px;min-height:16px;transition:color var(--ease);margin:12px 0 0;font-size:12px}.architect-mode__status[data-state=working]{color:var(--accent-soft)}.architect-mode__status[data-state=error]{color:#ff9d9d}.architect-mode__card{border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--ease), transform var(--ease);background:#ffffff09;margin-top:14px;padding:14px 15px;transform:translateY(-3px)}.architect-mode__card:not([hidden]){opacity:1;transform:translateY(0)}.architect-mode__card-eyebrow{color:var(--accent);letter-spacing:1.2px;text-transform:uppercase;margin:0 0 4px;font-size:10.5px;font-weight:600}.architect-mode__card h3{letter-spacing:-.2px;margin:0;font-size:16px;font-weight:500}.architect-mode__card-meta{color:var(--ink-muted);margin:4px 0 0;font-size:12.5px}.architect-mode__summary{flex-wrap:wrap;gap:5px;margin:10px 0 0;display:flex}.architect-mode__summary-chip{color:var(--accent-soft);background:#ffa55c14;border:1px solid #ffa55c40;border-radius:999px;padding:4px 9px;font-size:11px;line-height:1.3}.architect-mode__card-rationale{color:#edf3f7c7;margin:10px 0 0;font-size:13px;line-height:1.55}.history-mode__panel{width:min(320px,100vw - 32px);padding:17px}.history-mode__pill{display:none}.history-mode__mode{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff08;gap:4px;margin:0 0 14px;padding:3px;display:flex}.history-mode__mode button{color:var(--ink-muted);-webkit-backdrop-filter:none;background:0 0;border:0;flex:1;padding:7px 10px;font-size:12.5px}.history-mode__mode [aria-pressed=true]{color:#ffe0ae;background:var(--accent-wash)}.history-mode input{width:100%;accent-color:var(--accent-soft);background:0 0;border:none}.history-mode__ends{color:var(--ink-faint);justify-content:space-between;margin-top:4px;font-size:11.5px;display:flex}.history-mode__actions{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.history-mode__actions button{padding:7px 10px}.history-mode__actions [aria-pressed=true]{color:#ffe0ae;border-color:var(--accent-soft);background:#ffa45c2e}.history-mode__count{color:var(--ink);margin:16px 0 5px;font-size:13.5px}.history-mode__note{color:var(--ink-faint);margin:0 0 14px;font-size:11.5px;line-height:1.45}.history-mode__panel{transition:opacity var(--ease), transform var(--ease), padding var(--ease)}.history-mode--compact .history-mode__panel{align-items:center;gap:12px;width:auto;max-width:min(360px,100vw - 32px);padding:6px 8px 6px 14px;display:flex}.history-mode--compact .history-mode__panel[hidden]{display:none}.history-mode--compact .history-mode__eyebrow{margin:0}.history-mode--compact h2{white-space:nowrap;margin:0;font-size:13.5px}.history-mode--compact .history-mode__actions{gap:0;margin:0 0 0 auto}.history-mode--compact .history-mode__actions button{white-space:nowrap;padding:6px 10px;font-size:12px}.history-mode--compact .history-mode__actions span,.history-mode--compact .history-mode__mode,.history-mode--compact input[type=range],.history-mode--compact .history-mode__ends,.history-mode--compact .history-mode__count,.history-mode--compact .history-mode__note,.history-mode--compact [data-action=exit]{display:none}@media (width>=721px) and (width<=900px){body.history-compact .building-panel{max-height:calc(100dvh - 226px);top:176px}}.building-panel{background:linear-gradient(160deg, var(--glass), var(--glass-strong));border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);width:min(390px,100vw - 40px);max-height:calc(100dvh - 170px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;color:var(--ink);z-index:18;opacity:1;padding:22px;transition:opacity .18s,transform .18s;position:fixed;top:120px;right:28px;overflow-y:auto;transform:translateY(0)}.building-panel[hidden]{display:none}.building-panel__header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.building-panel__heading-group{min-width:0}.building-panel h2{letter-spacing:-.4px;margin:0;font-size:22px;font-weight:500;line-height:1.15}.building-panel__subtitle{color:var(--ink-faint);margin:6px 0 0;font-size:12.5px}.building-panel__close{border:1px solid var(--line);color:#f3efe8c7;background:#ffffff0a;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;display:grid}.building-panel__close:hover{background:var(--accent-wash);color:var(--accent);border-color:#ffa45c59}.building-panel__grid{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin:0 0 22px;padding:0 0 20px;display:grid}.building-panel__field{min-width:0}.building-panel__field dt{color:var(--ink-faint);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:600}.building-panel__field dd{color:var(--ink);margin:0;font-size:14.5px;line-height:1.35}.building-panel__description{gap:14px;display:grid}.building-panel__section-label{color:var(--accent);letter-spacing:1.3px;text-transform:uppercase;margin:0;font-size:10.5px;font-weight:600}.building-panel__description p{color:#edf3f7ad;white-space:pre-line;margin:0;line-height:1.62}.building-panel__description ul{color:#edf3f7ad;margin:0;padding-left:18px}.building-panel__description li{margin-bottom:8px;line-height:1.5}.building-panel__description a{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere}.building-panel__note{padding-top:4px;font-size:11.5px;color:var(--ink-faint)!important}.building-panel__photo{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:#ffffff05;width:100%;max-height:260px;margin-top:16px;display:block}.building-hover-label{z-index:1000;pointer-events:none;border-radius:var(--radius-sm);color:#f0ece3;letter-spacing:.3px;white-space:nowrap;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1118e0;border:1px solid #ffa45c66;padding:6px 10px;font-size:12.5px;transition:opacity .12s;position:fixed}.building-hover-label.visible{opacity:1}@media (width<=640px){.controls{left:16px;right:16px;bottom:calc(64px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:12px}.hint{font-size:11px;line-height:1.35}#reset{white-space:nowrap;flex-shrink:0}.attribution{right:16px;bottom:calc(40px + env(safe-area-inset-bottom))}.building-panel{width:100%;max-height:min(34dvh,320px);padding:0 18px calc(18px + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;inset:auto 0 0}.building-panel__header{z-index:1;background:var(--glass-strong);margin:0 -18px 12px;padding:14px 18px 10px;position:sticky;top:0}.building-panel__grid{gap:12px 16px}.building-panel__photo{max-height:180px}.building-panel h2{font-size:19px}}@media (width<=720px){.hud-top{top:calc(14px + env(safe-area-inset-top));z-index:20;pointer-events:none;gap:10px;display:grid;position:fixed;left:16px;right:16px}header,.toolbar,#map-status,#history-year{position:static;top:auto;left:auto;right:auto}h1{font-size:20px}.toolbar{pointer-events:auto;flex-wrap:wrap;justify-content:flex-start;gap:6px;max-width:none}.toolbar button{min-height:40px;padding:8px 10px;font-size:12px}#map-status{margin:0;font-size:12px}.building-search__dropdown,.architect-explorer__dropdown,.build-mode__panel,.architect-mode__panel,.history-mode__panel{top:auto;left:16px;right:16px;bottom:calc(126px + env(safe-area-inset-bottom));overscroll-behavior:contain;width:auto;max-height:min(44dvh,420px);position:fixed;overflow-y:auto}.building-search ul,.architect-explorer ul{max-height:22dvh}.history-mode--compact .history-mode__panel{max-height:none;bottom:calc(min(34dvh,320px) + 8px);overflow:visible}.history-mode__head{cursor:pointer}.history-mode--mobile-collapsed .history-mode__panel{width:auto;max-width:max-content;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;padding:0;right:auto;overflow:visible}.history-mode--mobile-collapsed .history-mode__pill{background:linear-gradient(160deg, var(--glass), var(--glass-strong));border:1px solid var(--line);min-height:44px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.history-mode--mobile-collapsed .history-mode__pill .history-mode__eyebrow{color:var(--accent);margin:0}.history-mode--mobile-collapsed .history-mode__head,.history-mode--mobile-collapsed .history-mode__mode,.history-mode--mobile-collapsed input[type=range],.history-mode--mobile-collapsed .history-mode__ends,.history-mode--mobile-collapsed .history-mode__actions,.history-mode--mobile-collapsed .history-mode__count,.history-mode--mobile-collapsed .history-mode__note,.history-mode--mobile-collapsed [data-action=exit]{display:none}}@media (pointer:coarse){input:not([type=range]),textarea,.building-search input,.architect-explorer input,.build-mode__name input,.architect-mode__brief textarea{font-size:16px}button{min-height:44px}.build-mode fieldset button,.build-mode__actions button,.history-mode__actions button,.history-mode__mode button,.architect-explorer__actions button{min-height:40px}.building-panel__close,.architect-mode__mic{width:40px;height:40px}.history-mode input[type=range],.build-mode__height input[type=range]{height:36px}}