:root{font-family:Microsoft YaHei,PingFang SC,Inter,system-ui,sans-serif;color:#293430;background:#c9cbc6;--paper:#f5f4ed;--ink:#293430;--muted:#6d7772;--line:#d8d9d1;--accent:#617c70;--accent-soft:#e5ebe6}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#scene{display:block;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:0;display:grid;place-content:center;gap:10px;text-align:center;background:#c9cbc6;z-index:30;color:#37423e;letter-spacing:.03em}#loading.hidden{display:none}#loading strong{font-size:17px}#progress{font-size:12px;color:#697570;font-variant-numeric:tabular-nums}#sidebar{position:fixed;z-index:12;inset:18px auto 18px 18px;width:344px;display:flex;flex-direction:column;padding:18px 16px 12px;border:1px solid rgba(112,123,117,.22);border-radius:16px;background:#f7f6eff0;box-shadow:0 14px 44px #2b363129;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;padding:0 2px 15px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#617c70;color:#fff;font:700 11px/1 Inter;letter-spacing:.08em}.brand h1{margin:0;font-size:17px;letter-spacing:.05em}.brand p{margin:4px 0 0;color:#68736e;font-size:11px}.brand p span{margin-left:4px;padding:2px 4px;border:1px solid #aab6b0;border-radius:4px;font-size:8px;letter-spacing:.08em}#drawer-toggle{display:none;margin-left:auto;border:0;background:transparent;color:#52615b;font-size:22px}.search-wrap{display:flex;align-items:center;gap:7px;height:42px;padding:0 10px;border:1px solid #d3d6cf;border-radius:10px;background:#fff}.search-wrap>span{color:#718078;font-size:21px;transform:rotate(-15deg)}#search{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#2d3834;font-size:13px}#search::placeholder{color:#99a19d}#search-clear{display:none;border:0;background:transparent;color:#7d8782;font-size:18px}#search:not(:placeholder-shown)+#search-clear{display:block}#categories{display:flex;gap:6px;margin:12px 0 10px;overflow-x:auto;scrollbar-width:none}#categories::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:5px 9px;border:1px solid #d3d6cf;border-radius:999px;background:#f9f9f5;color:#59655f;font-size:11px}.chip.active{border-color:#617c70;background:#617c70;color:#fff}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 8px;color:#69736e;font-size:11px;letter-spacing:.04em}#building-list{min-height:0;flex:1;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#c9cec8 transparent}.building-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px;padding:11px 10px;border:0;border-top:1px solid #e1e2dc;background:transparent;text-align:left;color:#2d3834}.building-item:hover,.building-item.active{border-radius:8px;background:#e7ece7}.building-item strong{font-size:13px;font-weight:650}.building-item small{display:block;margin-top:3px;color:#7b847f;font-size:10px}.building-item .arrow{align-self:center;color:#9aa29e}.empty{padding:24px 10px;text-align:center;color:#838c87;font-size:12px}#sidebar footer{padding-top:10px;border-top:1px solid #dedfd8;color:#8a928e;text-align:center;font-size:9px}#info-card{position:fixed;z-index:15;right:22px;bottom:22px;width:min(360px,calc(100vw - 44px));padding:18px 20px 16px;border:1px solid rgba(107,120,113,.22);border-radius:15px;background:#f8f7f1f5;box-shadow:0 18px 50px #25302b33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#info-card[hidden]{display:none}#card-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#69746e;font-size:20px}#card-category{color:#617c70;font-size:10px;font-weight:700;letter-spacing:.1em}#info-card h2{margin:7px 28px 0 0;font-size:23px;letter-spacing:.03em}#card-en{margin:2px 0 12px;color:#7b847f;font:11px/1.4 Inter,sans-serif}#card-fields{margin:0 0 12px;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;font-size:12px}#card-fields dt{color:#7a847f}#card-fields dd{margin:0;color:#35423d}#card-summary{margin:0;color:#48554f;font-size:12px;line-height:1.7}#card-joke{margin:12px 0 0;padding:9px 11px;border-left:2px solid #85998f;background:#edf0eb;color:#52615b;font-size:12px;line-height:1.55}.card-actions{display:flex;gap:8px;margin-top:15px}.card-actions button{padding:7px 12px;border:1px solid #cbd0ca;border-radius:7px;background:#f7f7f2;color:#4e5c56;font-size:11px}#card-locate{border-color:#617c70!important;background:#617c70!important;color:#fff!important}#card-source{display:block;margin-top:10px;color:#989f9b;font-size:9px}#map-controls{position:fixed;z-index:10;right:20px;top:20px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(112,123,117,.25);border-radius:11px;background:#f8f7f1eb;box-shadow:0 8px 28px #28322e24}#map-controls button{width:43px;height:42px;border:0;border-bottom:1px solid #dfe0d9;background:transparent;color:#43514b;font-size:20px}#map-controls button:last-child{border-bottom:0}#map-controls button:hover{background:#e8ece7}#map-controls span{display:block;margin-top:-3px;font-size:8px}#landmark-labels{position:fixed;inset:0;z-index:8;pointer-events:none}.landmark-label{position:absolute;padding:4px 7px;border:1px solid rgba(89,109,99,.26);border-radius:6px;background:#f8f7f1de;box-shadow:0 3px 12px #2c39331f;color:#42534b;font-size:10px;white-space:nowrap;transform:translate(-50%,-100%);transition:opacity .18s}.landmark-label:after{content:"";position:absolute;left:50%;top:100%;height:7px;border-left:1px solid rgba(77,98,87,.42)}#hint{position:fixed;z-index:7;left:50%;bottom:18px;transform:translate(-50%);padding:6px 10px;border-radius:7px;background:#26302cad;color:#f1f2ed;font-size:10px;letter-spacing:.03em;pointer-events:none;transition:opacity .4s}#stats{position:fixed;right:10px;bottom:10px;z-index:40}@media(max-width:760px){#sidebar{inset:auto 8px 8px;width:calc(100% - 16px);height:46vh;padding:13px 13px 9px;border-radius:15px;transition:transform .28s ease}.brand{padding-bottom:10px}.brand-mark{width:36px;height:36px}.brand h1{font-size:15px}#drawer-toggle{display:block}.drawer-collapsed #sidebar{transform:translateY(calc(100% - 64px))}.drawer-collapsed #drawer-toggle{transform:rotate(180deg)}#categories{margin:9px 0 7px}.building-item{padding:9px 8px}#info-card{right:10px;bottom:calc(46vh + 17px);width:calc(100% - 20px);max-height:43vh;overflow:auto;padding:15px 17px}.drawer-collapsed #info-card{bottom:78px}#map-controls{right:10px;top:10px}#hint{display:none}.landmark-label{font-size:9px}}@media(max-width:420px){#info-card h2{font-size:20px}.brand p{font-size:10px}}@media(prefers-reduced-motion:reduce){#sidebar,.landmark-label{transition:none}}#browser-compat-notice{position:fixed;z-index:26;left:50%;top:12px;width:min(520px,calc(100vw - 24px));transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(97,124,112,.25);border-radius:12px;background:#f8f7f1f5;box-shadow:0 8px 28px #28322e29;color:#3b4943;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#browser-compat-notice p{flex:1;margin:0;font-size:12px;line-height:1.5}#browser-compat-notice div{display:flex;flex:0 0 auto;gap:7px}#browser-compat-notice button,#browser-compat-notice a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid #cbd0ca;border-radius:7px;background:#f7f7f2;color:#4e5c56;text-decoration:none;font-size:11px}#browser-compat-notice a{border-color:#617c70;background:#617c70;color:#fff}#browser-compat-notice [hidden]{display:none}@media(max-width:560px){#browser-compat-notice{top:8px;align-items:stretch;flex-direction:column;gap:8px;padding:10px}#browser-compat-notice div{justify-content:flex-end}}