:root{color-scheme:dark;--bg: #171612;--ink: #f6f1e8;--muted: #b9b0a3;--line: rgba(255, 255, 255, .13);--panel: rgba(30, 32, 27, .88);--panel-solid: #24261f;--grass: #78a84a;--deep-grass: #426d35;--road: #242424;--brick: #a94b3e;--cream: #e7ddc3;--water: #54a9ca;--purple: #7757a8;--gold: #d2a853;--glass: #7fc5d8;--shadow: 0 18px 60px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input{font:inherit}button{border:1px solid var(--line);border-radius:8px;background:#ffffff14;color:var(--ink);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}button:hover{transform:translateY(-1px);background:#ffffff26;border-color:#ffffff42}#app{display:grid;grid-template-columns:minmax(0,1fr) 408px;min-width:320px}.scene-shell{position:relative;overflow:hidden;min-width:0;background:linear-gradient(180deg,#20241b59,#0c0d0b99),#12120f}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.top-strip{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.brand-lockup,.view-actions,.legend,.building-popup,.info-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:12px;max-width:min(460px,72vw);padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#181915d1;box-shadow:var(--shadow);pointer-events:auto}.brand-mark{width:34px;height:34px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.8) 42% 48%,transparent 48%),linear-gradient(0deg,var(--grass) 47%,var(--gold) 47% 53%,var(--brick) 53%);flex:0 0 auto}.brand-lockup strong{display:block;font-size:16px;line-height:1.25}.brand-lockup span:not(.brand-mark){display:block;margin-top:3px;color:var(--muted);font-size:12px}.view-actions{display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#181915c2;pointer-events:auto}.view-actions button{min-width:54px;height:34px;padding:0 12px}.view-actions button.is-active{border-color:#d2a853d1;background:#d2a8532e}.tour-status{position:absolute;left:18px;top:100px;display:flex;align-items:center;gap:10px;max-width:min(440px,calc(100% - 430px));padding:10px 12px;border:1px solid rgba(210,168,83,.34);border-radius:8px;background:#1c1b14c2;color:var(--muted);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tour-status[hidden]{display:none}.tour-status strong{color:var(--gold);font-size:12px;white-space:nowrap}.tour-status span{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.legend{position:absolute;left:18px;bottom:18px;display:flex;flex-wrap:wrap;gap:10px;max-width:calc(100% - 430px);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#181915ad;color:var(--muted);font-size:12px}.legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.dot-brick{background:var(--brick)}.dot-grass{background:var(--grass)}.dot-road{background:var(--road);border:1px solid #6d6d67}.dot-water{background:var(--water)}.building-popup{position:absolute;right:24px;bottom:24px;width:min(360px,calc(100% - 48px));padding:16px;border:1px solid rgba(255,255,255,.16);border-left:4px solid var(--gold);border-radius:8px;background:#1b1d19db;box-shadow:var(--shadow)}.building-popup[hidden]{display:none}.popup-kicker{color:var(--gold);font-size:12px;font-weight:700}.building-popup h2{margin:6px 0;font-size:20px;line-height:1.25}.building-popup p{margin:0;line-height:1.65}#popup-meta{color:var(--muted);font-size:13px}#popup-copy{margin-top:8px;color:#e9dfce;font-size:14px}.info-panel{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px;min-width:0;height:100%;padding:22px;border-left:1px solid var(--line);background:linear-gradient(180deg,#262b20f0,#181a16f0),var(--panel);box-shadow:-20px 0 70px #00000047;overflow-y:auto}.panel-header{padding-bottom:8px;border-bottom:1px solid var(--line)}.panel-header p{margin:0 0 6px;color:var(--gold);font-size:12px;font-weight:700}.panel-header h1{margin:0;font-size:24px;line-height:1.25}.search-box{display:grid;gap:8px}.search-box span,.panel-section h2{color:var(--muted);font-size:13px;font-weight:700}.search-box input{width:100%;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:8px;outline:0;background:#ffffff14;color:var(--ink)}.search-box input:focus{border-color:#d2a853b8;box-shadow:0 0 0 3px #d2a85329}.filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.filter-row button{min-width:0;height:34px;padding:0 8px;color:var(--muted);font-size:13px}.filter-row button.is-active{border-color:#d2a853d1;background:#d2a85326;color:var(--ink)}.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-stats div{min-height:72px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#ffffff0f}.panel-stats strong,.panel-stats span{display:block}.panel-stats strong{font-size:24px;line-height:1}.panel-stats span{margin-top:9px;color:var(--muted);font-size:12px}.panel-section{display:grid;gap:10px}.panel-section h2{margin:0}.building-list{display:grid;gap:8px}.tour-step-list{display:grid;gap:7px}.tour-step{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:center;min-height:36px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;color:var(--muted);font-size:12px}.tour-step i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d2a85326;color:var(--gold);font-style:normal;font-weight:700}.tour-step strong{display:block;overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tour-step.is-active{border-color:#d2a853d1;background:#d2a85324}.building-item{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0e;color:var(--ink);text-align:left}.building-item i{display:grid;grid-row:span 2;place-items:center;width:30px;height:30px;border-radius:8px;background:#e63b3433;color:#ffddd5;font-style:normal;font-weight:800}.building-item strong{display:block;line-height:1.3}.building-item span{display:block;margin-top:5px;grid-column:2;color:var(--muted);font-size:12px;line-height:1.45}.building-item.is-active{border-color:#d2a853d1;background:#d2a85321}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reference-grid img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0f0f0d}@media(max-width:920px){body{overflow:auto}#app{display:block;min-height:100%}.scene-shell{height:68vh;min-height:500px}.info-panel{height:auto;min-height:32vh;border-left:0;border-top:1px solid var(--line)}.legend{right:18px;max-width:none}.tour-status{top:154px;right:18px;max-width:none}.building-popup{right:18px;bottom:68px;width:calc(100% - 36px)}}@media(max-width:560px){.scene-shell{min-height:460px}.top-strip{flex-direction:column;align-items:stretch}.brand-lockup,.view-actions{max-width:100%}.view-actions{justify-content:space-between}.view-actions button{flex:1}.info-panel{padding:18px}.panel-stats,.reference-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}}