:root{--ink:#253a36;--muted:#7d8980;--paper:#f6f5ee;--line:#dddfd3;--green:#395c49;--accent:#b9cf8c}*{box-sizing:border-box}body{color:var(--ink);background:#e3e8df;margin:0;font-family:Segoe UI,Microsoft JhengHei,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #618450}button{border:1px solid var(--line);background:#fffdf7;border-radius:8px;padding:9px 12px;transition:background .18s}button:hover{background:#e8eddf}button.active{background:var(--green);color:#fff;border-color:var(--green)}#app{grid-template-columns:288px 1fr;display:grid;position:fixed;inset:0}aside{background:var(--paper);border-right:1px solid var(--line);z-index:3;flex-direction:column;gap:20px;padding:29px 24px 18px;display:flex;overflow:auto}.brand{letter-spacing:3px;align-items:center;gap:10px;font-size:10px;display:flex}.brand b{letter-spacing:-3px;font-family:Georgia,serif;font-size:27px;font-weight:400}.eyebrow{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:10px}h1{letter-spacing:8px;margin:12px 0 5px;font-family:Noto Serif TC,PMingLiU,Georgia,serif;font-size:49px;font-weight:400}.english{letter-spacing:.4px;font-family:Georgia,serif;font-size:22px}.intro{color:#7a857a;margin:11px 0 0;font-size:12px;line-height:1.8}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:22px;padding:16px 0;display:flex}.stats strong{font-family:Georgia,serif;font-size:25px;font-weight:400;display:block}.stats small{color:var(--muted);font-size:10px}.heading{letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;display:flex}.heading small{color:var(--muted);letter-spacing:1px;font-size:9px}.view-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.view-grid button{text-align:left;align-items:center;gap:6px;padding:9px 8px;font-size:11px;display:flex}.view-grid span{opacity:.65;font-size:16px}.layer{color:#58695d;justify-content:space-between;align-items:center;margin:10px 0;font-size:12px;display:flex}.layer input{accent-color:var(--green);width:15px;height:15px}.range{width:100%;accent-color:var(--green)}.range-labels{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.tower-select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf7;border-radius:7px;padding:9px}.side-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.source-link{text-underline-offset:4px;color:#6e806a;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.note{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.65}main{min-width:0;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}#viewport canvas{touch-action:none;display:block}.topbar{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:24px;left:30px;right:26px}.topbar .caption{letter-spacing:1.8px;color:#5b7063;font-size:10px}.top-actions{pointer-events:auto;gap:8px;display:flex}.top-actions button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f9fbf2d9;padding:9px 12px;font-size:11px}.pill{letter-spacing:.6px;background:#f6f8efbf;border:1px solid #ffffff80;border-radius:30px;padding:8px 12px;font-size:10px}.pill i{background:#7a965a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.status{letter-spacing:1px;color:#7c8b7a;font-size:10px;position:absolute;top:66px;left:30px}.compass{background:#f5f8ee80;border:1px solid #a4b09a;border-radius:50%;place-items:center;width:59px;height:59px;display:grid;position:absolute;top:93px;right:29px}.compass svg{width:38px;height:38px}.compass b{font-size:10px;font-weight:500;position:absolute;top:-16px}.dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9faf3e8;border:1px solid #fff;border-radius:14px;align-items:center;gap:4px;padding:7px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #334d3315}.dock button{background:0 0;border:0;width:37px;height:35px;padding:0;font-size:18px}.dock button.active{color:#fff;background:#395c49}.dock .separator{background:var(--line);width:1px;height:20px;margin:0 4px}.dock .help{color:#6c7c6b;white-space:nowrap;padding:0 9px;font-size:10px}.map-card{background:#f9faf3e8;border:1px solid #fff;border-radius:10px;width:188px;padding:11px;position:absolute;bottom:28px;right:24px;box-shadow:0 8px 30px #334d330a}.map-card canvas{cursor:crosshair;width:164px;height:84px;display:block}.map-card .map-label{color:#7a8978;letter-spacing:1px;justify-content:space-between;margin-bottom:4px;font-size:9px;display:flex}.scale{color:#61715e;font-size:9px;position:absolute;bottom:33px;left:30px}.scale-line{border:1px solid #66775f;border-top:0;width:90px;height:6px;margin-top:5px}.scale-labels{justify-content:space-between;display:flex}.info-card{background:#f9faf3ed;border:1px solid #fff;border-radius:12px;width:244px;padding:18px;display:none;position:absolute;top:105px;left:30px;box-shadow:0 8px 40px #334d3312}.info-card.show{display:block}.info-card h2{margin:8px 0;font-family:Georgia,PMingLiU,serif;font-size:23px;font-weight:400}.info-card .close{background:0 0;border:0;padding:4px;font-size:18px;position:absolute;top:7px;right:8px}.info-card p{color:#6b7e6a;font-size:11px;line-height:1.8}.info-card button.focus{width:100%;font-size:11px}.info-row{justify-content:space-between;margin:10px 0;font-size:11px;display:flex}.label{text-align:center;pointer-events:auto;cursor:pointer;color:#435c43;white-space:nowrap;background:#fffff1dc;border:1px solid #ffffffd9;border-radius:4px;min-width:21px;padding:3px 5px;font-size:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #1d382414}.label.selected{color:#fff;background:#395c49}.poi-label{background:#eff3dcdd;font-size:9px}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.toast{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#294b3de8;border-radius:8px;padding:11px 18px;font-size:12px;transition:opacity .2s;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}dialog{color:var(--ink);background:#f7f7f1;border:1px solid #dce0d5;border-radius:16px;max-width:min(1100px,94vw);max-height:90vh;padding:0;box-shadow:0 20px 100px #24382b33}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b2e2466}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-head h2{margin:0;font-size:15px;font-weight:500}.modal-body{padding:22px;line-height:1.8}.modal-body img{border:1px solid #e7e7df;width:100%;display:block}.modal-body details{margin:15px 0}.modal-body p,.modal-body li{color:#64765f;font-size:12px}.modal-body a{color:#395c49}.modal-body summary{cursor:pointer;font-size:12px}.kbd{background:#fff;border:1px solid #ddd;border-radius:3px;padding:2px 5px;font-size:11px}#loading{z-index:10;background:#edf0e6;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.loader-mark{color:#395c49;letter-spacing:-8px;font:48px Georgia,serif}.loading-line{background:#d3dcc7;width:120px;height:2px;margin:20px;overflow:hidden}.loading-line:after{content:"";transform-origin:0;background:#547646;height:100%;animation:1s infinite load;display:block}@keyframes load{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}.error{max-width:500px;padding:30px;line-height:1.8}.mobile-toggle{display:none}.footer-mark{letter-spacing:1px;color:#81907d;font-size:8px;position:absolute;bottom:8px;right:24px}.measure-result{font-family:Georgia,serif;font-size:22px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1100px){#app{grid-template-columns:248px 1fr}aside{padding:24px 18px}.map-card{width:155px;bottom:100px;right:15px}.map-card canvas{width:131px;height:67px}.dock .help{display:none}.topbar{left:20px}.caption{max-width:130px;line-height:1.8}.scale{left:20px}}@media (width<=700px){#app{display:block}aside{visibility:hidden;pointer-events:none;width:275px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 70px #20332230}body.menu-open aside{visibility:visible;pointer-events:auto;padding-top:65px;transform:translate(0)}main{height:100%}.mobile-toggle{z-index:5;background:#fafbf2;width:37px;height:36px;padding:0;display:block;position:absolute;top:15px;left:15px}.topbar{top:15px;left:67px;right:13px}.topbar .caption{display:none}.top-actions{margin-left:auto}.top-actions button{padding:8px}.pill{display:none}.status{top:66px;left:16px}.compass{width:43px;height:43px;top:82px;right:20px}.compass svg{width:29px;height:29px}.map-card{width:143px;bottom:100px}.map-card canvas{width:119px;height:61px}.scale{bottom:103px;left:16px}.dock{bottom:28px}.info-card{width:218px;top:95px;left:16px}.footer-mark{bottom:7px}h1{font-size:43px}}#root{height:100dvh}button:disabled{cursor:wait;opacity:.55}.scene-error{z-index:12;text-align:center;background:#edf0e6;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:30px;display:flex;position:absolute;inset:0}.scene-error h2,.scene-error p{margin:0}.scene-error details{overflow-wrap:anywhere;max-width:80%}#viewport canvas:focus-visible{outline-offset:-2px;outline:2px solid #8aab72}@media (width<=700px){.toast{white-space:normal;text-align:center;max-width:90%}.mobile-toggle{z-index:5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.public-event-panel{background:#faf5e8;border:1px solid #dec8aa;border-radius:9px;padding:14px}.public-event-panel .heading{margin-bottom:8px}.event-summary{color:#9b642f;margin:6px 0;font-size:12px}.event-schedule{color:#8c7d6b;margin:7px 0;font-size:10px;line-height:1.8}.event-manage-link{color:#8a633b;text-underline-offset:4px;margin-top:12px;font-size:11px;display:block}.event-building-chips{flex-wrap:wrap;gap:5px;display:flex}.event-building-chips button{padding:4px 6px;font-size:10px}.event-building-chips b{color:#b26c29;margin-left:3px}.label.participating{color:#9f5d21;background:#fff1d5;border-color:#d88d3c}.label.participating.selected{color:#fff;background:#395c49}body.halloween .public-event-panel{background:#37273d;border-color:#70503e}body.halloween .event-summary,body.halloween .event-manage-link{color:#ffc16e}.festival-card{background:#eceee1;border:1px solid #d8d9c8;border-radius:10px;padding:11px 12px;position:relative}.festival-toggle{cursor:pointer;align-items:center;gap:9px;display:flex}.festival-icon{color:#a96730;flex:none;width:27px;height:27px}.festival-name{flex:1}.festival-name strong{letter-spacing:.3px;font:16px Georgia,serif;display:block}.festival-name small{color:#7c8271;margin-top:3px;font-size:9px;display:block}.festival-state{letter-spacing:.6px;color:#858a79;font-size:9px}.festival-toggle input{accent-color:#d7873b;flex:none;width:17px;height:17px;margin:0}.festival-note{color:#7d8572;margin:8px 0 0;font-size:9px;line-height:1.6}.range:disabled{opacity:.4;cursor:not-allowed}body.halloween{--ink:#ecdfc9;--muted:#ac9eb5;--paper:#211e2c;--line:#494050;--green:#aa642e;--accent:#d69c57;color:var(--ink);background:#191525}body.halloween aside{background:#211e2c;border-color:#493a50}body.halloween h1,body.halloween .english,body.halloween .brand{color:#f0d6b5}body.halloween .intro,body.halloween .layer,body.halloween .note{color:#b5a5bb}body.halloween button,body.halloween select{color:#f0dfc5;background:#302736;border-color:#54425c}body.halloween button:hover{background:#493343}body.halloween button.active{color:#fff0d3;background:#a15f2c;border-color:#c58a4c}body.halloween .festival-card{background:linear-gradient(125deg,#452e31,#30243f);border-color:#98612f}body.halloween .festival-icon{color:#ef9c3c}body.halloween .festival-name strong{color:#ffd49b}body.halloween .festival-name small,body.halloween .festival-note{color:#c5a9bb}body.halloween .festival-state{color:#ffbe68}body.halloween .top-actions button,body.halloween .pill,body.halloween .dock,body.halloween .map-card,body.halloween .info-card{color:#edddc4;background:#292231e8;border-color:#5c4360}body.halloween .pill i{background:#ef993d}body.halloween .topbar .caption,body.halloween .status,body.halloween .scale,body.halloween .dock .help,body.halloween .map-label,body.halloween .footer-mark{color:#cfb8b9}body.halloween .scale-line{border-color:#c8a78c}body.halloween .source-link{color:#d7b58f;background:0 0}body.halloween .compass{color:#e6c69b;background:#302437aa;border-color:#94729f}body.halloween .compass svg path:first-child{fill:#edb26b}body.halloween .compass svg path:last-child{fill:#91609f}body.halloween .label{color:#f3dcb8;background:#32243dec;border-color:#725375}body.halloween .label.selected{color:#fff0cc;background:#bb7235}body.halloween .poi-label{color:#ffdb9f;background:#473044e8}body.halloween .info-card p{color:#c5afbf}body.halloween dialog{color:#ead8c4;background:#26202e;border-color:#604666}body.halloween .modal-body p,body.halloween .modal-body li{color:#c6b2c8}body.halloween .modal-body a{color:#e2b272}body.halloween .kbd{background:#3c2c40;border-color:#775980}body.halloween .mobile-toggle{color:#f1d3ae;background:#38283e}@media (prefers-reduced-motion:reduce){.festival-card,aside{transition:none}}