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