:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#303631;background:#e9e9e6;font-synthesis:none;font-weight:400;font-size:14px;--ink:#303631;--muted:#7c817a;--line:#d9dcd4;--surface:rgba(250,249,245,.94);--accent:#748270;--shadow:0 12px 40px rgba(30,37,26,.1)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button,input{font:inherit}button{border:0;background:none;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #647b62;outline-offset:4px}button:focus:not(:focus-visible){outline:none}button svg{flex-shrink:0}a{text-decoration:none}h1,h2,h3,p{margin:0}button[hidden],[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:500;color:var(--muted)}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#viewport canvas.dragging{cursor:grabbing}#viewport canvas:focus-visible{outline:0}#ui{pointer-events:none;position:absolute;inset:0}#ui button,#ui a,#ui input,.panel{pointer-events:auto}.topbar{position:absolute;top:30px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;align-items:center;padding:13px 17px 13px 14px;background:var(--surface);border:1px solid #ffffff9c;box-shadow:0 4px 16px #27302508;border-radius:7px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brandmark{width:30px;height:32px;display:block;position:relative}.brandmark i{position:absolute;background:var(--ink);height:2px;width:27px;left:1px;top:5px}.brandmark i:nth-child(2){width:21px;left:4px;top:14px}.brandmark i:nth-child(3){width:2px;height:24px;left:14px;top:6px}.brand h1{font-size:16px;letter-spacing:2px;font-weight:600;line-height:1.4}.brand p{font-size:9px;letter-spacing:1.5px;color:#747b71;line-height:1.6;margin-top:3px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button{background:var(--surface);border:1px solid #ffffffa3;box-shadow:0 4px 16px #27302508;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.soft-button{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:6px;font-size:12px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;transition:background .2s,color .2s}.top-actions .icon-button{height:42px;width:42px}.icon-button:hover,.soft-button:hover{background:#e7eae1}.icon-button[aria-expanded=true],.soft-button[aria-expanded=true]{background:#dfe6d8}.mode-badge{position:absolute;top:125px;left:37px;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:7px;color:#414b40;background:#f8faf1bb;padding:7px 10px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-dot{width:5px;height:5px;background:#8a9c7b;display:block;border-radius:50%}.tour-playing .live-dot{animation:pulse 1.7s ease infinite}.crosshair{display:none;position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px #0008}.pointer-locked .crosshair{display:block}.bottom-bar{position:absolute;left:34px;right:34px;bottom:40px;background:var(--surface);border:1px solid #ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;gap:15px;padding:14px 16px;min-height:76px;border-radius:8px;box-shadow:var(--shadow)}.route-button{display:flex;align-items:center;gap:9px;font-size:12px;padding:11px 10px;border-radius:5px;white-space:nowrap}.route-button:hover,.route-button[aria-expanded=true]{background:#e6eade}.divider{height:28px;width:1px;background:#d8dcd2}.station-info{display:flex;gap:13px;align-items:center;min-width:145px;max-width:310px}.station-number{font-size:26px;font-weight:300;letter-spacing:-1px;color:#909a88;font-variant-numeric:tabular-nums}.station-info>div{display:flex;flex-direction:column;gap:4px}.station-info .eyebrow{font-size:8px;letter-spacing:1px}.station-info strong{font-size:13px;font-weight:500;white-space:nowrap}.station-arrows{display:flex;gap:1px}.previous .icon{transform:rotate(180deg)}.station-arrows .icon{width:15px;height:15px}.spacer{flex:1}.mode-switch{background:#e9ece4;border-radius:5px;display:flex;padding:3px;flex-shrink:0}.mode-switch button{padding:9px 13px;display:flex;gap:7px;align-items:center;font-size:12px;border-radius:3px;color:#777e72}.mode-switch button .icon{height:17px;width:17px}.mode-switch button[aria-pressed=true]{background:#fafbf7;color:var(--ink);box-shadow:0 1px 4px #242d2220}.primary-button{background:#303b30;color:#fff;border-radius:5px;padding:13px 17px;display:inline-flex;gap:9px;align-items:center;font-size:12px;white-space:nowrap;transition:background .2s}.primary-button:hover{background:#485845}.primary-button .icon{width:16px;height:16px}.bottom-note{position:absolute;bottom:15px;left:37px;right:37px;color:#4f584be8;font-size:9px;letter-spacing:.6px;text-shadow:0 1px 3px #fff}.bottom-note span{padding:0 5px}.floating-button{position:absolute;bottom:135px;right:35px;background:var(--surface);border:1px solid #fff9;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:6px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow)}.floating-button:hover{background:#e6eade}.hint{position:absolute;left:50%;bottom:138px;transform:translate(-50%);background:#f8faf2cf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;color:#5b6355;font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:9px;padding:8px 12px 8px 17px;opacity:1;transition:opacity .6s,transform .6s}.hint button{height:21px;width:21px;padding:3px;display:flex;align-items:center}.hint .icon{width:14px;height:14px}.hidden-hint{opacity:0;transform:translate(-50%,8px);pointer-events:none}.hidden-hint button{pointer-events:none!important}kbd{font-family:inherit;font-size:9px;display:inline-block;min-width:16px;text-align:center;line-height:16px;border:1px solid #cfd5c7;border-radius:3px;margin:0 1px;padding:0 3px;background:#ffffff69}.touch-hint{display:none}.panel{position:absolute;top:104px;right:34px;width:340px;max-height:calc(100dvh - 236px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid #ffffffb3;border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:24px;animation:panel-in .22s ease;scrollbar-width:thin;scrollbar-color:#cbd1c4 transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.panel-heading .icon-button{margin-right:-8px;align-self:flex-start;margin-top:-7px}.panel h2{font-size:20px;font-weight:500;letter-spacing:1px;margin-top:8px;line-height:1.4}.panel h3{font-size:13px;font-weight:500;line-height:1.5}.panel-footnote{font-size:10px;color:#899080;line-height:1.8;border-top:1px solid #d9dfd2;padding-top:16px;margin-top:20px}.route-panel{inset:auto auto 132px 34px;max-height:calc(100dvh - 244px)}.route-map{background:#e9ede4;border-radius:5px;margin:0 0 15px;position:relative}.route-map>span{position:absolute;left:10px;bottom:8px;font-size:8px;letter-spacing:.5px;color:#939d89}.route-map svg{display:block;width:100%;height:150px}.map-path{stroke:#bbc4b1;fill:none;stroke-width:1;stroke-dasharray:3 4}.map-station circle{fill:#fafbf5;stroke:#c2ccb8;stroke-width:1}.map-station text{font-size:7px;fill:#839475}.map-station.current circle{fill:#53684b;stroke:#53684b}.map-station.current text{fill:#fff}.station-list{display:flex;flex-direction:column;gap:3px}.station-item{display:flex;align-items:center;gap:13px;padding:13px 10px;text-align:left;border-radius:5px;width:100%;font-size:12px}.station-item:hover{background:#eaeee5}.station-item[aria-current=true]{background:#e0e7d8}.route-number{color:#919d85;font-size:10px;letter-spacing:.7px}.route-label{flex:1}.station-item .icon{width:12px;height:12px;color:#98a68b}.station-item[aria-current=true] .route-label{font-weight:500}.reference-image-button{display:block;padding:0;width:100%;overflow:hidden;border-radius:4px;background:#ddd}.reference-image-button img{width:100%;height:180px;object-fit:cover;display:block;transition:transform .3s}.reference-image-button:hover img{transform:scale(1.03)}.reference-meta{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px;color:#8c9583;font-size:9px;letter-spacing:.5px}.reference-tag{border:1px solid #d6ddcf;border-radius:3px;padding:3px 6px;font-size:8px}.reference-description{margin-top:9px;font-size:11px;color:#6e7864;line-height:1.9}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #dce1d6;font-size:12px;cursor:pointer}.setting-row>span{display:flex;align-items:center;gap:10px}.setting-row .icon{height:18px;width:18px}input[type=checkbox]{appearance:none;display:block;width:33px;height:19px;background:#cdd2c6;border-radius:14px;cursor:pointer;position:relative;transition:background .2s}input[type=checkbox]:after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:transform .2s}input[type=checkbox]:checked{background:#6d8262}input[type=checkbox]:checked:after{transform:translate(14px)}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:0 0 9px}.range-label output{color:#89957d;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#708566;height:3px;display:block;margin:16px 0 25px;cursor:pointer}.settings-actions{padding-top:12px;border-top:1px solid #dce1d6;display:flex;flex-direction:column;gap:2px}.text-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 5px;font-size:11px;border-radius:4px;text-align:left}.text-button:hover{background:#e6ebdf}.text-button .icon{width:17px;height:17px;color:#76866b}.filetype{margin-left:auto;font-size:8px;color:#8e9984;border:1px solid #d1d9c9;border-radius:3px;padding:2px 4px}.help-panel{width:360px}.help-panel h2{font-size:18px}.help-item{margin:0 0 23px}.help-item>div{display:flex;align-items:center;gap:10px;margin-bottom:9px}.help-item .icon{height:17px;width:17px;color:#7d8a72}.help-item p{font-size:11px;color:#74806a;line-height:1.9;padding-left:27px}.help-item kbd{font-size:8px;min-width:14px;line-height:14px}.help-panel .panel-footnote{font-size:10px}.joystick{display:none;position:absolute;left:28px;bottom:145px;width:100px;height:100px;border-radius:50%;background:#f4f7ec40;border:1px solid #f3f6e6a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;touch-action:none;align-items:center;justify-content:center}.joystick-thumb{width:38px;height:38px;border-radius:50%;background:#f2f6e3b3;border:1px solid #ffffffe0;box-shadow:0 2px 8px #343e241c;pointer-events:none}.loading{position:absolute;inset:0;z-index:20;background:#eeeee8;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s;opacity:1}.loading.loaded{opacity:0;pointer-events:none}.loading-emblem{position:relative;width:75px;height:80px;margin-bottom:43px;transform:rotate(-8deg)}.loading-emblem span{position:absolute;display:block;width:52px;height:52px;border:1px solid #99a78b;transform:rotate(30deg) skew(-15deg,-15deg);top:0;left:8px}.loading-emblem span:nth-child(2){top:12px;opacity:.65}.loading-emblem span:nth-child(3){top:24px;opacity:.3}.loading .eyebrow{font-size:9px;letter-spacing:3px;color:#89937f}.loading h2{font-size:30px;font-weight:400;letter-spacing:6px;margin-top:15px;margin-left:6px}.loading #loading-label{font-size:11px;color:#87917e;margin-top:19px;max-width:min(450px,80vw);text-align:center;line-height:1.8}.progress-track{width:190px;height:2px;background:#d9dfd1;margin-top:30px;border-radius:2px;overflow:hidden}.progress-track>div{width:0%;height:100%;background:#788d6a;transition:width .3s}.loading #progress-number{margin-top:12px;font-size:9px;color:#9aa590;font-variant-numeric:tabular-nums}.loading .loading-footnote{position:absolute;bottom:38px;font-size:9px;letter-spacing:3px;color:#99a08f}.loading .primary-button{margin-top:20px}.load-error .progress-track{display:none}.toast{position:absolute;bottom:145px;left:50%;transform:translate(-50%,10px);padding:12px 20px;background:#303d2ced;color:#f2f5eb;border:1px solid #dfe8d51a;border-radius:5px;font-size:11px;max-width:90vw;z-index:30;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center;box-shadow:var(--shadow)}.toast.visible{opacity:1;transform:translate(-50%)}dialog{border:0;background:#f6f7f0;color:var(--ink);border-radius:6px;padding:12px;max-width:94vw;max-height:94dvh;box-shadow:0 10px 80px #0004;overflow:visible}dialog::backdrop{background:#1b2319cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog img{display:block;max-width:90vw;max-height:83dvh;object-fit:contain}dialog p{font-size:11px;margin:11px 5px 2px;color:#818b75}.dialog-close{position:absolute;right:0;top:-42px;width:34px;height:34px;color:#fff;background:#52614780;border:1px solid #eff6e229;border-radius:50%;display:flex;align-items:center;justify-content:center}.dialog-close:hover{background:#718766}.dialog-close .icon{width:17px;height:17px}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){.topbar{top:38px;left:42px;right:42px}.bottom-bar{left:42px;right:42px;bottom:46px}.mode-badge{top:134px;left:45px}.bottom-note{left:45px;bottom:20px}.floating-button{right:43px;bottom:147px}.panel{right:42px;top:114px}.route-panel{top:auto;left:42px;bottom:139px}.hint{bottom:150px}}@media(max-width:1000px){.bottom-bar{gap:9px;padding:12px}.route-button{padding:11px 6px}.route-button span{display:none}.station-info{min-width:135px;gap:9px}.station-info strong{font-size:12px}.station-arrows .icon-button{width:29px}.mode-switch button{padding:9px}.primary-button{padding:13px}.topbar{left:24px;right:24px;top:24px}.bottom-bar{left:24px;right:24px}.mode-badge{left:27px;top:115px}.bottom-note{left:27px;right:27px}.floating-button{right:25px}.panel{right:24px;top:98px}.route-panel{top:auto;left:24px}}@media(max-width:680px){.topbar{top:16px;left:16px;right:16px;gap:12px}.brand{padding:10px 11px;gap:9px;border-radius:5px}.brandmark{width:24px;height:29px;transform:scale(.8);transform-origin:center}.brand h1{font-size:12px;letter-spacing:1px}.brand p{font-size:8px;letter-spacing:.8px}.top-actions{gap:5px}.top-actions .icon-button{height:35px;width:35px}.top-actions .icon{height:17px;width:17px}.soft-button{height:35px;padding:0 9px}.soft-button span,.top-actions #help-button{display:none}.mode-badge{left:18px;top:97px;font-size:9px;padding:6px 9px}.bottom-bar{left:12px;right:12px;bottom:32px;padding:9px 10px;gap:8px;flex-wrap:wrap;border-radius:7px;min-height:100px}.route-button{order:0;padding:4px}.divider{display:none}.station-info{order:1;min-width:0;max-width:none;flex:1;gap:8px}.station-info strong{font-size:11px}.station-info .eyebrow{display:none}.station-number{font-size:18px}.station-arrows{order:2}.station-arrows .icon-button{height:27px;width:27px}.spacer{display:none}.mode-switch{order:3;margin-top:2px;width:calc(56% - 4px);justify-content:stretch;padding:2px}.mode-switch button{flex:1;justify-content:center;padding:8px 6px;font-size:11px;gap:5px}.primary-button#tour-button{order:4;width:calc(44% - 4px);padding:10px 9px;margin-top:2px;justify-content:center;font-size:11px;gap:6px}.bottom-note{bottom:12px;left:17px;right:17px;font-size:8px;letter-spacing:.1px}.floating-button{bottom:146px;right:15px;width:36px;height:36px}.floating-button .icon{height:17px;width:17px}.hint{bottom:149px;font-size:9px;max-width:calc(100vw - 114px);padding:7px 9px 7px 12px;left:15px;transform:none;gap:3px}.hidden-hint{transform:translateY(7px)}.hint kbd{font-size:8px;min-width:12px;line-height:14px;padding:0 2px}.hint .desktop-hint{white-space:normal;line-height:1.7}.panel,.help-panel{top:91px;right:12px;left:auto;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 240px);padding:21px}.route-panel{inset:auto auto 144px 12px;max-height:calc(100dvh - 239px)}.panel h2{font-size:18px}.panel-heading{margin-bottom:20px}.panel .reference-image-button img{height:165px}.route-map svg{height:115px}.station-item{padding:11px 8px;font-size:11px}.route-panel .panel-footnote{display:none}.joystick{left:22px;bottom:159px;width:84px;height:84px}.joystick-thumb{width:32px;height:32px}.toast{bottom:151px;font-size:10px;width:max-content;max-width:90vw}.loading h2{font-size:26px}.loading .loading-footnote{letter-spacing:1.5px}}@media(pointer:coarse){body[data-mode=walk] .joystick{display:flex}.desktop-hint{display:none}.touch-hint{display:inline}.hint{bottom:263px;left:22px;transform:none;border-radius:5px;padding:8px 10px;font-size:9px;max-width:230px}.hidden-hint{transform:translateY(6px)}body[data-mode=orbit] .hint{bottom:150px}.joystick{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(max-width:680px){.bottom-bar{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr) 60px;grid-template-rows:28px 37px;gap:8px;min-height:0}.route-button{grid-column:1;grid-row:1;justify-content:center;padding:3px}.station-info{grid-column:2 / 4;grid-row:1;min-width:0;max-width:100%}.station-info>div{min-width:0}.station-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-arrows{grid-column:4;grid-row:1;justify-content:flex-end}.mode-switch{grid-column:1 / 3;grid-row:2;width:auto;margin-top:0}.primary-button#tour-button{grid-column:3 / 5;grid-row:2;width:auto;margin-top:0}}.source-video-link{display:flex;gap:7px;align-items:center;margin-top:18px;font-size:10px;color:#657d57;width:max-content;padding:4px 0;border-bottom:1px solid #c7d2bd}.source-video-link .icon{width:12px;height:12px}.source-video-link>span{font-size:13px;margin-left:5px}.source-video-link:hover{color:#334c26;border-color:#789365}#viewport canvas{transition:opacity .15s ease}#viewport canvas.view-changing{opacity:0}.bottom-note{color:#5f685a}.reference-image-button img{object-position:center 48%}