:root{color-scheme:dark;--bg:#07101d;--bg-deep:#040913;--panel:#091422e0;--panel-strong:#0a1728f7;--panel-soft:#112338b8;--line:#94b4d629;--line-strong:#94b4d64d;--text:#f2f7fb;--muted:#8fa8bc;--muted-2:#647d92;--cyan:#4ce4ff;--cyan-soft:#4ce4ff24;--green:#5ff4b0;--orange:#ffb452;--danger:#ff6d7e;--radius:14px;--shadow:0 24px 70px #0000006b;font-synthesis:none;font-family:Inter,Noto Sans JP,Yu Gothic UI,Yu Gothic,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg-deep);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}#app-shell{width:100%;height:100%}@supports (height:100dvh){#app-shell{height:100dvh}}.topbar{z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#050d18eb;grid-template-columns:304px minmax(0,1fr) auto;align-items:center;height:68px;display:grid;position:relative;box-shadow:0 10px 32px #0000002e}.brand-block,.station-title{align-items:center;height:100%;display:flex}.brand-block{border-right:1px solid var(--line);gap:13px;padding:0 22px}.brand-block strong{letter-spacing:.14em;font-size:13px;display:block}.brand-block small,.station-title small{color:var(--muted-2);letter-spacing:.04em;margin-top:3px;font-size:10px;display:block}.brand-mark{align-content:center;gap:3px;width:27px;height:29px;display:grid;transform:skewY(-10deg)}.brand-mark span{background:linear-gradient(90deg,#4ce4ff1a,#4ce4ff8c);border:1px solid #4ce4ffa6;height:5px;display:block;box-shadow:0 0 18px #4ce4ff38}.brand-mark span:nth-child(2){margin-left:4px}.brand-mark span:nth-child(3){margin-left:8px}.station-title{gap:10px;min-width:0;padding:0 20px}.station-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.live-dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #5ff4b014,0 0 16px #5ff4b099}.topbar-actions{gap:8px;padding-right:16px;display:flex}.button,.icon-button,.swap-button,.close-button{color:var(--text);border:0}.button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.button svg{width:16px;height:16px}.button.ghost{color:var(--muted);background:0 0;border:1px solid #0000}.button.ghost:hover{border-color:var(--line);background:var(--panel-soft);color:var(--text)}.button.primary{color:#03131f;background:linear-gradient(135deg,#1dc6e9,#21a5f5);box-shadow:0 8px 24px #21a5f538}.button.primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.button.secondary{background:var(--cyan-soft);color:#baf5ff;border:1px solid #4ce4ff3d}.button.secondary:hover{background:#4ce4ff33;border-color:#4ce4ff7a}.button.text{min-height:28px;color:var(--muted);background:0 0;padding:0}.map-stage{background:radial-gradient(circle at 58% 36%,#1b4e7029,#0000 32%),radial-gradient(circle at 75% 82%,#3f23731f,#0000 30%),linear-gradient(150deg,#07101d,#050b14 58%,#030810);width:100%;height:calc(100% - 68px);position:relative;overflow:hidden}#map-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#map-canvas[data-view-mode="2d"],#map-canvas[data-drag-action=pan]{cursor:move}#map-canvas[data-drag-action=rotate]{cursor:grabbing}.labels-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.poi-label{z-index:5;max-width:190px;color:var(--text);backdrop-filter:blur(9px);pointer-events:auto;white-space:nowrap;user-select:none;background:#050d17db;border:1px solid #acd3ec38;border-radius:7px;align-items:center;gap:6px;padding:5px 8px 5px 6px;transition:opacity .12s,transform .12s,border-color .12s;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 9px));box-shadow:0 8px 24px #00000057}.poi-label[hidden]{display:none!important}.poi-label:after{content:"";background:#050d17db;border-bottom:1px solid #acd3ec38;border-right:1px solid #acd3ec38;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.poi-label:hover,.poi-label.selected{border-color:#4ce4ff8f;transform:translate(-50%,calc(-100% - 11px))}.poi-label.route-endpoint{border-color:#ffb4529e;box-shadow:0 8px 24px #00000057,0 0 20px #ffb45224}.poi-label .label-icon{width:20px;height:20px;color:var(--cyan);background:#4ce4ff1f;border-radius:5px;flex:none;place-items:center;font-size:11px;font-weight:900;display:grid}.poi-label .label-copy{min-width:0}.poi-label strong{text-overflow:ellipsis;letter-spacing:.01em;max-width:145px;font-size:10px;display:block;overflow:hidden}.poi-label small{color:var(--muted-2);font-size:8px;display:block}.sidebar{z-index:20;border-right:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px)saturate(115%);width:304px;height:calc(100% - 30px);position:absolute;top:0;left:0;box-shadow:18px 0 46px #0000002e}.sidebar-scrim{display:none}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#92b5d040 transparent;height:100%;overflow-y:auto}.panel-section{border-bottom:1px solid var(--line);padding:20px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading.compact{margin-bottom:10px}.section-heading h2{letter-spacing:.01em;margin:2px 0 0;font-size:14px}.sidebar-close{flex:none;width:36px;height:36px;position:static}.eyebrow{color:var(--muted-2);letter-spacing:.17em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.count-badge,.route-state{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:999px;flex:none;font-size:9px;font-weight:700}.count-badge{text-align:center;min-width:25px;padding:4px 7px}.route-state{color:#8deeca;background:#5ff4b012;border-color:#5ff4b02e;padding:4px 8px}.search-box{border:1px solid var(--line-strong);background:#030a129e;border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;height:39px;padding:0 10px;transition:all .15s;display:grid}.search-box:focus-within{border-color:#4ce4ff8c;box-shadow:0 0 0 3px #4ce4ff14}.search-box svg{width:17px;color:var(--muted)}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:#5f788d}.search-box kbd{border:1px solid var(--line);color:var(--muted-2);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:8px}.chip-row{scrollbar-width:none;gap:6px;margin-top:10px;padding-bottom:3px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line);height:26px;color:var(--muted);background:#ffffff06;border-radius:999px;flex:none;padding:0 9px;font-size:9px;font-weight:700;transition:all .12s}.filter-chip:hover{color:var(--text);border-color:var(--line-strong)}.filter-chip.active{color:#bcf6ff;background:#4ce4ff1f;border-color:#4ce4ff61}.search-results{gap:4px;max-height:194px;margin-top:10px;padding-right:2px;display:grid;overflow-y:auto}.search-result{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;transition:all .12s;display:grid}.search-result:hover,.search-result.selected{border-color:var(--line);background:#ffffff0b}.result-icon{background:var(--cyan-soft);width:27px;height:27px;color:var(--cyan);border-radius:7px;place-items:center;font-size:10px;font-weight:900;display:grid}.search-result strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.search-result small{color:var(--muted-2);margin-top:2px;font-size:8px;display:block}.result-floor{color:var(--muted);font-size:8px;font-weight:800}.empty-results{color:var(--muted-2);text-align:center;padding:14px 8px;font-size:10px}.route-inputs{grid-template-columns:20px minmax(0,1fr) 31px;grid-template-areas:"rail from swap""rail to swap";gap:8px 9px;display:grid;position:relative}.route-inputs .route-from-field{grid-area:from}.route-inputs .route-to-field{grid-area:to}.route-inputs label{border:1px solid var(--line);background:#030a128a;border-radius:8px;flex-direction:column;justify-content:center;min-width:0;height:48px;padding:0 10px;display:flex}.route-inputs label>span{color:var(--muted-2);font-size:8px}.route-inputs select{width:100%;color:var(--text);text-overflow:ellipsis;background:0 0;border:0;outline:0;margin-top:2px;padding:0 20px 0 0;font-size:10px;font-weight:700}.route-inputs select option{background:#0d1b2c}.route-rail{flex-direction:column;grid-area:rail;justify-content:space-between;align-items:center;padding:17px 0;display:flex;position:relative}.route-rail span{background:linear-gradient(var(--cyan), var(--orange));opacity:.58;width:1px;position:absolute;top:25px;bottom:25px}.route-rail i{z-index:1;border-radius:50%;width:8px;height:8px;position:relative}.route-rail .start{border:2px solid var(--cyan);background:var(--panel-strong);box-shadow:0 0 12px #4ce4ff73}.route-rail .goal{background:var(--orange);border-radius:2px;box-shadow:0 0 12px #ffb45273}.swap-button{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);background:#ffffff09;border-radius:8px;grid-area:swap;align-self:center;place-items:center;display:grid}.swap-button:hover{color:var(--cyan);border-color:#4ce4ff57}.swap-button svg{width:15px;height:15px}.toggle-card{border:1px solid var(--line);background:#ffffff06;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;margin-top:12px;padding:8px 10px;display:flex}.toggle-copy{align-items:center;gap:9px;min-width:0;display:flex}.toggle-copy>span:last-child{min-width:0}.toggle-icon{color:#8af4c8;background:#5ff4b014;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;font-size:14px;display:grid}.toggle-copy strong,.toggle-copy small{display:block}.toggle-copy strong{font-size:10px}.toggle-copy small{color:var(--muted-2);margin-top:2px;font-size:8px}.switch{flex:none;width:34px;height:19px;position:relative}.switch input{opacity:0;position:absolute}.switch i{border:1px solid var(--line-strong);background:#132338;border-radius:999px;transition:all .15s;position:absolute;inset:0}.switch i:after{content:"";background:#7c91a3;border-radius:50%;width:13px;height:13px;transition:all .15s;position:absolute;top:2px;left:2px}.switch input:checked+i{background:#5ff4b03d;border-color:#5ff4b073}.switch input:checked+i:after{background:var(--green);left:17px;box-shadow:0 0 10px #5ff4b08a}.route-summary{border:1px solid var(--line);background:var(--line);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:13px;display:grid;overflow:hidden}.route-follow-start{letter-spacing:.02em;width:100%;min-height:44px;margin-top:10px}.route-follow-start:disabled{border:1px solid var(--line);color:var(--muted);box-shadow:none;background:#1e394d80}.summary-metric{text-align:center;background:#050e18e0;min-width:0;padding:9px 7px}.summary-metric strong,.summary-metric span{display:block}.summary-metric strong{letter-spacing:-.02em;font-size:13px}.summary-metric span{color:var(--muted-2);letter-spacing:.08em;margin-top:2px;font-size:7px}.route-error{color:#ff9daa;text-align:center;background:#ff6d7e14;grid-column:1/-1;padding:13px;font-size:9px}.route-steps{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.route-steps li{min-height:28px;position:relative}.route-step-button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;padding:0;display:grid}.route-step-button:hover{background:#ffffff0a}.route-steps li:not(:last-child):after{content:"";background:var(--line-strong);width:1px;position:absolute;top:22px;bottom:-9px;left:11px}.step-index{z-index:1;border:1px solid var(--line-strong);width:23px;height:23px;color:var(--cyan);background:#0b1928;border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid;position:relative}.step-copy strong{padding-top:1px;font-size:9px;line-height:1.45;display:block}.step-copy small{color:var(--muted-2);margin-top:1px;font-size:8px;display:block}.data-card{border:1px solid var(--line);background:#ffffff06;border-radius:9px;padding:11px}.station-picker{gap:5px;display:grid}.station-picker>span{color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:700}.station-picker select{border:1px solid var(--line-strong);width:100%;min-width:0;height:40px;color:var(--text);background:#0b1928;border-radius:7px;padding:0 30px 0 9px;font-size:12px;font-weight:700}.station-picker select:disabled{cursor:wait;color:var(--muted);opacity:.72}.data-status[aria-busy=true]{opacity:.58}.data-details{border-top:1px solid var(--line);margin-top:8px}.data-details>summary{min-height:40px;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;list-style:none;display:flex}.data-details>summary::-webkit-details-marker{display:none}.data-details>summary:after{content:"＋";color:var(--cyan);flex:none;font-size:14px;font-weight:400}.data-details[open]>summary:after{content:"−"}.data-details-body{padding:2px 0 1px}.data-card strong{font-size:12px}.data-card p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.65}.data-actions{align-items:center;gap:10px;margin-top:10px;display:flex}.data-actions .button{width:100%}.floor-rail{z-index:12;border:1px solid var(--line);width:46px;box-shadow:var(--shadow);backdrop-filter:blur(14px);background:#060f1ac2;border-radius:11px;gap:5px;padding:6px;display:grid;position:absolute;top:18px;right:18px}.floor-button{height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;font-size:9px;font-weight:800;transition:all .13s;position:relative}.floor-button:before{content:"";background:var(--floor-color,var(--cyan));opacity:0;width:2px;box-shadow:0 0 10px var(--floor-color,var(--cyan));border-radius:999px;position:absolute;top:8px;bottom:8px;left:-3px}.floor-button:hover{color:var(--text);background:#ffffff0d}.floor-button.active{border-color:color-mix(in srgb, var(--floor-color,var(--cyan)) 42%, transparent);background:color-mix(in srgb, var(--floor-color,var(--cyan)) 14%, transparent);color:#fff}.floor-button.active:before{opacity:1}.floor-button.follow-current{border-color:color-mix(in srgb, var(--floor-color,var(--cyan)) 74%, #fff 8%);background:color-mix(in srgb, var(--floor-color,var(--cyan)) 28%, transparent);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--floor-color,var(--cyan)) 24%, transparent), 0 0 16px color-mix(in srgb, var(--floor-color,var(--cyan)) 25%, transparent)}.floor-button.follow-current:before{opacity:1;width:3px}.floor-button.all{border-bottom-color:var(--line);color:var(--text);border-radius:7px 7px 3px 3px;margin-bottom:2px}.view-toolbar{z-index:12;border:1px solid var(--line);min-height:42px;box-shadow:var(--shadow);backdrop-filter:blur(14px);background:#060f1ac7;border-radius:11px;align-items:center;gap:7px;padding:5px;display:flex;position:absolute;bottom:47px;left:326px}.segmented{background:#00000047;border-radius:7px;grid-template-columns:1fr 1fr;height:30px;padding:2px;display:grid}.segmented button{min-width:37px;color:var(--muted);background:0 0;border:0;border-radius:5px;font-size:9px;font-weight:800}.segmented button.active{color:#c8f8ff;background:#4ce4ff26;box-shadow:inset 0 0 0 1px #4ce4ff2b}.toolbar-toggle{border-left:1px solid var(--line);height:30px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:flex}.toolbar-toggle input{width:13px;height:13px;accent-color:var(--cyan)}.toolbar-toggle svg{width:14px;height:14px}.network-swatch{background:repeating-linear-gradient(90deg, var(--cyan), var(--cyan) 3px, transparent 3px, transparent 5px);width:14px;height:2px;box-shadow:0 0 7px #4ce4ff80}.explode-control{border-left:1px solid var(--line);min-width:146px;height:30px;color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 8px;font-size:9px;display:grid}.explode-control input{width:82px;accent-color:var(--cyan)}.free-walk-start{border-left:1px solid var(--line);white-space:nowrap;border-radius:7px;flex:none;min-height:30px;padding:0 10px;font-size:10px}.free-walk-start svg{width:15px;height:15px}.first-person-speed{min-width:176px;min-height:44px;color:var(--muted);white-space:nowrap;background:#0000003d;border:1px solid #94b4d62e;border-radius:9px;grid-template-columns:auto minmax(92px,1fr);align-items:center;gap:8px;padding:4px 9px;font-size:9px;font-weight:700;display:grid}.first-person-speed span{align-items:baseline;gap:5px;display:inline-flex}.first-person-speed output{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.first-person-speed input{width:100%;min-width:0;height:32px;accent-color:var(--cyan);cursor:pointer;touch-action:manipulation;margin:0}.first-person-speed input:disabled{cursor:not-allowed}.free-walk-hud{z-index:24;min-height:64px;box-shadow:var(--shadow), 0 0 28px #5ff4b014;backdrop-filter:blur(18px)saturate(115%);background:#060f1aeb;border:1px solid #5ff4b03d;border-radius:12px;grid-template-columns:minmax(250px,1fr) auto;grid-template-areas:"readout actions""transition transition";align-items:center;gap:10px 14px;padding:9px 10px 9px 13px;display:grid;position:absolute;bottom:47px;left:326px;right:18px}.free-walk-hud[hidden]{display:none!important}.free-walk-readout{grid-area:readout;gap:7px;min-width:0;display:grid}.free-walk-meta{min-width:0;color:var(--muted);align-items:center;gap:9px;font-size:9px;display:flex}.free-walk-meta strong{color:var(--text);white-space:nowrap;font-size:11px}.free-walk-floor-label{background:#5ff4b01c;border:1px solid #5ff4b040;border-radius:999px;align-items:center;display:inline-flex}.free-walk-floor-label select{border-radius:inherit;color:#caffea;background:0 0;border:0;outline:0;min-width:62px;height:27px;padding:0 22px 0 8px;font-size:10px;font-weight:800}.free-walk-floor-label option{background:var(--panel-strong);color:var(--text)}.free-walk-distance-label{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}.free-walk-distance-label span{color:#caffea;font-weight:800}.free-walk-help{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;line-height:1.5;overflow:hidden}.free-walk-help kbd{border:1px solid var(--line-strong);color:var(--muted);background:#ffffff0a;border-radius:4px;padding:1px 4px;font-size:8px}.free-walk-help-mobile{display:none}.free-walk-speed{background:#5ff4b012;border-color:#5ff4b033;grid-template-columns:auto minmax(110px,1fr);width:min(100%,330px);min-height:36px;padding-top:1px;padding-bottom:1px}.free-walk-speed input{accent-color:var(--green)}.free-walk-actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.free-walk-actions .button{white-space:nowrap;touch-action:manipulation;min-height:44px}.free-walk-look{min-width:126px}.free-walk-exit{color:#ffb7c0}.free-walk-transition-control{background:#5ff4b014;border:1px solid #5ff4b040;border-radius:9px;grid-area:transition;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.free-walk-transition-control[hidden]{display:none!important}.free-walk-transition-readout{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px 8px;min-width:0;display:grid}.free-walk-transition-readout strong{color:#caffea;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.free-walk-transition-readout select{min-width:0;height:32px;color:var(--text);background:#050d18d1;border:1px solid #5ff4b040;border-radius:7px;padding:0 24px 0 8px;font-size:10px}.free-walk-transition-status{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.free-walk-transition-readout progress{appearance:none;background:#94b4d629;border:0;border-radius:999px;grid-column:1/-1;width:100%;height:5px;overflow:hidden}.free-walk-transition-readout progress::-webkit-progress-bar{border-radius:inherit;background:#94b4d629}.free-walk-transition-readout progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--cyan))}.free-walk-transition-readout progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--cyan))}.free-walk-transition-control .button{white-space:nowrap;min-height:40px}.free-walk-transition-control kbd{border:1px solid #caffea47;border-radius:4px;margin-left:3px;padding:1px 4px;font-size:8px}.free-walk-transition-cancel{color:#ffb7c0}.free-walk-dpad{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);grid-template-areas:".forward.""left backward right";justify-content:center;gap:4px;display:none}.free-walk-direction{color:#caffea;touch-action:none;user-select:none;background:#5ff4b01a;border:1px solid #5ff4b040;border-radius:12px;width:48px;height:48px;font-size:21px;font-weight:800;line-height:1}.free-walk-direction:hover,.free-walk-direction.active{background:#5ff4b040;border-color:#5ff4b09e;box-shadow:inset 0 0 0 1px #5ff4b01f}.free-walk-direction:disabled{cursor:not-allowed;opacity:.38}.free-walk-direction-forward{grid-area:forward}.free-walk-direction-left{grid-area:left}.free-walk-direction-backward{grid-area:backward}.free-walk-direction-right{grid-area:right}.free-walk-crosshair{z-index:23;pointer-events:none;border:1px solid #caffea8c;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #050d18d9,0 0 10px #5ff4b03d}.free-walk-crosshair:before,.free-walk-crosshair:after{content:"";background:#caffead1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #050d18e6}.free-walk-crosshair:before{width:6px;height:1px}.free-walk-crosshair:after{width:1px;height:6px}.free-walk-crosshair[hidden]{display:none!important}.free-walk-transition-fade{z-index:19;opacity:var(--free-walk-transition-fade-opacity,0);pointer-events:none;background:#02070c;transition:opacity .12s ease-out;position:absolute;inset:0}.route-follow-hud{z-index:24;min-height:56px;box-shadow:var(--shadow), 0 0 28px #4ce4ff14;backdrop-filter:blur(18px)saturate(115%);background:#060f1ae6;border:1px solid #4ce4ff3d;border-radius:12px;grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:10px 14px;padding:8px 9px 8px 12px;display:grid;position:absolute;bottom:47px;left:326px;right:18px}.route-follow-hud[hidden]{display:none!important}.route-follow-readout{gap:7px;min-width:0;display:grid}.route-follow-meta{min-width:0;color:var(--muted);white-space:nowrap;align-items:baseline;gap:8px;font-size:9px;display:flex}.route-follow-meta strong{min-width:0;color:var(--text);text-overflow:ellipsis;font-size:11px;overflow:hidden}.route-follow-floor-label{background:var(--cyan-soft);color:#c8f8ff;border:1px solid #4ce4ff33;border-radius:999px;padding:2px 6px;font-weight:800}.route-follow-distance-label{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.route-follow-hud progress{appearance:none;background:#94b4d629;border:0;border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.route-follow-hud progress::-webkit-progress-bar{border-radius:inherit;background:#94b4d629}.route-follow-hud progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg, #1dc6e9, var(--green));box-shadow:0 0 10px #4ce4ff80}.route-follow-hud progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg, #1dc6e9, var(--green));box-shadow:0 0 10px #4ce4ff80}.route-follow-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.route-follow-controls .button{white-space:nowrap;touch-action:manipulation;min-height:44px}.route-follow-toggle{min-width:76px}.route-follow-speed{background:#4ce4ff12;border-color:#4ce4ff33;flex:0 196px;width:196px;height:44px}.route-follow-exit{color:#ffb7c0}html[data-route-following=true] .view-toolbar,html[data-route-following=true] .map-hint,html[data-route-following=true] .labels-layer,html[data-route-following=true] .selection-card{display:none!important}html[data-route-following=true] .floor-rail{opacity:.72;box-shadow:var(--shadow), inset 0 0 0 1px #4ce4ff0f;border-color:#4ce4ff38}html[data-route-following=true] .floor-button{cursor:not-allowed;opacity:.42;pointer-events:none}html[data-route-following=true] .floor-button.follow-current{opacity:1}html[data-free-walking=true] .view-toolbar,html[data-free-walking=true] .map-hint,html[data-free-walking=true] .labels-layer,html[data-free-walking=true] .selection-card{display:none!important}html[data-free-walking=true] .floor-rail{opacity:.72;box-shadow:var(--shadow), inset 0 0 0 1px #5ff4b012;border-color:#5ff4b03d}html[data-free-walking=true] .floor-button{cursor:not-allowed;opacity:.42;pointer-events:none}html[data-free-walking=true] .floor-button.follow-current{opacity:1}html[data-free-walking=true] .route-follow-hud,html[data-route-following=true] .free-walk-hud{display:none!important}.selection-card{z-index:15;width:min(330px,100vw - 420px);box-shadow:var(--shadow);backdrop-filter:blur(18px);background:#07111de6;border:1px solid #94b4d638;border-radius:13px;padding:15px;position:absolute;bottom:47px;right:78px}.selection-head{align-items:center;gap:11px;padding-right:24px;display:flex}.selection-head h2{margin:2px 0 0;font-size:14px}.selection-icon{background:var(--cyan-soft);width:36px;height:36px;color:var(--cyan);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.selection-card>p{color:var(--muted);margin:12px 0;font-size:10px;line-height:1.7}.selection-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.close-button{width:27px;height:27px;color:var(--muted);background:0 0;border-radius:7px;font-size:18px;position:absolute;top:8px;right:9px}.close-button:hover{color:var(--text);background:#ffffff0d}.credits-dialog{width:min(620px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text);background:#07111dfa;border:1px solid #94b4d64d;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 32px 100px #0000009e}.credits-dialog::backdrop{backdrop-filter:blur(7px);background:#01050ac2}.credits-dialog[open]{animation:.16s ease-out credits-dialog-in}@keyframes credits-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.credits-dialog-panel{overscroll-behavior:contain;max-height:calc(100dvh - 32px);padding:28px;position:relative;overflow-y:auto}.credits-close{z-index:1;width:32px;height:32px;top:17px;right:17px}.credits-header{padding-right:38px}.credits-header h2{letter-spacing:.02em;margin:5px 0 0;font-size:22px}.credits-header p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.75}.credits-sections{gap:12px;margin-top:21px;display:grid}.credits-section{border:1px solid var(--line);background:#1123386b;border-radius:11px;padding:15px 16px}.credits-section h3{color:#dff9ff;letter-spacing:.03em;margin:0;font-size:12px}.credits-section p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.75}.credits-section strong,.credits-source{color:var(--text)}.credits-section a,.credits-footer a{color:var(--cyan);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-color:#4ce4ff6b}.credits-link{margin-top:10px;font-size:10px;font-weight:700;display:inline-flex}.credits-data-section{background:linear-gradient(145deg,#4ce4ff14,#11233870);border-color:#4ce4ff33}.credits-data-section .credits-source{font-weight:800}.credits-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.credits-link-grid a{background:#040f1a80;border:1px solid #4ce4ff33;border-radius:8px;justify-content:space-between;align-items:center;min-height:36px;padding:0 11px;font-size:9px;font-weight:800;text-decoration:none;display:flex}.credits-link-grid a:after{content:"↗";color:#4ce4ffb3;margin-left:8px}.credits-link-grid a:hover{background:#4ce4ff1c;border-color:#4ce4ff7a}.credits-section .credits-note{border-top:1px solid var(--line);color:var(--muted-2);margin-top:12px;padding-top:11px}.credits-footer{margin-top:15px;padding:0 2px}.credits-footer p{color:var(--muted-2);margin:0 0 8px;font-size:9px;line-height:1.7}.credits-footer a{font-size:9px;font-weight:700}.map-hint{z-index:8;color:#9ab2c694;pointer-events:none;gap:14px;font-size:8px;display:flex;position:absolute;bottom:42px;right:18px}.map-hint span{align-items:center;gap:5px;transition:color .12s,text-shadow .12s;display:flex}.map-hint .hint-2d,#map-canvas[data-view-mode="2d"]~.map-hint .hint-3d{display:none}#map-canvas[data-view-mode="2d"]~.map-hint .hint-2d{display:flex}#map-canvas[data-drag-action=rotate]~.map-hint [data-map-action=rotate],#map-canvas[data-drag-action=pan]~.map-hint [data-map-action=pan]{color:var(--accent);text-shadow:0 0 12px #4ce4ff6b}.map-hint i{border:1px solid;border-radius:5px;width:10px;height:13px;display:inline-block;position:relative}.map-hint i:before{content:"";background:currentColor;border-radius:2px;width:2px;height:4px;position:absolute;top:2px}.mouse-left:before{left:2px}.mouse-right:before{right:2px}.wheel:before{left:3px}.status-strip{z-index:25;border-top:1px solid var(--line);height:30px;color:var(--muted-2);letter-spacing:.03em;backdrop-filter:blur(12px);background:#040a12eb;align-items:center;gap:18px;padding:0 14px 0 324px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.status-strip>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.status-strip strong{color:#8deeca;font-size:8px}.status-ok{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #5ff4b099}.status-strip .disclaimer{color:#ffb452ad;margin-left:auto}.loading-overlay,.fatal-error{z-index:100;background:radial-gradient(circle,#0c2032fa,#03080efc);flex-direction:column;justify-content:center;align-items:center;gap:9px;transition:opacity .4s,visibility .4s;display:flex;position:absolute;inset:0}.loading-overlay.hidden{opacity:0;visibility:hidden}.loading-overlay strong,.fatal-error strong{letter-spacing:.04em;margin-top:9px;font-size:13px}.loading-overlay>span,.fatal-error p{color:var(--muted-2);margin:0;font-size:9px}.loader-stack{width:70px;height:54px;position:relative}.loader-stack i{background:#4ce4ff12;border:1px solid #4ce4ff6b;width:55px;height:20px;animation:1.3s ease-in-out infinite loading-layer;position:absolute;left:50%;transform:translate(-50%)skewY(-11deg)}.loader-stack i:first-child{animation-delay:-.26s;top:0}.loader-stack i:nth-child(2){animation-delay:-.13s;top:15px}.loader-stack i:nth-child(3){top:30px}@keyframes loading-layer{0%,to{opacity:.45;transform:translate(-50%)translateY(0)skewY(-11deg)}50%{opacity:1;transform:translate(-50%)translateY(-5px)skewY(-11deg);box-shadow:0 0 22px #4ce4ff33}}.fatal-error{z-index:110;background:#080b12fa}.fatal-error[hidden]{display:none}.toast{z-index:120;color:#d6faff;max-width:min(420px,100vw - 30px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#071320f0;border:1px solid #4ce4ff3d;border-radius:9px;padding:10px 14px;font-size:10px;transition:all .18s;position:absolute;bottom:52px;left:50%;transform:translate(-50%,8px)}.toast.visible{opacity:1;transform:translate(-50%)}.mobile-only{display:none}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=980px){.topbar{grid-template-columns:238px minmax(0,1fr) auto}.brand-block{padding:0 14px}.brand-block small,.station-title small,.topbar-actions .button span{display:none}.sidebar{width:280px}.view-toolbar,.free-walk-hud{left:296px}.route-follow-hud{grid-template-columns:minmax(190px,1fr);left:296px}.route-follow-controls{justify-content:flex-start}.status-strip{padding-left:294px}.explode-control{min-width:126px}.explode-control input{width:64px}.map-hint{display:none}}@media (width<=760px){.topbar{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);grid-template-columns:46px minmax(0,1fr) auto}.map-stage{height:calc(100% - 58px - env(safe-area-inset-top))}.mobile-only{display:grid}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;margin-left:2px}.icon-button svg{width:20px}.brand-block{border-right:0;grid-column:2;padding:0 8px}.brand-block .brand-mark{width:22px}.brand-block strong{font-size:11px}.station-title{display:none}.topbar-actions{grid-column:3;padding-right:7px}.topbar-actions #share-button{display:none}.topbar-actions .button{width:44px;min-height:44px;padding:0}.credits-dialog{border-radius:13px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.credits-dialog-panel{max-height:calc(100dvh - 20px);padding:22px 17px 19px}.credits-close{top:11px;right:11px}.sidebar-scrim{z-index:28;visibility:hidden;opacity:0;pointer-events:none;touch-action:none;backdrop-filter:blur(2px);background:#01060c80;transition:opacity .22s,visibility .22s;display:block;position:absolute;inset:0}.sidebar-scrim.visible{visibility:visible;opacity:1;pointer-events:auto}.sidebar{z-index:29;width:min(330px,100vw - 48px);height:calc(100% - 30px - env(safe-area-inset-bottom));transition:transform .22s;top:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.sidebar-scroll{padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain}.panel-section{padding:16px}.sidebar .section-heading h2{font-size:16px}.sidebar .eyebrow{font-size:10px}.close-button.sidebar-close{width:44px;height:44px;margin:-8px -8px -8px 0;position:static}.station-picker>span{color:var(--muted);font-size:12px}.station-picker select{height:44px;font-size:16px}.data-details>summary{min-height:44px;color:var(--muted);font-size:12px}.data-card strong,.data-card p{font-size:12px}.sidebar .button{min-height:44px}.search-box{height:44px}.search-box input{font-size:16px}.search-box kbd{font-size:10px}.filter-chip{min-height:44px;padding:0 12px;font-size:12px}.search-results{max-height:none;overflow-y:visible}.search-result{min-height:48px;padding:9px}.search-result strong{font-size:12px}.search-result small,.result-floor{font-size:11px}.route-inputs label{height:56px}.route-inputs{grid-template-columns:20px minmax(0,1fr) 44px}.route-inputs label>span{font-size:11px}.route-inputs select{font-size:16px}.swap-button{width:44px;height:44px}.toggle-copy strong{font-size:12px}.toggle-copy small{font-size:11px}.route-step-button{min-height:44px;padding:6px 4px}.route-steps li:not(:last-child):after{top:29px;left:15px}.step-copy strong{font-size:12px}.step-copy small{font-size:11px}.floor-rail{width:43px;max-height:calc(100% - 116px);top:10px;right:9px;overflow-y:auto}.floor-button{height:29px}.view-toolbar{left:9px;right:9px;bottom:calc(39px + env(safe-area-inset-bottom));scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.view-toolbar::-webkit-scrollbar{display:none}.route-follow-hud{left:9px;right:9px;bottom:calc(39px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);max-height:calc(100% - 58px);padding:10px;overflow-y:auto}.free-walk-start{min-height:44px}.free-walk-hud{left:9px;right:9px;bottom:calc(39px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 152px;grid-template-areas:"readout dpad""transition transition""actions actions";align-items:center;gap:8px;max-height:calc(100% - 58px);padding:10px;overflow-y:auto}.free-walk-readout{grid-area:readout}.free-walk-meta{grid-template-columns:auto minmax(58px,1fr);gap:6px;display:grid}.free-walk-floor-label{justify-self:end}.free-walk-distance-label{grid-column:1/-1;margin-left:0}.free-walk-help{white-space:normal}.free-walk-help-desktop{display:none}.free-walk-help-mobile{display:inline}.free-walk-speed{width:100%}.free-walk-transition-control{grid-template-columns:minmax(0,1fr) auto auto}.free-walk-actions{grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;display:grid}.free-walk-actions .button{width:100%;min-width:0;padding-left:6px;padding-right:6px}.free-walk-look{display:none}.free-walk-dpad{grid-area:dpad;display:grid}.route-follow-meta{font-size:10px}.route-follow-controls{justify-content:stretch}.route-follow-controls .button{flex:auto}.route-follow-speed{flex:196px;width:min(100%,230px)}html[data-route-following=true] .floor-rail{max-height:calc(100% - 184px)}html[data-free-walking=true] .floor-rail{max-height:calc(100% - 222px)}.toolbar-toggle,.explode-control{flex:none}.selection-card{left:9px;right:61px;bottom:calc(89px + env(safe-area-inset-bottom));width:auto}.selection-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.selection-card>p{font-size:12px}.selection-actions .button,.selection-card .close-button{min-height:44px}.selection-card .close-button{width:44px;height:44px}.status-strip{height:calc(30px + env(safe-area-inset-bottom));padding:0 calc(10px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(10px + env(safe-area-inset-left));gap:12px}.status-strip>span:nth-child(2),.status-strip>span:nth-child(3),.status-strip .disclaimer{display:none}.labels-layer{font-size:90%}.poi-label{max-width:140px}.poi-label strong{max-width:102px}}@media (width<=480px){.credits-link-grid{grid-template-columns:minmax(0,1fr)}.route-follow-controls{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.route-follow-controls .button{width:100%;min-width:0;padding-left:7px;padding-right:7px}.route-follow-toggle{grid-column:span 1}.route-follow-speed{grid-column:span 3;width:100%}.route-follow-speed input{min-width:68px}#route-follow-recenter{grid-column:span 2}html[data-route-following=true] .floor-rail{max-height:calc(100% - 228px)}html[data-free-walking=true] .floor-rail{max-height:calc(100% - 222px)}.toolbar-toggle span:last-child,.explode-control>span{display:none}.explode-control{grid-template-columns:1fr;min-width:93px}.explode-control input{width:78px}.selection-card{right:9px}}@media (width<=360px){.free-walk-hud{grid-template-columns:minmax(0,1fr) 140px}.free-walk-transition-control{grid-template-columns:minmax(0,1fr) auto}.free-walk-actions{grid-template-columns:minmax(0,1fr)}.free-walk-dpad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px)}.free-walk-direction{width:44px;height:44px}}@media (width>=761px) and (hover:none) and (pointer:coarse){.free-walk-hud{grid-template-columns:minmax(150px,1fr) auto 152px;grid-template-areas:"readout actions dpad""transition transition dpad"}.free-walk-help-desktop,.free-walk-look{display:none}.free-walk-help-mobile{display:inline}.free-walk-dpad{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}