:root{--white: #ffffff;--slate: #444c5f;--cyan: #c2e8f3;--magenta: #cf2f87;--plum: #633854;--indigo: #403b63;--ink: #3c3c3c;--bg: #ffffff;--ink-soft: #595a6e;--ink-faint: #8a8f9e;--line: #e7e7f0;--panel: rgba(255, 255, 255, .82);--panel-solid: rgba(255, 255, 255, .97);--accent: var(--magenta);--radius: 14px;--shadow: 0 8px 30px rgba(64, 59, 99, .12);--font: "Johnston100 TfL", "ITC Johnston", "New Johnston", Johnston, "P22 Underground", "Gill Sans", "Gill Sans MT", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:fixed;inset:0}#app:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 28%,#fff,#f4f6fa 70%,#eef0f5);z-index:0}#scene{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;touch-action:none}.overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.overlay>*{pointer-events:auto}.dock{display:contents}.acc-chevron{display:none}.site-header{position:absolute;top:0;left:0;right:0;height:60px;z-index:8;display:flex;align-items:center;gap:16px;padding:0 20px;background:#f8f4f1;border-bottom:1px solid var(--line)}.site-header__logo-link{flex:0 0 auto;display:inline-flex;align-items:center;transition:opacity .15s ease}.site-header__logo-link:hover{opacity:.85}.site-header__logo{height:30px;width:auto;display:block}.site-header__titles{display:flex;flex-direction:column;justify-content:center;min-width:0}.site-header__title{font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:clamp(14px,2vw,20px);font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#2b0326}.site-header__sub{font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:12.5px;color:var(--ink-soft);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-badge{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;color:#f8f4f1;background:#2b0326;border:none;text-decoration:none;border-radius:11px;padding:6px 13px;white-space:nowrap;transition:opacity .15s ease}.header-badge:hover{opacity:.88}.header-flogo{height:16px;width:auto;display:block}.brand-logo{width:64px;height:auto;display:block}.right-panels{position:absolute;top:78px;right:26px;width:224px;display:flex;flex-direction:column;gap:12px}.legend,.streetmap{width:224px;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.legend{flex:0 1 auto;max-height:calc(100vh - 340px);min-height:0;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#cfd3dd transparent}.legend::-webkit-scrollbar{width:8px}.legend::-webkit-scrollbar-track{background:transparent;margin:6px 0}.legend::-webkit-scrollbar-thumb{background:#cfd3dd;border-radius:8px}.legend::-webkit-scrollbar-thumb:hover{background:#b9bfcc}.streetmap{position:absolute;top:78px;left:26px;z-index:2;max-height:calc(100vh - 170px);overflow-y:auto}.terrain-swatch{background:#c9d6c2}.realmap-swatch{background:#b9c0c9;border-radius:3px!important}.official-swatch{background:linear-gradient(135deg,#e32017 0 25%,#003688 25% 50%,#00782a 50% 75%,#ffd300 75% 100%);border-radius:3px!important}.elev-readout{display:flex;flex-direction:column;gap:2px;margin-top:8px;font-size:12px;color:var(--ink-soft)}.elev-readout strong{color:var(--indigo);font-weight:700}.legend-head{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 8px}.legend h2,.streetmap h2{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin:0;font-weight:700}.legend-subhead{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:700;margin:12px 0 3px;padding:0 8px 4px;border-bottom:1px solid var(--line)}.legend-subhead:first-child{margin-top:2px}.legend-allbtns{display:flex;gap:6px}.mini-btn{font:inherit;font-size:11px;font-weight:600;color:var(--slate);background:#eef0f5;border:1px solid var(--line);border-radius:999px;padding:3px 10px;cursor:pointer;transition:background .15s ease,color .15s ease}.mini-btn:hover{background:var(--cyan)}.line-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:none;background:transparent;color:var(--ink);font:inherit;font-size:13px;border-radius:9px;cursor:pointer;text-align:left;transition:background .18s ease,opacity .18s ease}.line-toggle:hover{background:#c2e8f366}.line-toggle .swatch{width:14px;height:14px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(60,60,60,.18)}.line-toggle .line-name{flex:1 1 auto}.line-toggle .switch{position:relative;width:32px;height:18px;border-radius:999px;background:#cfd3dc;flex:0 0 auto;transition:background .18s ease}.line-toggle .switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .18s ease}.line-toggle.active .switch{background:var(--magenta)}.line-toggle.active .switch:after{transform:translate(14px)}.line-toggle:not(.active){opacity:.55}.river-toggle{margin-top:8px;padding-top:13px;border-top:1px solid var(--line)}.river-toggle .swatch{border-radius:3px}.bottom-left{position:absolute;left:26px;bottom:60px;display:flex;flex-direction:column;gap:8px;width:272px}.pan-line{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:6px;padding-top:8px;border-top:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--slate)}.pan-line svg{width:14px;height:14px;color:var(--magenta)}.pan-line kbd{font:inherit;font-weight:700;background:#eef0f5;border:1px solid var(--line);border-radius:5px;padding:0 5px}.control-card{background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:2px}.tool-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--slate);background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;padding:9px 15px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.tool-btn svg{width:16px;height:16px}.tool-btn:hover{background:var(--cyan)}.tool-btn.full{width:100%;justify-content:center;margin-bottom:4px}.tool-row{display:flex;gap:6px;margin-bottom:4px}.tool-row .tool-btn{flex:1 1 0;justify-content:center;padding:9px 10px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:none;background:transparent;color:var(--ink);font:inherit;font-size:13px;padding:7px;border-radius:9px;cursor:pointer;text-align:left}.switch-row:hover{background:#c2e8f366}.switch-row .switch{position:relative;width:32px;height:18px;border-radius:999px;background:#cfd3dc;flex:0 0 auto;transition:background .18s ease}.switch-row .switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .18s ease}.switch-row.active .switch{background:var(--magenta)}.switch-row.active .switch:after{transform:translate(14px)}.opacity-row{display:flex;align-items:center;gap:10px;padding:4px 7px 6px;font-size:12px;color:var(--ink-soft)}.opacity-row[hidden]{display:none}.opacity-row input[type=range]{flex:1 1 auto;height:4px}.opacity-row input[type=range]::-webkit-slider-thumb{width:16px;height:16px}.timeline-bar{position:absolute;top:78px;left:50%;transform:translate(-156px);display:flex;flex-direction:row;align-items:center;gap:16px;padding:10px 16px;background:var(--panel-solid);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);z-index:4}.tl-controls{display:flex;flex-direction:column;gap:8px;width:280px}.tl-row{display:flex;align-items:center;gap:12px}.tl-progress{width:100%;height:5px}.tl-progress::-webkit-slider-thumb{width:16px;height:16px;border-width:2px}.tl-progress::-moz-range-thumb{width:16px;height:16px;border-width:2px}.tl-speed{display:flex;align-items:center;gap:8px;margin-top:12px}.tl-speed-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.tl-speed-range{flex:1;height:4px;background:linear-gradient(90deg,#d8dbe3 0% 100%)}.tl-speed-range::-webkit-slider-thumb{width:14px;height:14px;border-width:2px}.tl-speed-range::-moz-range-thumb{width:14px;height:14px;border-width:2px}.timeline-bar .tl-label{flex:1;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);white-space:nowrap}.tl-play{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:var(--magenta);color:#fff;cursor:pointer;box-shadow:0 4px 12px #cf2f8766;transition:transform .12s ease,background .15s ease}.tl-play:hover{transform:scale(1.06);background:#b8226f}.tl-play svg{width:18px;height:18px}.tl-play svg[hidden]{display:none}.tl-restart{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--magenta);cursor:pointer;transition:transform .12s ease,background .15s ease,color .15s ease}.tl-restart[hidden]{display:none}.tl-restart:hover{transform:scale(1.08);background:var(--magenta);color:#fff;border-color:var(--magenta)}.tl-restart svg{width:16px;height:16px}.tl-stop{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--magenta);cursor:pointer;transition:transform .12s ease,background .15s ease,color .15s ease}.tl-stop[hidden]{display:none}.tl-stop:hover{transform:scale(1.08);background:var(--magenta);color:#fff;border-color:var(--magenta)}.tl-stop svg{width:15px;height:15px}.moquette-banner{margin-top:6px;border-radius:8px;overflow:hidden;border:1px solid var(--line);line-height:0}.moquette-svg{display:block;width:100%;height:64px}.moquette-meta{margin-top:6px;font-size:13px}.moquette-name{font-weight:700;color:var(--ink)}.timeline-date{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;line-height:1;min-width:150px;align-self:stretch;padding-left:18px;border-left:1px solid var(--line)}.timeline-date[hidden]{display:none}.timeline-date .tl-year{font-size:clamp(34px,4.4vw,52px);font-weight:700;color:var(--magenta);letter-spacing:-.02em}.timeline-date .tl-sub{margin-top:6px;font-size:15px;font-weight:600;color:var(--slate)}.timeline-date .tl-line{margin-top:8px;font-size:16px;font-weight:700;color:var(--magenta)}.timeline-date .tl-station{margin-top:2px;font-size:14px;font-weight:600;color:var(--slate)}.timeline-date .tl-note{margin-top:5px;font-size:11px;font-weight:600;font-style:italic;color:var(--ink-faint)}.slider-dock{position:absolute;left:50%;bottom:60px;transform:translate(-50%);width:min(560px,calc(100vw - 640px));background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 22px 16px}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:9px}.slider-labels span{flex:1 1 0;min-width:0;white-space:nowrap;transition:color .15s ease}.slider-labels .mid{text-align:center}.slider-labels span:last-child{text-align:right}.slider-labels .lead{color:var(--indigo);font-weight:700}input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--fill, 0%),#d8dbe3 var(--fill, 0%));outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 8px #403b634d;cursor:grab}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:grab}input[type=range]:focus-visible{box-shadow:0 0 0 3px #cf2f8752}.slider-caption{margin-top:10px;text-align:center;font-size:12px;color:var(--ink-faint);min-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-dock.is-locked .slider-labels,.slider-dock.is-locked .slider-caption{opacity:.4}.slider-dock.is-locked input[type=range]{opacity:.45;cursor:not-allowed;background:#d8dbe3}.slider-dock.is-locked input[type=range]::-webkit-slider-thumb{border-color:#b7bcc9;cursor:not-allowed}.slider-dock.is-locked input[type=range]::-moz-range-thumb{border-color:#b7bcc9;cursor:not-allowed}.hint{position:absolute;left:26px;bottom:116px;font-size:12.5px;color:var(--slate);display:flex;align-items:center;gap:8px;background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;padding:8px 14px;box-shadow:var(--shadow);transition:opacity .6s ease}.hint svg{width:15px;height:15px;opacity:.7}.side-notes{display:flex;flex-direction:column;gap:6px;pointer-events:none}.disclaimer,.map-source{margin:0;font-size:11px;line-height:1.4;color:var(--ink-faint)}.map-source[hidden]{display:none}.disclaimer--legal{color:var(--ink-soft);font-weight:600}.scale-dock{position:absolute;right:26px;bottom:60px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 16px 11px;background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:4}.scale-val{font-size:13px;font-weight:700;color:var(--slate);letter-spacing:.01em}.scale-line{display:block;width:132px;height:7px;border:2px solid var(--slate);border-top:none}.place-labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.place-label{position:absolute;top:0;left:0;font-family:Johnston100 TfL,ITC Johnston,New Johnston,Johnston,Gill Sans,Gill Sans MT,system-ui,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#3f4654;white-space:nowrap;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 6px #fff,0 1px 1px rgba(255,255,255,.9);transition:opacity .3s ease;will-change:transform,opacity}.info-card{position:absolute;left:26px;top:78px;width:264px;z-index:5;max-height:calc(100vh - 320px);overflow-y:auto;background:var(--panel-solid);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;transform:translate(-12px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}.info-card.visible{opacity:1;visibility:visible;transform:translate(0)}.info-card .close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:18px;line-height:1;padding:4px}.info-card h3{margin:0 8px 11px 0;font-size:15px;font-weight:700;line-height:1.15;color:var(--indigo)}.info-row{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.info-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.info-line{display:flex;align-items:center;gap:9px;font-size:12px}.info-line .swatch{width:11px;height:11px;border-radius:50%;border:1px solid rgba(60,60,60,.18)}.depth-readout{font-size:12px;color:var(--ink)}.depth-readout .big{font-size:19px;font-weight:700;color:var(--magenta)}.depth-readout .unit{font-size:12px;color:var(--ink-soft);font-weight:500}.info-facts{margin-top:14px;display:flex;flex-direction:column;gap:11px}.info-facts:empty{margin-top:0}.fact-block{border-top:1px solid var(--line);padding-top:10px}.fact-block .info-row{margin-bottom:4px}.fact-text{font-size:12px;line-height:1.45;color:var(--ink)}.fact-text .muted{color:var(--ink-soft)}.fact-text.muted{color:var(--ink-soft);font-size:11.5px}.fact-block.highlight{background:#c2e8f366;border:1px solid var(--cyan);border-radius:10px;padding:10px 12px;margin-top:2px}.fact-block.highlight .info-row{color:var(--magenta)}.line-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:9px;vertical-align:middle;border:1px solid rgba(60,60,60,.18)}.line-stats{display:flex;gap:22px;align-items:baseline;margin:4px 0 12px}.line-stats .big{font-size:18px;font-weight:700;color:var(--magenta)}.line-stats .unit{font-size:11px;color:var(--ink-soft);margin-left:5px}.line-body .fact-block:first-child{border-top:none;padding-top:0}.site-footer{position:absolute;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;gap:14px;padding:8px 22px;background:#f8f4f1;border-top:1px solid var(--line)}.site-footer .copyright{margin-right:auto;white-space:nowrap;font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.01em;color:#4b5568}.site-footer .made-with{font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.01em;color:#4b5568}.site-footer .created-by{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.01em;color:#2b0326}.site-footer .created-by svg{display:block;flex:none}.site-footer .f3d{display:inline-flex;align-items:center;transition:opacity .15s ease}.site-footer .f3d:hover{opacity:.8}.site-footer .f3d img{height:22px;width:auto;display:block}.intro{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 40%,#fff9,#eef0f5d9);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .7s ease,visibility .7s}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-card{max-width:520px;margin:24px;background:var(--panel-solid);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #403b632e;padding:40px 42px;text-align:center}.intro-logo{width:168px;margin:0 auto 20px}.intro-card h1{font-size:clamp(28px,5vw,42px);font-weight:700;margin:0 0 16px;letter-spacing:-.02em;line-height:1.05;color:var(--indigo)}.intro-card p{font-size:16px;line-height:1.55;color:var(--ink-soft);margin:0 0 28px}.explore-btn{font:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--magenta);border:none;border-radius:999px;padding:13px 34px;cursor:pointer;box-shadow:0 8px 24px #cf2f8752;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.explore-btn:hover{transform:translateY(-1px);background:#b8226f;box-shadow:0 12px 30px #cf2f876b}.explore-btn:active{transform:translateY(0)}#webgl-fallback{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:var(--bg);padding:24px}#webgl-fallback[hidden]{display:none}.fallback-card{max-width:520px;text-align:center}.fallback-card h1{font-size:30px;margin:0 0 18px;color:var(--indigo)}.fallback-card p{color:var(--ink-soft);line-height:1.6;margin:0 0 14px}.fallback-idea{color:var(--ink-faint);font-size:14px}@media (min-width: 761px) and (max-width: 980px){.slider-dock{left:26px;right:26px;width:auto;transform:none;bottom:52px}.bottom-left,.scale-dock{bottom:168px}.legend{max-height:calc(100vh - 400px)}}@media (max-width: 760px){.site-header{height:48px;padding:0 14px;gap:10px}.site-header__logo{height:24px}.site-header__title{font-size:15px}.header-badge{font-size:0;gap:0;padding:7px}.header-flogo{height:17px}#scene{bottom:auto;height:50%}.dock{display:flex;flex-direction:column;position:absolute;inset:50% 0 42px;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.right-panels{display:contents}.legend,.streetmap,.timeline-bar,.bottom-left,.scale-dock,.slider-dock,.side-notes,.info-card{position:static;inset:auto;transform:none;width:auto;max-width:none;max-height:none;overflow:visible;flex:none}.slider-dock{order:1;padding:12px 16px 14px}.streetmap{order:2}.legend{order:3}.timeline-bar{order:4}.bottom-left{order:5}.scale-dock{order:6;align-self:flex-start}.side-notes{order:7;align-items:flex-start;text-align:left}.info-card{order:-1;display:none;box-shadow:none}.info-card.visible{display:block;opacity:1;visibility:visible}.bottom-left .control-card{min-height:0}.pan-line{display:none}.acc-head{cursor:pointer}.legend .acc-head,.streetmap .acc-head,.timeline-bar .acc-head{display:flex;align-items:center;justify-content:flex-start;gap:8px}.acc-chevron{display:block;margin-left:auto;font-size:13px;line-height:1;color:var(--ink-soft);padding-left:8px;transition:transform .18s ease}.collapsed .acc-chevron{transform:rotate(-90deg)}.streetmap.collapsed>:not(.legend-head){display:none}.legend.collapsed #legend-items,.timeline-bar.collapsed .tl-progress,.timeline-bar.collapsed .tl-speed,.timeline-bar.collapsed .timeline-date{display:none}.disclaimer--legal{display:block}.site-footer .created-by{display:none}.intro-card{padding:30px 26px}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}