*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;color:#e8e8f0}#app canvas{display:block}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;place-items:center;gap:12px;background:#121b2e;color:#9fb6d4;font-size:15px;font-weight:500}#loading:not(.hidden){display:grid}.loading-spinner{width:36px;height:36px;border:3px solid rgba(159,182,212,.25);border-top-color:#ffd98a;border-radius:50%;animation:loading-spin .9s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}#top-nav{position:fixed;top:14px;left:20px;right:20px;z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.nav-brand{padding:6px 12px;border-radius:8px;background:#141821d9;box-shadow:0 4px 16px #00000080;font-size:15px;font-weight:600;letter-spacing:.3px;color:#9fb6d4;pointer-events:auto}.nav-links{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:4px;border-radius:8px;background:#141821d9;box-shadow:0 4px 16px #00000080;pointer-events:auto}.nav-links a,.nav-links button{color:#9fb6d4;font-size:13px;text-decoration:none;padding:4px 10px;border-radius:6px}.nav-links button{border:0;background:transparent;font-family:inherit;cursor:pointer}.nav-links a:hover,.nav-links button:hover{color:#ffd98a;background:#ffd98a1a}.nav-links a:focus-visible,.nav-links button:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.nav-settings{position:relative}#nav-settings{width:28px;height:28px;padding:0;display:grid;place-items:center}#nav-about{height:28px;font-size:15px;display:inline-flex;align-items:center}.settings-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:168px;padding:6px;border-radius:12px;background:#141821eb;box-shadow:0 4px 16px #00000080;z-index:30}.settings-menu:not(.hidden){display:block}.nav-settings .settings-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#9fb6d4;font-family:inherit;font-size:13px;cursor:pointer}.nav-settings .settings-menu button svg{width:20px;height:20px;flex:none}.nav-settings .settings-menu button:hover{color:#ffd98a;background:#ffd98a1a}.nav-settings .settings-menu button.active{color:#ffd98a;background:#ffd98a33}.nav-settings .settings-menu button:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.nav-search{position:relative;width:28px;height:28px}#nav-search{width:28px;height:28px;padding:0;display:grid;place-items:center}#nav-search[hidden]{display:none}.search-box{position:absolute;top:0;right:0;width:220px;transform:scaleX(0);transform-origin:right center;opacity:0;visibility:hidden;pointer-events:none;transition:transform .18s ease,opacity .15s ease}.search-box:not(.hidden){transform:scaleX(1);opacity:1;visibility:visible;pointer-events:auto}#search-input{width:100%;min-width:0;height:28px;padding:0 10px;border:1px solid #3a4760;border-radius:6px;background:#141821;color:#e8e8f0;font-family:inherit;font-size:13px}#search-input::placeholder{color:#8d99ac}#search-input:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.search-list{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:260px;max-width:340px;max-height:320px;overflow-y:auto;padding:4px;border-radius:8px;background:#141821eb;box-shadow:0 4px 16px #00000080;z-index:30;list-style:none}.search-list:not(.hidden){display:block}.search-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:6px 10px;border-radius:6px;color:#9fb6d4;font-size:13px;cursor:pointer}.search-list li:hover,.search-list li.highlighted{background:#ffd98a1a;color:#ffd98a}.search-list li:focus-visible{outline:2px solid #ffd98a;outline-offset:-2px}.search-category{font-size:10px;color:#6b7689}#tour-controls{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:10;display:flex;gap:10px;padding:8px;border-radius:999px;background:#141821d9;box-shadow:0 4px 16px #00000080}#tour-controls button{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#9fb6d4;cursor:pointer;display:grid;place-items:center}#tour-controls button:hover{color:#ffd98a;background:#ffd98a1a}#tour-controls button:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}#tour-controls button:disabled{color:#4a5363;cursor:default}#tour-controls button svg[hidden]{display:none}#float-label{position:fixed;transform:translate(-50%,-110%);padding:3px 9px;border-radius:4px;background:#141821e6;color:#ffd98a;font-size:12px;pointer-events:none;display:none;white-space:nowrap}#float-label:not(.hidden){display:block}#tour-chip{display:none}.card{position:fixed;right:20px;top:64px;width:280px;border-radius:12px;background:#141821eb;color:#e8e8f0;box-shadow:0 4px 16px #00000080;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform:translateY(-4px)}.card:not(.hidden){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}#card-close{width:30px;height:30px;padding:0;border:none;border-radius:50%;background:transparent;color:#8d99ac;font-size:19px;line-height:1;cursor:pointer}#card-close:hover{color:#ffd98a}#card-close:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.panel-category{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#2f3b52;color:#9fb6d4}.panel-name{margin:10px 16px 4px;font-size:20px;line-height:1.2}.panel-image{display:none}.panel-image:not(.hidden){display:block}.panel-image-frame{position:relative;overflow:hidden}.panel-image-img{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:8px;border:1px solid #3a4760;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes photo-slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes photo-slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.panel-image-img.photo-slide-from-right{animation:photo-slide-from-right .45s ease-out}.panel-image-img.photo-slide-from-left{animation:photo-slide-from-left .45s ease-out}.panel-image-count{display:none}.panel-image-count:not(.hidden){display:block;position:absolute;right:8px;bottom:8px;padding:1px 7px;border-radius:8px;background:#141821c7;color:#e8e8f0;font-size:10px;line-height:1}.panel-details{margin:10px 16px 0;font-size:13px}.panel-intro{margin:14px 16px 2px;padding:10px 12px;border-left:3px solid #3e8a80;border-radius:0 8px 8px 0;background:#3e8a801f;font-size:13.5px;line-height:1.5;color:#e8e8f0}.panel-intro strong{color:#7fc0b5}.panel-details dt{color:#8d99ac}.panel-details dd{color:#e8e8f0;white-space:pre-line}.panel-sources{display:flex;flex-wrap:wrap;gap:6px;margin:10px 16px 0}.panel-sources a{font-size:11px;color:#9fb6d4;text-decoration:none;border:1px solid #3a4760;border-radius:999px;padding:2px 10px}.panel-sources a:hover{color:#ffd98a;border-color:#ffd98a}.panel-hint{margin-top:12px;padding:0 16px;font-size:11px;color:#6b7689}.card .panel-hint{padding-bottom:16px}#reset-view{position:fixed;left:20px;bottom:104px;z-index:10;height:44px;padding:0 18px;border:0;border-radius:999px;background:#141821d9;box-shadow:0 4px 16px #00000080;color:#9fb6d4;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}#reset-view.visible{opacity:1;visibility:visible;pointer-events:auto}#reset-view:hover{color:#ffd98a;background:#ffd98a1a}#reset-view:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.compass{position:fixed;left:20px;bottom:20px;width:72px;height:72px;border-radius:50%;background:#141821d9;border:1px solid rgba(255,217,138,.35);box-shadow:0 4px 16px #00000080;display:none}.compass:not(.hidden){display:block}.compass-label{position:absolute;transform:translate(-50%,-50%);font-size:13px;font-weight:600;color:#ffd98a;pointer-events:none;display:none}.compass-label:not(.hidden){display:block}.legend{position:fixed;right:20px;bottom:20px;z-index:10;display:flex;gap:14px;padding:8px 12px;border-radius:8px;background:#141821d9;box-shadow:0 4px 16px #00000080;font-size:12px;color:#9fb6d4}.legend-toggle{display:none;border:0;background:transparent;font-family:inherit;cursor:pointer}.legend-dots{display:flex;gap:4px}.legend-items{display:flex;gap:14px}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:2px}.swatch-skyscraper{background:#d9b36a}.swatch-landmark{background:#8fa8c8}.swatch-development{background:#3e8a80}@media(max-width:720px){#top-nav{top:12px;left:12px;right:12px}.nav-brand{padding:4px 10px;font-size:13px}.nav-links{padding:3px}.nav-links a,.nav-links button{padding:3px 8px}.nav-links a{font-size:15px;line-height:1.5;padding:4px 10px}.nav-links button{font-size:12px}.search-box{position:fixed;top:56px;left:12px;right:12px;width:auto;transform:none}.search-box:not(.hidden){transform:none}#search-input{display:block;width:100%;height:40px;font-size:16px}.search-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:45vh}.card{left:12px;right:12px;top:auto;bottom:0;width:auto;max-height:75vh;border-radius:16px 16px 0 0;z-index:20;display:flex;flex-direction:column;overflow-y:auto;transform:translateY(100%)}.card-header{position:sticky;top:0;z-index:1;background:#141821}.compass{transform:scale(.75);transform-origin:bottom left}#reset-view{height:40px;left:20px;bottom:84px;font-size:12px;padding:0 14px}#tour-controls{padding:6px;gap:8px}#tour-controls button{width:36px;height:36px}#tour-chip{display:none;position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:15;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:999px;background:#141821d9;box-shadow:0 4px 16px #00000080;max-width:calc(100% - 24px)}#tour-chip:not(.hidden){display:flex}.tour-chip-name{font-size:13px;font-weight:600;color:#ffd98a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tour-chip-hint{font-size:11px;color:#9fb6d4}#legend{width:44px;height:44px;padding:0;border-radius:50%;gap:0;justify-content:center;align-items:center}.legend-toggle{display:grid;place-items:center;padding:0;width:100%;height:100%}.legend-toggle:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.legend-items{display:none}.legend-dots{gap:3px}.legend-swatch{width:8px;height:8px}#legend.open .legend-items{display:flex;flex-direction:column;gap:8px;position:absolute;right:0;bottom:100%;margin-bottom:8px;padding:8px 12px;border-radius:10px;background:#141821eb;box-shadow:0 4px 16px #00000080}}