:root{--paper:#f3f1ec;--ink:#2b2a27;--muted:#77736b;--rule:#d8d3c8;--route:#d33f2f}@media (prefers-color-scheme:dark){:root{--paper:#1d1c1a;--ink:#ecead5;--muted:#a29d92;--rule:#3a3833}}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);margin:0;font:14px/1.45 system-ui,sans-serif;overflow:hidden}#scene{width:100vw;height:100vh;display:block}#labels{pointer-events:none;position:fixed;inset:0}.anchor{width:0;height:0;position:relative}.anchor>*{position:absolute}.label{color:var(--ink);background:color-mix(in srgb, var(--paper) 80%, transparent);white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:11px;top:0;left:0;transform:translate(-50%,-50%)}.label.inferred{color:var(--muted)}.label.mezzanine{font-style:italic;transform:translate(-50%,-150%)}.label.platform{transform:translate(-50%,50%)}.q{color:var(--muted);font-weight:600}.hud{max-width:340px;position:fixed;top:16px;left:16px}.hud h1{margin:0 0 4px;font-size:18px}.station-nav{flex-wrap:wrap;gap:5px 12px;margin-bottom:7px;font-size:11px;display:flex}.station-nav a{color:var(--muted);text-decoration:none}.station-nav a[aria-current=page]{color:var(--ink);border-bottom:1px solid var(--ink)}.legend .sw[hidden]{display:none}.hud p{color:var(--muted);margin:0 0 8px}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls label{color:var(--muted);align-items:center;gap:6px;display:flex}button{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule);cursor:pointer;border-radius:4px;padding:4px 10px}button[aria-pressed=true],button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}button:disabled{opacity:.4;cursor:default}kbd{opacity:.7;margin-left:4px;font:11px ui-monospace,monospace}.panel{background:var(--paper);border:1px solid var(--rule);border-radius:8px;width:300px;max-height:calc(100vh - 32px);padding:16px;position:fixed;top:16px;right:16px;overflow:auto}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 4px;font-size:11px}#beat{min-height:5.8em;margin:4px 0 12px}.nav{gap:8px;margin-bottom:16px;display:flex}.nav button{flex:1;padding:8px}.depth{margin:0 0 8px;font:600 26px/1.1 ui-monospace,monospace}.depth small{color:var(--muted);font:12px system-ui,sans-serif}.ladder{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.ladder li{border-bottom:1px solid var(--rule);color:var(--muted);gap:8px;padding:4px 0;font-size:13px;display:flex}.ladder li.here{color:var(--route);font-weight:600}.ladder .z{width:52px;font-family:ui-monospace,monospace}.hud .credits{margin:8px 0 0;font-size:11px;line-height:1.4}.hud .credits a{color:inherit}.tip{z-index:5;pointer-events:none;background:var(--ink);max-width:280px;color:var(--paper);border-radius:4px;padding:4px 8px;font-size:12px;position:fixed}.legend{background:var(--paper);border:1px solid var(--rule);border-radius:8px;width:260px;padding:10px 12px;font-size:12px;position:fixed;bottom:16px;left:16px}.legend h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}.legend ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:6px;display:flex}.legend p{color:var(--muted);margin:8px 0 0}.sw{border-radius:2px;flex:none;width:18px;height:10px;display:inline-block}.sw.plat{background:var(--c);width:10px;margin-right:-3px}.sw.plat:last-of-type{margin-right:0}.sw.mezz{background:#fccc0a4d;border:1px solid #c9a400}.sw.stairs{background:repeating-linear-gradient(90deg,#6e5a1c 0 1px,#e9cf72 1px 4px);border-bottom:3px solid #b39233}.sw.elev{background:#7fb6ea;border:1.5px solid #3466c2;border-radius:0;width:10px;height:14px}.sw.ent{background:var(--ink);width:10px;height:10px}.sw.route{background:var(--route);height:3px}.sw.route.ahead{border-top:1.5px dashed var(--route);opacity:.6;background:0 0;height:0;margin-left:4px}.sw.pale{background:#00933c1f;border:1px solid #00933c66}.video{border:2px dashed var(--rule);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:150px;height:150px;margin:0 auto 6px;padding:18px;display:flex;position:relative;overflow:hidden}.video span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}.video b{font-size:12px;line-height:1.3}.video small{color:var(--muted);font-size:10px}@media (width<=700px){.legend{display:none}.hud{max-width:none;right:16px}.hud>p:not(.credits),.hud .controls{display:none}.hud h1{font-size:15px}.hud .credits{margin-top:2px;font-size:10px}.panel{width:auto;max-height:50vh;inset:auto 16px 16px}.video{width:110px;height:110px}}.route-dot{background:var(--route);width:11px;height:11px;box-shadow:0 0 0 2.5px var(--paper);border-radius:50%}.gap-mark{border:2px dashed var(--route);width:18px;height:18px;color:var(--route);text-align:center;background:#fff3;border-radius:50%;font:700 12px/14px system-ui}.floor-label{color:var(--muted);background:color-mix(in srgb, var(--paper) 85%, transparent);border-right:2px solid var(--muted);white-space:nowrap;text-align:right;pointer-events:none;padding:1px 6px;font-size:11px;top:0;right:12px;transform:translateY(-50%)}.floor-label b{color:var(--ink);margin-right:4px}.floor-label small{font-size:10px;display:block}.floor{color:var(--muted);margin:0 0 6px;font-size:12px}.profile{width:100%;height:auto;display:block}.profile .street{stroke:var(--ink);stroke-width:1px;opacity:.5}.profile .band{fill:var(--rule);opacity:.6}.profile .tick{fill:var(--muted);text-anchor:end;font:10px ui-monospace,monospace}.profile .axis{fill:var(--muted);text-anchor:end;font:10px system-ui}.profile .ahead{fill:none;stroke:var(--route);stroke-width:1px;stroke-dasharray:3 3;opacity:.5}.profile .walked{fill:none;stroke:var(--route);stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.profile .beat{fill:var(--paper);stroke:var(--route);stroke-width:1px}.profile .dot{fill:var(--route);stroke:var(--paper);stroke-width:2px}.toast{background:var(--ink);color:var(--paper);z-index:6;border-radius:4px;padding:6px 12px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.routes{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.routes button{text-align:left;font-size:12px}.floor-label .full{display:none}.floor-label.current{color:var(--ink);border-right-color:var(--route)}.floor-label.current .full{display:inline}.above-you{pointer-events:none;align-items:center;gap:6px;display:flex;top:0;left:-8px;transform:translateY(-50%)}.above-you i{border:1.5px solid var(--ink);background:radial-gradient(circle, var(--ink) 0 1.5px, transparent 2px);border-radius:50%;flex:none;width:14px;height:14px}.above-you span{color:var(--ink);background:color-mix(in srgb, var(--paper) 85%, transparent);white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:11px}.sw.above{border:1.5px solid var(--ink);background:radial-gradient(circle, var(--ink) 0 1.5px, transparent 2px);border-radius:50%;width:12px;height:12px}.above-you.off{visibility:hidden!important}.label.track-end{background:var(--paper);border-left:3px solid var(--c);font-size:11px}.label.track-end b{margin-right:4px}.video video{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}.video.has-clip{border:2px solid var(--ink);padding:0}.video.has-clip video{display:block}.video.has-clip small{display:none}.video-caption{text-align:center;color:var(--muted);min-height:1.4em;margin:0 0 12px;font-size:11px}.panel{width:330px}.stages{border-bottom:1px solid var(--rule);gap:2px;margin:-6px -6px 14px;display:flex}.stages button{color:var(--muted);text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:6px 2px 7px;font-size:11px;line-height:1.25}.stages button span{font:10px ui-monospace,monospace;display:block}.stages button[aria-current=step]{color:var(--ink);border-bottom-color:var(--ink)}.panel h2{letter-spacing:-.01em;margin:2px 0 8px;font-size:21px;font-weight:650;line-height:1.2}.stage[hidden]{display:none}.note{border-left:2px solid var(--route);color:var(--muted);padding-left:10px;font-size:13px}button.go{width:100%;margin-top:4px;padding:10px}.lines{border-top:1px solid var(--rule);margin:12px 0;padding:0;list-style:none}.lines li{border-bottom:1px solid var(--rule);align-items:center;gap:10px;padding:8px 0;display:flex}.lines small,.stops small{color:var(--muted);font-size:12px;display:block}.bullets{flex:none;gap:2px;width:92px;display:flex}.bullet{color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font:700 12px system-ui;display:grid}.bullet.bmt{color:#111;background:#fccc0a}.bullet.irt{background:#00933c}.bullet.l{background:#a7a9ac}.stops{counter-reset:stop;margin:12px 0 14px;padding:0;list-style:none}.stops li{counter-increment:stop;padding:0 0 12px 34px;position:relative}.stops li:before{content:counter(stop);border:1.5px solid var(--route);width:22px;height:22px;color:var(--route);background:var(--paper);border-radius:50%;place-items:center;font:600 12px system-ui;display:grid;position:absolute;top:0;left:0}.stops li:not(:last-child):after{content:"";border-left:1.5px solid var(--route);position:absolute;top:22px;bottom:0;left:11px}.stop-mark{border:1.5px solid var(--route);background:var(--paper);width:22px;height:22px;color:var(--route);border-radius:50%;place-items:center;font:600 12px system-ui;display:grid;top:0;left:0;transform:translate(-50%,-50%)}.label.bearing{background:var(--paper);border-left:3px solid var(--c,var(--ink));padding:2px 7px;font-size:12px}.label.bearing b{margin-right:4px}.label.bearing.plain{color:var(--muted);border-left:0}.label.bearing.here{background:var(--route);color:#fff;border:0;font-weight:600;transform:translate(-50%)}#beat-title{font-size:18px}body[data-stage=bearings] .legend{display:none}.seg{align-items:center;gap:0;display:inline-flex}.seg>span{color:var(--muted);margin-right:6px}.seg button{border-radius:0;margin-left:-1px;padding:3px 8px;font-size:12px}.seg button:first-of-type{border-radius:4px 0 0 4px}.seg button:last-of-type{border-radius:0 4px 4px 0}.video.frame{aspect-ratio:1;border-radius:6px;width:100%;height:auto}@media (width<=700px){.video.frame{width:150px}.stages button{font-size:10px}}.label.landmark{background:var(--paper);color:var(--ink);opacity:.9;white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:11px}.label.landmark small{color:var(--muted);font-size:10px;display:block}.label.landmark.place{border:1px solid var(--rule);border-radius:3px;padding:3px 6px;font-weight:600;box-shadow:0 1px 3px #0001}.label.landmark.place small{font-weight:400}.surface-labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.surface-labels[hidden]{display:none}.surface-labels>svg{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.surface-labels path{fill:none}.surface-place-leader{stroke:#86a79b;stroke-width:1px;opacity:.8}.surface-place-marker,.surface-place-name,.surface-road-name{white-space:nowrap;position:absolute}.surface-place-marker{width:9px;height:9px}.surface-place-marker:after{content:"";box-shadow:0 0 0 2px var(--paper);background:#c8ded4;border:1px solid #789c90;border-radius:1px;position:absolute;inset:0;transform:rotate(45deg)}.surface-place-marker.symbol{color:#537b70;background:var(--paper);border-radius:50%;width:21px;height:21px}.surface-place-marker.symbol:after{display:none}.surface-place-marker.symbol svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.surface-place-name{background:color-mix(in srgb, var(--paper) 93%, #c8ded4);color:var(--ink);pointer-events:auto;border:1px solid #a8c1b7;border-radius:3px;padding:2px 5px;font-size:11px;line-height:1.4}.surface-place-name.primary{white-space:normal;text-align:center;width:max-content}.surface-road-trace{stroke:#9b9c90;stroke-width:1.5px;opacity:.7}.surface-road-name{background:color-mix(in srgb, var(--paper) 88%, transparent);color:var(--muted);letter-spacing:.03em;padding:0 5px;font-size:11px;font-weight:600;line-height:1.4}.landmark-logo{pointer-events:auto;border-radius:50%;width:34px;height:34px;box-shadow:0 1px 3px #00000040}.trip{border-bottom:1px solid var(--rule,#ddd);gap:6px;margin-bottom:14px;padding-bottom:12px;display:grid}.trip label{color:var(--muted);grid-template-columns:44px 1fr;align-items:center;font-size:12px;display:grid}.trip select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule,#ccc);border-radius:4px;min-width:0;padding:4px 6px;font-size:13px}.label.bearing.dest{border:2px solid var(--route);color:var(--route);white-space:nowrap;font-weight:600}#b-note:empty{display:none}body[data-look=cut]{--paper:#000;--ink:#fff;--muted:#a9a9a9;--rule:#333;--route:#ff5a3c;--placeholder:#888;background:#dfe2df;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body[data-look=cut] .panel,body[data-look=cut] .hud,body[data-look=cut] .legend{color:#fff;background:#000;border:0;border-radius:2px;position:fixed}body[data-look=cut] .panel:before,body[data-look=cut] .hud:before,body[data-look=cut] .legend:before{content:"";background:#fff;height:1px;position:absolute;top:7px;left:0;right:0}body[data-look=cut] .hud{padding:22px 16px 14px}body[data-look=cut] .panel{padding:22px 18px 18px}body[data-look=cut] .legend{padding:20px 12px 10px}body[data-look=cut] .hud h1{letter-spacing:-.015em;font-size:22px;font-weight:700}body[data-look=cut] .panel h2{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.1}body[data-look=cut] .eyebrow{text-transform:none;letter-spacing:0;font-size:12px}body[data-look=cut] .stages{border-bottom-color:#333}body[data-look=cut] .stages button span{font:700 11px Helvetica Neue,Helvetica,Arial,sans-serif}body[data-look=cut] button{border-radius:2px}body[data-look=cut] button.primary{color:#000;background:#fff;border-color:#fff;font-weight:700}body[data-look=cut] .bullet{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body[data-look=cut] .label{color:#fff;background:#000;border-radius:1px;font-weight:500}body[data-look=cut] .label.inferred{color:#bbb}body[data-look=cut] .label.bearing{color:#fff;background:#000}body[data-look=cut] .label.bearing.plain{color:#ddd}body[data-look=cut] .label.bearing.here{background:var(--route);color:#fff}body[data-look=cut] .label.bearing.dest{color:#fff;border:2px solid var(--route);background:#000}body[data-look=cut] .label.landmark{color:#000;background:#fff}body[data-look=cut] .label.landmark small{color:#555}body[data-look=glow]{--paper:#0b0f1a;--ink:#e8ecf5;--muted:#8590a8;--rule:#232b3d;--route:#ff4f3a;--placeholder:#556;background:#070a12}body[data-look=glow] .panel,body[data-look=glow] .legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0f1adb}body[data-look=glow] .label{background:#070a12b3}body[data-look=glow] .route-dot{box-shadow:0 0 0 2px #070a12,0 0 14px 4px #ff4f3ab3}.hud-more{display:none}body:is([data-look=cut],[data-look=glow]) .hud-more{padding:3px 8px;font-size:12px;display:inline-block}body:is([data-look=cut],[data-look=glow]) .hud:not(.open) .controls{display:none}body:is([data-look=cut],[data-look=glow]) .hud .controls{margin-top:10px}body:is([data-look=cut],[data-look=glow]) .hud.open .hud-more{background:var(--ink);color:var(--paper)}body:is([data-look=cut],[data-look=glow]) .hud .credits{color:#5b5e5a;max-width:min(720px,100vw - 380px);margin:0;font-size:10.5px;position:fixed;bottom:10px;left:16px}body[data-look=glow] .hud .credits{color:#6a7388}body:is([data-look=cut],[data-look=glow]) .legend{bottom:56px}body[data-look=cut] .label.ruler{color:#fff;text-shadow:0 1px 2px #0009;background:0 0;font-size:12px;transform:translate(8px,-50%)}body[data-look=cut] .label.ruler b{color:#000;text-shadow:none;background:#fff;border-radius:1px;margin-right:4px;padding:0 4px;display:inline-block}body[data-look=cut] .label.ruler small{color:#d6d3cc;margin-left:2px;font-size:10.5px;display:block}.label.ruler{display:none}body[data-look=cut] .label.ruler{display:block}body:is([data-station=jay-st-metrotech],[data-station=times-square],[data-station=bryant-park]) .video:not(.has-clip){border:0;border-radius:0;width:auto;height:auto;margin-bottom:4px;padding:4px}body[data-station=times-square] #b-lines small{display:none}body[data-station=times-square] #b-lines li{padding:5px 0;font-size:12px}body[data-station=times-square] #b-text{font-size:13px}body[data-station=times-square] #b-note{font-size:11px}body[data-station=times-square] .hud,body[data-station=bryant-park] .hud{background:color-mix(in srgb, var(--paper) 94%, transparent);border-radius:4px;padding:8px}body[data-station=bryant-park] #b-lines li{padding:5px 0;font-size:12px}body[data-station=bryant-park] #b-lines small{font-size:11px}body[data-station=bryant-park] #b-text{font-size:13px}body[data-station=bryant-park] #b-note{font-size:11px}@media (width<=700px){body:is([data-station=jay-st-metrotech],[data-station=times-square],[data-station=bryant-park]) .panel{width:auto}body:is([data-station=jay-st-metrotech],[data-station=times-square],[data-station=bryant-park]) .hud .credits{max-width:100%;font-size:9px}}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) .video:not(.has-clip){border:0;border-radius:0;width:auto;height:auto;margin-bottom:4px;padding:4px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) .hud{background:color-mix(in srgb, var(--paper) 94%, transparent);border-radius:4px;padding:8px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) #b-lines li{padding:5px 0;font-size:12px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) #b-lines small{font-size:11px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) #b-text{font-size:13px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) #b-note{font-size:11px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) #b-title{margin-bottom:10px;font-size:20px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) #b-text{margin-bottom:10px}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) #b-lines small{line-height:1.25}@media (width<=600px){body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) .panel{width:auto}body:is([data-station=atlantic-av],[data-station=borough-hall],[data-station=fulton-st],[data-station=court-square],[data-station=herald-square],[data-station=canal-st]) .hud .credits{max-width:100%;font-size:9px}}body[data-station=world-trade-center] .hud{background:color-mix(in srgb, var(--paper) 94%, transparent);border-radius:4px;padding:8px}body[data-station=world-trade-center] .hud-more{font-size:12px;display:inline-block}.wtc-buildings-tools{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;display:flex}.wtc-buildings-tools button{font-size:12px}.wtc-buildings-tools a{color:var(--ink);font-size:12px}.wtc-buildings-tools small{color:var(--muted);flex-basis:100%;font-size:9px}body[data-station=world-trade-center] .hud:not(.open) :is(.station-nav,.controls){display:none}body[data-station=world-trade-center] .hud .credits{font-size:9px;line-height:1.3}body[data-station=world-trade-center] .video:not(.has-clip){border:0;border-radius:0;width:auto;height:auto;margin-bottom:4px;padding:4px}body[data-station=world-trade-center] #b-lines li{padding:5px 0;font-size:12px}body[data-station=world-trade-center] #b-text{font-size:13px}body[data-station=world-trade-center] #b-note{font-size:11px}@media (width<=700px){body[data-station=world-trade-center] .panel{width:auto;max-height:46vh}body[data-station=world-trade-center] .hud{top:10px;left:12px;right:12px}body[data-station=world-trade-center] .hud.open{max-height:43vh;overflow:auto}}.surface-place-marker.symbol.architectural{box-sizing:border-box;background:color-mix(in srgb, var(--paper) 93%, #c8ded4);border:1px solid #a8c1b7;border-radius:50%;width:30px;height:30px;padding:4px}.surface-place-marker.symbol.architectural svg{stroke-width:1.8px;display:block}.city-panel[hidden],.city-callout[hidden],.city-entrance[hidden]{display:none}body[data-city-sample] .hud-more{display:inline-block}body[data-city-sample] .hud:not(.open) .controls{display:none}.city-toggle{margin:0 0 7px 5px;font-size:12px}.city-panel{color:#e6eae8;background:#222b2e;border:1px solid #536267;border-radius:8px;width:300px;max-height:calc(100dvh - 32px);padding:20px;position:fixed;top:16px;right:16px;overflow:auto}.city-panel h2{letter-spacing:-.025em;margin:5px 0 16px;font-size:24px;font-weight:550;line-height:1.15}.city-panel .eyebrow{color:#9fbbc2;margin:0}.city-panel p{font-size:13px;line-height:1.55}.city-anchors{flex-wrap:wrap;gap:7px;margin:18px 0 12px;display:flex}.city-anchors button{color:#d4dedf;background:0 0;border-color:#536267;padding:6px 9px;font-size:12px}.city-anchors button[aria-pressed=true]{color:#d4f5ff;background:#2c4752;border-color:#8fc5d4}.city-panel .city-caption{color:#b8dce5;min-height:40px}.city-panel .city-scale,.city-panel .city-source{color:#a2b0b4;font-size:11px}.city-source a{color:inherit;text-underline-offset:3px}.city-panel .city-underneath{color:#15282e;background:#c6e7ed;border-color:#c6e7ed;width:100%;margin:12px 0 4px}.city-callout{pointer-events:none;color:#d2eff4;white-space:nowrap;background:#233a42;border:1px solid #78a7b4;border-radius:4px;padding:5px 9px;font-size:12px;position:fixed;transform:translate(-50%,-100%)}.city-callout:after{content:"";border-left:1px solid #78a7b4;height:16px;position:absolute;top:100%;left:50%}.city-entrance{pointer-events:auto;justify-items:center;gap:4px;display:grid;position:fixed;transform:translate(-50%,-7px)}.city-entrance i{background:#70bfde;border:2px solid #d6f2fc;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #24383e}.city-entrance span{color:#d2f0fc;white-space:nowrap;background:#253d48;border-radius:3px;padding:3px 6px;font-size:11px}body[data-city-emerge]{--paper:#20292c;--ink:#e7eff0;--muted:#afc0c3;--rule:#536a70}body[data-city-emerge] .panel,body[data-city-emerge] .legend,body[data-city-emerge] #labels,body[data-city-emerge] .tip{display:none}body[data-city-emerge] .hud{background:#20292cf0;border-radius:5px;max-width:310px;padding:10px}body[data-city-emerge] .hud-more{display:inline-block}body[data-city-emerge] .hud:not(.open) :is(.controls,.station-nav),body[data-city-emerge] .controls>:not(.seg[aria-label=Buildings]){display:none}body[data-city-emerge] .hud>p{font-size:12px}body[data-city-emerge] .hud .credits{margin-top:6px;font-size:9px}.emergence-panel{color:#e7eff0;background:#202c31;border:1px solid #536a70;border-radius:8px;width:310px;max-height:calc(100dvh - 32px);padding:19px;position:fixed;top:16px;right:16px;overflow:auto}.emergence-panel h2{letter-spacing:-.025em;margin:5px 0 12px;font-size:25px;font-weight:550;line-height:1.15}.emergence-copy{color:#c5d4d7;min-height:90px;font-size:13px;line-height:1.55}.emergence-panel .eyebrow{color:#aad3de;margin:0}.emergence-steps{gap:5px;margin:16px 0;display:flex}.emergence-steps button{color:#bdcdd1;background:0 0;border-color:#50666e;flex:1;padding:7px 3px;font-size:11px}.emergence-steps button[aria-pressed=true]{color:#d6f4fc;background:#31505b;border-color:#98cbd8}.emergence-scrub{color:#afc0c3;margin:10px 0 14px;font-size:11px;display:block}.emergence-scrub input{accent-color:#eda28f;width:100%;margin:8px 0 0;display:block}.emergence-panel .emergence-play{color:#15282e;background:#c6e7ed;border-color:#c6e7ed;width:100%}.emergence-source{color:#9fb4bb;margin:13px 0 5px;font-size:10px;line-height:1.5}.emergence-explore{color:#b4d3dd;font-size:11px}.emergence-label{pointer-events:none;white-space:nowrap;color:#d7edf3;background:#263d46;border:1px solid #638b99;border-radius:3px;padding:4px 7px;font-size:11px;position:fixed;transform:translate(-50%,-100%)}.emergence-label[hidden]{display:none}.emergence-leaders{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.emergence-leaders path{fill:none;stroke:#a3dce9;stroke-width:1px;opacity:.8}.emergence-exit{color:#d0f3fc;border-color:#a3dce9;transform:translate(-50%,18px)}.emergence-platform{color:#c5d7e1;background:#293b43;transform:translate(-50%,30px)}.emergence-person{background:#f47d65;border:2px solid #ffe5d9;border-radius:50%;width:12px;height:12px;padding:0;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #462f2d}@media (width<=700px){body[data-city-emerge] .hud{max-width:none;padding:7px 9px;top:10px;left:12px;right:12px}body[data-city-emerge] .hud>p:not(.credits){display:none}body[data-city-emerge] .hud .credits{margin:4px 0 0;font-size:8px;line-height:1.3}.emergence-panel{width:auto;max-height:40dvh;padding:13px;inset:auto 12px 12px}.emergence-panel h2{margin:3px 0 7px;font-size:21px}.emergence-copy{min-height:58px;margin:6px 0;font-size:12px}.emergence-steps{margin:10px 0}.emergence-scrub{margin:8px 0}.emergence-source{margin:8px 0 3px;font-size:9px}}body[data-city-view=skyline]{--paper:#222829;--ink:#e3e8e6;--muted:#a8b6b8;--rule:#566366}body[data-city-view=skyline] .panel,body[data-city-view=skyline] .legend,body[data-city-view=skyline] #labels,body[data-city-view=skyline] .tip{display:none}body[data-city-view=skyline] .hud{background:#222829f0;border-radius:5px;padding:10px}body[data-city-view=skyline] .hud>p:not(.credits){font-size:12px}body[data-city-view=skyline] .hud .credits{display:none}@media (width<=700px){.city-panel{width:auto;max-height:42dvh;padding:14px;inset:auto 12px 12px}.city-panel h2{margin:3px 0 8px;font-size:19px}.city-panel .city-intro{display:none}.city-panel .city-caption{min-height:0;margin:8px 0}.city-anchors{gap:6px;margin:10px 0 8px}.city-panel .city-underneath{margin:6px 0 0}.city-panel .city-source{margin:9px 0 0;font-size:10px}body[data-city-sample] .city-toggle{display:inline-block}body[data-city-sample] .hud:not(.open) .station-nav{display:none}}.frost-switch{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.frost-switch span{width:100%}.frost-switch button{padding:3px 8px;font-size:11px}.frost-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}body[data-city-plain=night]{--paper:#222829;--ink:#e6eae8;--muted:#a9b6b8;--rule:#3f4b4f;background:#222829}body[data-city-plain=night] :is(.panel,.legend,.hud){color:#e6eae8;background:#222b2eeb;border-color:#536267}body[data-city-plain=night] .label{color:#e6eae8;background:#222829c7}body[data-city-plain] .hud-more{display:inline-block}body[data-city-plain] .hud:not(.open) .controls{display:none}.entrance-ring{pointer-events:auto;width:0;height:0;position:relative}.entrance-ring:before,.entrance-ring:after{content:"";border:2px solid var(--ring);box-sizing:border-box;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px}.entrance-ring:before{box-shadow:0 0 6px var(--ring)}.entrance-ring:after{animation:2.4s ease-out infinite entrance-breath}@keyframes entrance-breath{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.entrance-ring:after{opacity:0;animation:none}}body[data-city-story]{--paper:#f3f1eb;--ink:#283536;--muted:#6c7774;--rule:#d4d6cb}body[data-city-story] .hud{background:#f3f1ebeb;border-radius:5px;max-width:260px;padding:10px}body[data-city-story] .hud h1{font-size:17px}body[data-city-story] .hud>p{font-size:12px}body[data-city-story] .legend,body[data-city-story] [aria-label=Footage\ window],body[data-city-story] #stage-walk :is(.video,.video-caption),body[data-city-story] #labels :is(.label,.floor-label,.above-you),body[data-city-story] #stage-bearings :is(.lines,.eyebrow){display:none}body[data-city-story] .panel{background:#faf9f5f5;border-color:#d4d6cb}.story-choice{color:var(--muted);margin:18px 0;font-size:12px;display:block}.story-choice select{width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:4px;margin-top:6px;padding:8px;display:block}.story-label{color:#45636d;white-space:normal;text-align:center;background:#faf9f5f0;border:1px solid #a0b9bc;border-radius:3px;width:max-content;padding:4px 7px;font-size:11px}.story-exit{color:#176d83;border-color:#398ba1;transform:translate(-50%,15px)}.story-anchor{transform:translate(-50%,-130%)}.story-platform{color:#a74b3e;border-color:#c88677;transform:translate(-50%,20px)}.story-overhead{color:#6d8c96;border-style:dashed;font-size:10px;transform:translate(-50%,-150%)}@media (width<=700px){body[data-city-story] .hud{max-width:none;padding:8px;top:10px;left:12px;right:12px}body[data-city-story] .hud h1{font-size:15px}body[data-city-story] .panel{width:auto;max-height:42dvh}body[data-city-story] .panel h2{font-size:20px}body[data-city-story] .panel p{font-size:12px}body[data-city-story] #b-note{margin:8px 0;font-size:10px}.story-choice{margin:10px 0}.story-label{white-space:normal;text-align:center;width:max-content;max-width:210px;font-size:10px}}body[data-city-story] .story-building-toggle{margin-right:6px;font-size:12px;display:inline-block}body[data-city-story]:is([data-stage=walk],[data-stage=recap]) #labels :is(.label.platform,.label.mezzanine),body[data-city-story][data-city-camera=underground] #labels .label.landmark{display:block}.story-entrance-ring{opacity:.7}.story-entrance-ring:before{box-shadow:none}.story-entrance-ring:after{animation:none;display:none}.story-entrance-ring.current{opacity:1}.story-entrance-ring.current:before{background:#197b941a;border-width:2.5px;width:14px;height:14px;top:-7px;left:-7px}.story-entrance-ring:before{pointer-events:none}.story-entrance-hit{cursor:default;border-radius:50%;outline:none;width:12px;height:12px;position:absolute;top:-6px;left:-6px}.story-entrance-ring.hovered{opacity:1}.story-entrance-ring.hovered:before{background:#197b9429;transform:scale(1.15);box-shadow:0 0 0 3px #197b941a}.story-entrance-ring.lift:before{background:#f2eff7;border-radius:3px;width:14px;height:14px;top:-7px;left:-7px}.story-entrance-ring.lift{z-index:1000!important}.story-entrance-ring.lift .story-entrance-hit{border-radius:3px;width:14px;height:14px;top:-7px;left:-7px}.story-entrance-ring.lift.current:before{width:16px;height:16px;top:-8px;left:-8px}.story-lift-symbol{color:#77619a;place-items:center;font:600 14px/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}.story-entrance-ring.lift.hovered:before{background:#e7e0f0;box-shadow:0 0 0 3px #77619a1f}.story-entrance-caption{pointer-events:none;white-space:nowrap;max-width:240px;font-size:10px;display:none;position:absolute;bottom:13px;left:0;transform:translate(-50%)}.story-entrance-ring.hovered .story-entrance-caption{display:block}body[data-city-story] #labels{z-index:0}body[data-city-story] :is(.hud,.panel){z-index:1}body[data-city-story] .story-signature{color:var(--route);margin:0 0 8px;font-size:13px;line-height:1.4}body[data-city-story] .story-signature[hidden],body[data-city-story]:not([data-debug]) :is(#hud-more,#toggle-subway){display:none}body[data-city-story][data-debug] .hud-more{display:inline-block}body[data-city-story] .hud:not(.open) .controls{display:none}body[data-city-story] .hud>h1{margin:0 0 2px}.story-station{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;margin:-4px -6px;padding:4px 6px;display:inline-flex}.story-station:hover,.story-station[aria-expanded=true]{background:#2835360f}.story-station-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:4px;font:600 11px/1.2 system-ui,sans-serif;display:inline-flex}.story-station svg{width:14px;height:14px;color:var(--ink);flex:none;transition:transform .15s}.story-station[aria-expanded=true] svg{transform:rotate(180deg)}body[data-city-story] .station-nav{display:none}body[data-city-story] .hud.stations-open .station-nav{border-top:1px solid var(--rule);gap:1px;max-height:min(60vh,420px);margin:6px 0 10px;padding-top:6px;display:grid;overflow:auto}body[data-city-story] .station-nav a{color:var(--ink);border-radius:3px;padding:5px 4px;font-size:13px;text-decoration:none;display:block}body[data-city-story] .station-nav a:hover{background:#2835360f}body[data-city-story] .station-nav a[aria-current=page]{font-weight:600}.story-credits{max-width:380px;color:var(--muted);z-index:1;background:#f3f1ebe0;border-radius:4px;margin:0;padding:4px 6px;font-size:10px;line-height:1.4;position:fixed;bottom:12px;left:16px}.story-credits a{color:inherit}.story-about{border:1px solid var(--rule);z-index:2;background:#faf9f5fa;border-radius:6px;width:300px;max-height:calc(100dvh - 180px);padding:14px 16px;font-size:12px;line-height:1.5;position:fixed;top:150px;left:16px;overflow:auto}.story-about[hidden]{display:none}.story-about h2{margin:0 0 6px;font-size:15px}.story-about h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:12px 0 6px;font-size:11px;font-weight:600}.story-about ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.story-about li{align-items:center;gap:6px;display:flex}.story-about p{margin:0}.story-about a{color:inherit}.story-key-ring{border:2px solid #197b94;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.story-key-ring.lift{color:#77619a;text-align:center;background:#f2eff7;border:2px solid #77619a;border-radius:3px;width:14px;height:14px;margin-left:6px;font:600 10px/10px system-ui}.story-key-building{background:#bcd8e2;border:1px solid #3f6f7d;flex:none;width:12px;height:12px;display:inline-block}.story-trip-current{color:var(--ink);margin:4px 0 6px;font-size:12px}.story-trip{margin:0 0 14px;font-size:12px}.story-trip summary{cursor:pointer;color:#2f6f84;width:max-content}.story-trip .trip{margin-top:8px}body[data-city-story] #b-note[hidden],body[data-city-story] #stage-walk #beat:empty,.story-sheet-handle{display:none}@media (width<=700px){.story-credits{display:none}.story-about{width:auto;max-height:calc(100dvh - 96px);top:64px;left:12px;right:12px}body[data-city-story] .hud{flex-wrap:wrap;align-items:center;gap:6px;display:flex}body[data-city-story] .hud>h1{flex:100%}body[data-city-story] .hud>p{display:none}body[data-city-story] .hud .story-building-toggle{margin:0}body[data-city-story] .hud.stations-open .station-nav{flex:100%}body[data-city-story] .panel{padding-top:4px;padding-bottom:0;transition:max-height .2s}body[data-city-story][data-sheet=folded] .panel{max-height:118px;overflow:hidden}.story-sheet-handle{cursor:pointer;background:0 0;border:0;width:100%;height:16px;margin:0 0 2px;padding:0;display:block;position:relative}.story-sheet-handle:after{content:"";background:#c4c7bd;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}body[data-city-story] :is(#go-down,#stage-walk .nav,.story-next-walk){z-index:1;margin-bottom:12px;position:sticky;bottom:0;box-shadow:0 -8px 10px #faf9f5,0 12px #faf9f5}body[data-city-story] #stage-walk .nav{background:#faf9f5}}.story-borough{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 4px 2px;font-size:10px}.story-borough:first-child{margin-top:0}body[data-city-story] .hud .story-building-toggle{background:var(--paper);color:var(--ink);border:1px solid var(--rule)}body[data-city-story] #toggle-buildings:before{content:"";border:1.5px solid var(--ink);vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}body[data-city-story] #toggle-buildings[aria-pressed=true]:before{background:var(--ink)}.story-recenter[hidden]{display:none!important}body[data-city-story] .story-signature{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:11px}.story-trip-current{gap:6px;margin:8px 0 10px;display:grid}.story-to{align-items:flex-start;gap:6px;display:flex}.story-end{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.story-end .bullets{gap:3px;width:auto;display:flex}.story-end .bullet{width:20px;height:20px;font-size:11px}.story-end small{color:var(--muted);font-size:11px}.story-end-text{font-size:12px;font-weight:600}.story-arrow{color:var(--muted);line-height:20px}body[data-city-story] #go-down:after{content:" →"}body[data-city-story] #stage-walk #step{margin:0 0 4px;display:block}body[data-city-story] #prev:disabled{visibility:hidden}body[data-city-story] #stage-walk>p.eyebrow:not(#step){display:none}body[data-city-story] #stage-walk .depth{margin:0;font-size:15px;display:inline}body[data-city-story] #stage-walk .depth small{font-size:11px}body[data-city-story] #stage-walk .floor{margin-left:6px;display:inline}body[data-city-story] #stage-walk .floor:not(:empty):before{content:"· "}body[data-city-story] #stage-walk .profile{margin-top:8px}.story-next-walk{width:100%;margin:8px 0 14px}.story-next-walk[hidden]{display:none}body[data-city-story] #r-stops li{cursor:default}#labels .stop-mark.lit{background:var(--route);color:#fff;box-shadow:0 0 0 4px #c93f2f33}@media (pointer:coarse){.story-entrance-hit,.story-entrance-ring.lift .story-entrance-hit{width:28px;height:28px;top:-14px;left:-14px}}body[data-ui=captions] .panel{display:none}body[data-ui=captions][data-drawer=open] .panel{z-index:4;border-radius:12px 12px 0 0;width:auto;max-width:560px;max-height:72dvh;margin:0 auto;padding:8px 16px 16px;display:block;position:fixed;inset:auto 0 0;overflow:auto}body[data-ui=captions] .story-sheet-handle,.caption-drawer-close{display:none}body[data-ui=captions] .caption-drawer-close{margin:0 0 6px auto;padding:4px 10px;font-size:12px;display:block}.caption-bar{box-sizing:border-box;border:1px solid var(--rule);z-index:3;background:#faf9f5f7;border-radius:10px;align-items:center;gap:8px;max-width:560px;min-height:54px;margin:0 auto;padding:8px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.caption-bar button{padding:9px 12px;font-size:13px}.caption-bar button.primary{flex:auto;max-width:300px;margin-left:auto}.caption-bar button.primary:only-of-type{flex:1}.caption-bar .caption-more{color:var(--muted);background:0 0;border-color:#0000;padding-left:6px;padding-right:6px}.caption-bar button[hidden]{display:none}body[data-ui=captions] #go-down:after{content:none}.story-caption{border:1px solid var(--rule);z-index:2;width:min(280px,100vw - 24px);color:var(--ink);background:#faf9f5f5;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45;transition:transform .35s ease-out;position:fixed;top:0;left:0}.story-caption h2{margin:0 0 4px;font-size:16px;font-weight:650;line-height:1.25}.story-caption .caption-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 3px;font-size:10px}.story-caption .caption-body{margin:0}.story-caption .story-trip-current{margin:4px 0 6px}.story-caption-leader{transform-origin:0 0;z-index:1;pointer-events:none;background:#6d8c96;height:1px;position:fixed;top:0;left:0}.story-caption-leader[hidden]{display:none}@media (prefers-reduced-motion:reduce){.story-caption{transition:none}}body[data-ui=captions] .story-credits{bottom:76px}body[data-ui=captions] .story-about{z-index:5}body[data-drawer=open] :is(.story-caption,.story-caption-leader){display:none}.caption-bar button:not(.primary){white-space:nowrap}.story-card{border:1px solid var(--rule);width:min(300px,100vw - 32px);max-height:min(46dvh,360px);color:var(--ink);z-index:3;background:#faf9f5f7;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5;position:fixed;top:132px;left:16px;overflow:auto}.story-card[hidden]{display:none}.story-card h3{margin:0 24px 6px 0;font-size:15px;line-height:1.3}.story-card p{margin:0}.story-card-text:empty{display:none}.story-card-sources{color:var(--muted);font-size:11px;margin-top:8px!important}.story-card-sources:empty{display:none}.story-card-sources a{color:inherit}.story-card-close{width:28px;height:28px;color:var(--muted);background:0 0;border:0;padding:0;font-size:18px;line-height:28px;position:absolute;top:6px;right:6px}@media (width<=700px){.story-card{width:auto;max-height:34dvh;top:96px;left:12px;right:12px}}.story-key-building.named{background:#e2edf0;border-color:#6d97a3}.story-credits[hidden]{display:none}body[data-city-story] .hud.stations-open{z-index:4;background:#f3f1eb;box-shadow:0 6px 18px #2835361f}.no-webgl{text-align:center;color:var(--ink);background:var(--paper);place-items:center;margin:0;padding:24px;font:15px/1.5 system-ui,sans-serif;display:grid;position:fixed;inset:0}body[data-shot] :is(.hud,.panel,.story-card,.story-about,.toast,.caption-bar,.story-caption,.story-caption-leader){display:none!important}