:root{color:#f7fbff;font-synthesis:none;--navy:#082d57;--orange:#ef5a17;--cream:#fff7e8;--glass:#061524db;--line:#ffffff29;background:#07131f;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #70bde6}a:focus-visible{outline-offset:3px;outline:3px solid #70bde6}.skip-link{z-index:1000;color:#082d57;background:#fff;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#scene,#scene canvas{width:100%;height:100%;display:block}.topbar{z-index:20;pointer-events:none;background:linear-gradient(#040f1be6,#040f1b1f);align-items:center;gap:2rem;height:76px;padding:0 2rem;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.topbar>*{pointer-events:auto}.brand-lockup{align-items:center;margin-right:auto;display:flex}.brand-logo-crop{background:#fff;border-radius:4px;width:168px;height:48px;display:block;overflow:hidden;box-shadow:0 8px 24px #0000002e}.brand-logo-crop img{width:168px;height:auto;display:block}.event-meta{color:#ffffffb8;letter-spacing:.05em;gap:1rem;font-size:.75rem;display:flex}.event-meta span+span{border-left:1px solid var(--line);padding-left:1rem}.icon-button{border:1px solid var(--line);cursor:pointer;background:#071a2c8c;border-radius:50%;width:42px;height:42px;font-size:1.3rem}.control-rail{z-index:20;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:.45rem;padding:.45rem;display:grid;position:fixed;top:50%;left:1.5rem;transform:translateY(-50%)}.control-rail button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;width:62px;min-height:58px;transition:all .2s}.control-rail button:hover,.control-rail button.active{color:#fff;background:#ffffff1f}.control-rail button.active{box-shadow:inset 3px 0 var(--orange)}.control-rail span{font-size:1.2rem;display:block}.control-rail b{margin-top:.25rem;font-size:.66rem;font-weight:600;display:block}.story-panel{z-index:18;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(352px,100vw - 2rem);padding:1.35rem;transition:transform .35s,opacity .35s;position:fixed;top:92px;right:1.5rem;box-shadow:0 22px 64px #00000047}.chapter-kicker{color:#8fcef1;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.66rem;display:flex}.chapter-kicker span:first-child{color:#fff;background:var(--orange);padding:.2rem .42rem}.story-panel h2{letter-spacing:-.03em;margin:1rem 0 .6rem;font-size:1.85rem;line-height:1.15}.story-panel>p{color:#ffffffb8;margin:0;font-size:.86rem;line-height:1.75}.metrics{flex-wrap:wrap;gap:.45rem;margin:1rem 0;display:flex}.metrics span{color:#b8e2fa;border:1px solid #70bde652;padding:.35rem .55rem;font-size:.66rem}.reference-card{background:#ffffff12;margin:.25rem 0 1rem}.reference-card button{cursor:zoom-in;background:#000;border:0;width:100%;height:128px;padding:0;display:block;overflow:hidden}.reference-card img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.reference-card button:hover img{transform:scale(1.035)}.reference-card figcaption{justify-content:space-between;align-items:center;padding:.6rem .7rem;font-size:.68rem;display:flex}.reference-card figcaption small{color:#ffffff75}.story-actions{grid-template-columns:36px 1fr 36px;align-items:center;gap:.5rem;display:grid}.story-actions>button{border:1px solid var(--line);cursor:pointer;background:0 0;height:34px}#chapter-dots{justify-content:center;gap:.35rem;display:flex}#chapter-dots button{cursor:pointer;background:#ffffff40;border:0;border-radius:50%;width:6px;height:6px;padding:0}#chapter-dots button.active{background:var(--orange);border-radius:3px;width:20px}.photo-drawer{z-index:40;background:#091a2b;width:min(720px,94vw);padding:2rem;animation:.3s ease-out drawer;position:fixed;top:0;bottom:0;left:auto;right:0;overflow-y:auto;box-shadow:-30px 0 90px #00000073}@keyframes drawer{0%{transform:translate(100%)}}.drawer-head{justify-content:space-between;align-items:start;display:flex}.drawer-head small{color:#70bde6;letter-spacing:.16em}.drawer-head h2{margin:.25rem 0;font-size:2.2rem}.drawer-head button,#modal-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:44px;height:44px;font-size:1.5rem}.photo-drawer>p{color:#ffffffa3;max-width:35rem;line-height:1.7}.photo-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.2rem;display:grid}.photo-grid button{cursor:zoom-in;text-align:left;background:#132a3e;border:0;height:180px;padding:0;position:relative;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.photo-grid button:hover img{transform:scale(1.04)}.photo-grid span{background:linear-gradient(#0000,#000000d9);padding:2rem .75rem .7rem;font-size:.72rem;position:absolute;top:auto;bottom:0;left:0;right:0}.street-links{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0;display:grid}.street-links a{color:#a9dcf7;border:1px solid #31516b;padding:1rem;text-decoration:none}.minimap-wrap{z-index:18;border:1px solid var(--line);background:#061524d1;width:220px;height:150px;position:fixed;bottom:1.5rem;left:1.5rem;overflow:hidden}.minimap-wrap canvas{width:100%;height:100%}.minimap-wrap>span{color:#ffffff9e;font-size:.58rem;position:absolute;top:.45rem;right:.55rem}.status-pill{z-index:18;border:1px solid var(--line);color:#ffffffb3;background:#051421cc;padding:.65rem .9rem;font-size:.69rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.walk-hint{z-index:15;pointer-events:none;text-shadow:0 2px 10px #000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.walk-hint strong{font-size:1.15rem}.walk-hint span{color:#ffffffb3;margin-top:.5rem;font-size:.75rem}.intro{z-index:80;background:#061827;align-items:flex-end;padding:clamp(1.5rem,5vw,5rem);transition:opacity .65s,visibility .65s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.intro.hidden{opacity:0;visibility:hidden}.intro>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.intro-shade{background:linear-gradient(90deg,#03101df7 0%,#03101db8 46%,#03101d14 82%),linear-gradient(#0000 45%,#03101dcc);position:absolute;top:0;bottom:0;left:0;right:0}.intro-content{width:min(760px,94vw);position:relative}.eyebrow{color:#8fd2f5;letter-spacing:.18em;margin:0 0 1rem;font-size:.68rem}.intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(3.1rem,6.1vw,6rem);line-height:.95}.intro-content>p:not(.eyebrow){color:#ffffffbf;max-width:34rem;line-height:1.7}.intro-actions{flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 1rem;display:flex}.intro-actions button{cursor:pointer;background:#04121f66;border:1px solid #ffffff4d;min-height:48px;padding:0 1.1rem}.intro-actions .primary{background:var(--orange);border-color:var(--orange);font-weight:700}.intro-actions .primary span{margin-left:1.3rem}.intro-content>small{color:#ffffff80}.intro-credit{color:#ffffff8c;margin:0;font-size:.58rem;position:absolute;bottom:1rem;right:1.2rem}dialog{color:#fff;background:#071827;border:1px solid #fff3;width:min(1080px,94vw);max-height:92vh;padding:0;box-shadow:0 30px 100px #000000b3}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7}dialog>img{object-fit:contain;background:#02070b;width:100%;max-height:72vh;display:block}dialog>div{padding:1rem 1.2rem}dialog h2{margin:0 0 .25rem}dialog p{color:#fff9;margin:0}#modal-close{z-index:2;background:#000000a6;position:absolute;top:.8rem;right:.8rem}.loading{z-index:100;background:#071827;place-content:center;justify-items:center;transition:opacity .45s,visibility .45s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loading.hidden{opacity:0;visibility:hidden}.loading span{border:3px solid #ffffff26;border-top-color:#ef5a17;border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin}.loading p{color:#ffffffa6;font-size:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.event-meta,.minimap-wrap{display:none}.topbar{padding:0 1rem}.story-panel{width:calc(100vw - 1.5rem);padding:1rem;top:auto;bottom:.75rem;right:.75rem}.story-panel h2{font-size:1.35rem}.story-panel>p{max-height:3.2em;overflow:hidden}.reference-card{display:none}.control-rail{grid-auto-flow:column;top:82px;left:.75rem;transform:none}.control-rail button{width:52px;min-height:48px}.control-rail b,.status-pill{display:none}.photo-grid{grid-template-columns:1fr}.photo-grid button{height:210px}.street-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}