:root{--bg: #05070c;--ink: #f2f4f8;--muted: rgba(242, 244, 248, .55);--line: rgba(242, 244, 248, .18);--accent: #e8c84a;--panel: rgba(5, 7, 12, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;position:fixed;inset:0;overscroll-behavior:none;background:var(--bg);color:var(--ink);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{position:absolute;inset:0;width:100%;height:100%;z-index:0}#c{display:block;position:relative;z-index:0;width:100%;height:100%;touch-action:none}.hud-tl,.hud-tr,.hud-nav,.hud-weather,.loader{position:absolute;z-index:20;pointer-events:none}.label-layer,.label-layer *{pointer-events:none!important}.hud-tl{top:28px;left:32px;max-width:min(420px,70vw)}.hud-tr{top:28px;right:32px;text-align:right;pointer-events:none;z-index:110}.hud-tr .layers{max-width:none;font-variant-numeric:tabular-nums}.settings-toggle{appearance:none;display:inline-block;margin-top:12px;pointer-events:auto;border:1px solid var(--line);background:#080c148c;color:var(--ink);font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.settings-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,78vw);padding:14px;text-align:left;background:#080c14d1;border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;z-index:30}.settings-panel[hidden]{display:none}.settings-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.settings-kicker+.seg+.settings-kicker{margin-top:14px}.seg{display:flex;flex-wrap:wrap;gap:3px}.seg button{appearance:none;flex:1 1 auto;border:0;background:#ffffff0a;color:var(--muted);font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 6px;cursor:pointer}.seg button.active,.hud-weather button.active{color:var(--ink);background:#ffffff1f}.settings-note{margin-top:12px;font-size:11px;line-height:1.4;color:var(--muted)}.hud-weather{top:28px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#080c148c;border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;border-radius:2px;z-index:100}.hud-weather button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;cursor:pointer;white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:8px}.hud-tl h1{font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:10px}.meta,.layers{font-size:12px;line-height:1.45;color:var(--muted);font-weight:400;max-width:36ch}.crosshair{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border:1px solid rgba(255,255,255,.35);border-radius:50%;pointer-events:none;z-index:2;opacity:.55}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffff8c}.crosshair:before{left:50%;top:8px;bottom:8px;width:1px;margin-left:-.5px}.crosshair:after{top:50%;left:8px;right:8px;height:1px;margin-top:-.5px}.hud-nav{bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#080c148c;border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;border-radius:2px;z-index:100;isolation:isolate}.hud-nav button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;cursor:pointer;transition:color .2s ease,background .2s ease;white-space:nowrap}.hud-nav button:hover,.hud-nav button.active,.hud-weather button:hover,.seg button:hover{color:var(--ink);background:#ffffff0f}.loader{inset:0;display:grid;place-content:center;gap:16px;background:var(--bg);transition:opacity .6s ease,visibility .6s ease}.loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-bar{width:min(240px,50vw);height:1px;background:#ffffff1f;overflow:hidden}.loader-bar span{display:block;height:100%;width:40%;background:var(--ink);animation:load 1.1s ease-in-out infinite}.loader-text{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(max-width:720px){.hud-tl,.hud-tr{top:16px}.hud-tl{left:16px;max-width:58vw}.hud-tr{right:16px}.hud-weather{top:72px;left:16px;right:16px;transform:none;justify-content:flex-start}.hud-weather button{padding:8px 12px}.settings-toggle{margin-top:8px;padding:7px 10px}.meta{display:none}.hud-nav{bottom:12px;left:12px;right:12px;transform:none;overflow-x:auto;justify-content:flex-start}.crosshair{display:none}}:root{--panel: rgba(10,20,28,.9);--accent:#f0c763}.hud-tl{text-shadow:0 2px 20px #06131e}.hud-tl .eyebrow{color:var(--accent)}.hud-tl .meta{color:#fff;max-width:31ch}.crosshair{display:none}.city-tools{position:absolute;z-index:105;left:28px;top:166px;width:290px;max-height:calc(100dvh - 270px);overflow:auto;padding:18px;background:var(--panel);border:1px solid #ffffff26;border-radius:14px;backdrop-filter:blur(20px);box-shadow:0 15px 60px #03101f40;font-size:12px}.city-tools .eyebrow{font-size:9px;max-width:120px;line-height:1.5;margin:0}.time-heading,.time-label,.tool-row{display:flex;align-items:center;justify-content:space-between;gap:8px}#city-clock{font-size:29px;font-variant-numeric:tabular-nums;font-weight:400;color:#f0c763}.time-label{margin-top:16px;color:#e5e9ec;font-size:11px}.time-label span{color:#8494a5}#time-slider{width:100%;margin:12px 0;accent-color:#f0c763}.city-tools button,.walk-pad button{cursor:pointer;border:1px solid #ffffff26;border-radius:6px;background:#ffffff0a;color:#e8edf2;padding:8px 10px;font:inherit}.city-tools button:hover{background:#ffffff20}.city-tools button:disabled{opacity:.4;cursor:default}.city-tools button:disabled:hover{background:#ffffff0a}.city-tools button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f0c763;outline-offset:3px}.tool-row{margin-bottom:10px}.tool-row label{font-size:10px;color:#bdc8d1;display:flex;align-items:center;gap:5px}.tool-row input{accent-color:#f0c763}#walk-toggle{background:#f0c763;color:#14232b;font-weight:600;border:0}.city-tools details{border-top:1px solid #ffffff18;margin-top:14px;padding-top:12px}.city-tools summary{cursor:pointer;color:#f1f3f4;font-size:12px}.city-tools summary span{float:right;color:#f0c763;font-size:10px}#transit-route{width:100%;margin:12px 0;background:#142531;color:#e5edf2;border:1px solid #ffffff24;border-radius:6px;padding:10px;font:inherit}#transit-info{color:#b9c8d2;line-height:1.5;margin-bottom:10px;font-size:11px}.source-note{font-size:10px;line-height:1.55;color:#8195a5;margin-top:12px}.source-note a{color:#b7cddc}.scroll-list{max-height:170px;overflow:auto;display:grid;gap:5px;margin-top:10px}.scroll-list button{text-align:left;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.walk-help{display:none;position:absolute;bottom:91px;left:50%;transform:translate(-50%);z-index:105;background:#101e2dea;padding:10px 16px;border-radius:8px;font-size:11px;white-space:nowrap}.walking .walk-help{display:block}.walk-pad{display:none;position:absolute;z-index:106;bottom:135px;right:22px;text-align:center}.walk-pad button{font-size:22px;min-width:45px;margin:3px;background:#14232bd9;touch-action:none}.hud-nav{max-width:calc(100vw - 32px);overflow-x:auto;border-radius:10px}.hud-nav button{padding:10px;letter-spacing:.07em}.hud-weather{border-radius:10px}@media(max-width:1100px){.hud-weather{top:104px;left:auto;right:28px;transform:none}.city-tools{width:255px}.hud-tl{max-width:320px}}@media(pointer:coarse){.walking .walk-pad{display:block}}@media(max-width:720px){.city-tools{top:122px;left:12px;width:220px;padding:12px;max-height:calc(100dvh - 230px)}.hud-weather{top:72px;left:12px;right:auto}.hud-tr .layers,.hud-tr .eyebrow{display:none}.hud-tl h1{font-size:28px}.hud-tl .eyebrow{font-size:8px}.walking .city-tools{max-height:140px}.walk-help{bottom:68px;max-width:95vw;white-space:normal;text-align:center;font-size:10px}.walking .walk-pad{bottom:110px;right:10px}.hud-nav{max-width:none}}.unsupported .loader-bar{display:none}.unsupported .loader-text{max-width:44ch;padding:24px;line-height:1.7;letter-spacing:.03em;text-transform:none;color:#e7ebef}.unsupported-3d .city-tools,.unsupported-3d .hud-nav,.unsupported-3d .hud-weather,.unsupported-3d .hud-tr{opacity:.3;pointer-events:none}.mobile-header,.mobile-dock,.mobile-status{display:none}.mobile-sheet:not([open]){display:none}.mobile-ui{--dock-height:76px;--mobile-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-ui>.hud-tl,.mobile-ui>.hud-tr,.mobile-ui>.hud-nav,.mobile-ui>.hud-weather,.mobile-ui>section.city-tools{display:none}.mobile-ui .mobile-header{display:flex;position:fixed;z-index:110;top:max(14px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));align-items:center;justify-content:space-between;pointer-events:none;text-shadow:0 2px 14px #000a}.mobile-header strong{display:block;font-size:28px;letter-spacing:-1.2px;font-weight:500;line-height:1.15}.mobile-eyebrow{display:block;color:#f0c763;font-size:8px;letter-spacing:2.2px;margin-bottom:5px}.mobile-clock-button{pointer-events:auto;border:1px solid #ffffff25;border-radius:16px;background:#10202ae8;color:#f4ce78;padding:9px 16px;min-height:54px;font:inherit;backdrop-filter:blur(16px)}.mobile-clock-button span{display:block;font-size:20px;font-variant-numeric:tabular-nums}.mobile-clock-button span+span{font-size:9px;color:#b6c4ce;margin-top:2px}.mobile-ui .mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:fixed;z-index:120;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:var(--mobile-bottom);height:var(--dock-height);padding:6px;border:1px solid #ffffff20;border-radius:23px;background:#101e2af5;box-shadow:0 12px 35px #0006;backdrop-filter:blur(18px)}.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:17px;background:transparent;color:#c7d4de;font:inherit;font-size:11px;min-width:44px;min-height:52px;touch-action:manipulation}.mobile-dock button>span[aria-hidden],.mobile-dock b{font-size:24px;font-weight:400;line-height:25px}.mobile-dock #mobile-walk{background:#f0c763;color:#172126;font-weight:600}.mobile-dock #mobile-walk:disabled{opacity:.4}.mobile-dock button[aria-expanded=true]{background:#263b4a;color:#f0c763}.mobile-ui .mobile-status{display:block;position:fixed;z-index:105;bottom:calc(var(--mobile-bottom) + var(--dock-height) + 12px);left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap;padding:7px 12px;background:#10202abf;border-radius:20px;color:#d1dde5;pointer-events:none}.mobile-ui .mobile-sheet[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;height:auto;max-height:78dvh;padding:0 0 max(16px,env(safe-area-inset-bottom));border:1px solid #ffffff25;border-bottom:0;border-radius:26px 26px 0 0;background:#101f2b;color:#edf3f7;box-shadow:0 -20px 90px #0005;overflow:hidden}.mobile-sheet::backdrop{background:#030b1559;backdrop-filter:blur(3px)}.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 8px;border-bottom:1px solid #ffffff12;flex-shrink:0}.mobile-sheet-heading h2{font-size:18px;font-weight:500;letter-spacing:-.4px}.mobile-sheet-heading #mobile-sheet-close{font-size:27px;line-height:1;padding:0;width:44px;min-height:44px;border:0;border-radius:50%;background:#ffffff09}#mobile-sheet-content{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 18px 20px;min-height:0}.mobile-sheet button,.mobile-sheet select,.mobile-sheet summary{min-height:44px;font-size:14px}.mobile-sheet select{font-size:16px}.mobile-sheet summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-sheet details{margin-top:8px;padding-top:4px}.mobile-sheet .scroll-list{max-height:30dvh;gap:8px}.mobile-sheet .scroll-list button{font-size:14px;padding:12px;text-align:left;border-radius:12px}.mobile-sheet .hud-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transform:none;max-width:none;width:100%;padding:0;background:none;border:0;gap:8px;backdrop-filter:none}.mobile-sheet .hud-nav button{text-transform:none;letter-spacing:0;text-align:left;padding:12px;border:1px solid #ffffff1c;background:#1b2e3c;border-radius:12px;white-space:normal}.mobile-sheet .hud-nav button.active{border-color:#f0c763;color:#f0c763;background:#3d3828}.mobile-sheet .hud-weather{position:static;transform:none;display:grid;grid-template-columns:repeat(3,1fr);width:100%;padding:4px;margin:5px 0 18px;border-radius:13px}.mobile-sheet .hud-weather button{padding:8px 4px;font-size:12px;letter-spacing:0}.mobile-sheet .time-heading{margin-top:10px}.mobile-sheet .time-label{font-size:13px}.mobile-sheet #time-slider{height:36px;margin:7px 0}.mobile-sheet .tool-row{gap:12px}.mobile-sheet .tool-row label{font-size:12px;min-height:44px}.mobile-sheet input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.mobile-sheet .settings-panel{position:static;display:block;width:100%;padding:16px 0 0;border:0;border-top:1px solid #ffffff18;background:none;box-shadow:none;backdrop-filter:none}.mobile-sheet .seg button{font-size:12px;padding:8px 5px}.mobile-sheet .settings-note,.mobile-sheet .source-note{font-size:11px}.mobile-ui .walk-help{display:none}.mobile-ui.walking .walk-pad{display:block;left:max(16px,env(safe-area-inset-left));right:auto;bottom:calc(var(--mobile-bottom) + var(--dock-height) + 58px)}.mobile-ui .walk-pad button{width:52px;height:52px;border-radius:16px;background:#142a39e8;box-shadow:0 3px 12px #0004;margin:3px;user-select:none;-webkit-user-select:none}.mobile-ui .walk-pad .walk-run{display:block;margin:0 auto 8px;font-size:12px;width:68px;height:44px;min-height:44px;color:#f0c763}.mobile-ui .walk-pad button:active{background:#f0c763;color:#15222a}.mobile-sheet-open .walk-pad{visibility:hidden}.mobile-ui button:focus-visible{outline:2px solid #f0c763;outline-offset:3px}.mobile-ui.unsupported-3d .mobile-status{display:none}@media(orientation:landscape)and (max-height:600px){.mobile-ui{--dock-height:60px}.mobile-ui .mobile-header strong{font-size:22px}.mobile-ui .mobile-eyebrow{display:none}.mobile-ui .mobile-clock-button{min-height:44px;padding:6px 14px}.mobile-ui .mobile-dock{left:auto;width:min(360px,50vw)}.mobile-ui .mobile-status{left:auto;right:18px;transform:none}.mobile-ui .mobile-sheet[open]{inset:0 0 0 auto;width:min(440px,70vw);height:100dvh;max-height:100dvh;border-radius:22px 0 0 22px}.mobile-ui.walking .walk-pad{bottom:max(12px,env(safe-area-inset-bottom))}.mobile-ui .walk-pad .walk-run{position:absolute;left:184px;bottom:6px}}@media(min-width:761px)and (min-height:601px){.mobile-ui .mobile-dock{width:420px;left:50%;right:auto;transform:translate(-50%)}.mobile-ui .mobile-sheet[open]{width:540px;left:50%;right:auto;transform:translate(-50%);max-height:75dvh}}