@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f0f0e9;--muted:#aeb8ae;--line:#ffffff26;--accent:#d5f05b;--panel:#111c18e8}*{box-sizing:border-box}body{margin:0;background:#121d17;color:var(--ink);font:14px 'DM Sans',sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#world{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:fixed;top:30px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.identity{display:flex;gap:14px;align-items:center}.brand-mark{font:700 45px 'Space Grotesk',sans-serif;color:var(--accent);letter-spacing:-5px;position:relative}.brand-mark span{font-size:23px;position:absolute;right:-5px;top:-4px}h1{font:600 21px 'Space Grotesk',sans-serif;letter-spacing:1px;margin:0}h1 span{font-weight:400;font-size:14px;color:#b4beb5}.identity p{font-size:9px;letter-spacing:1.8px;margin:7px 0 0;color:#b3c0b7}.live{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.live i{background:var(--accent);width:6px;height:6px;border-radius:50%;box-shadow:0 0 15px #cce95f77}.places{position:fixed;left:35px;top:145px;width:250px;background:linear-gradient(90deg,#122019d9,#122019aa);padding:24px 18px 20px;border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:3px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--accent);margin:0 0 9px}.places h2{font:500 27px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:0 0 22px}nav button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 0;text-align:left;border-top:1px solid #ffffff13;font-size:12px;transition:.2s}nav button span{font:11px 'Space Grotesk',sans-serif;color:#7c9385}nav button b{margin-left:auto;color:#7b9485;font-weight:400}nav button:hover,nav button.selected{color:var(--accent)}nav button.selected span,nav button.selected b{color:var(--accent)}.scale{margin-top:18px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center}.scale>span{font:28px 'Space Grotesk',sans-serif;letter-spacing:-1px}.scale>span span{font-size:12px;color:var(--muted)}.scale p{font-size:7px;line-height:1.7;letter-spacing:1px;color:var(--muted)}.top-controls{position:fixed;right:35px;top:105px;display:flex;gap:6px}.top-controls button{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(12px);padding:10px 12px;font-size:11px;border-radius:3px}.top-controls button:hover{border-color:#d5f05b88}.location-label{position:fixed;left:325px;bottom:135px;pointer-events:none;text-shadow:0 2px 15px #0008}.location-label span{font-size:9px;letter-spacing:2px;color:var(--accent)}.location-label h2{font:500 35px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:9px 0}footer{position:fixed;bottom:35px;left:35px;right:35px;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;gap:22px}.modes{background:var(--panel);padding:4px;display:flex;gap:3px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.modes button{font-size:11px;padding:10px 14px;border-radius:2px}.modes button.active{background:var(--accent);color:#192018;font-weight:700}#hint{font-size:10px;color:#c1ccc3;max-width:330px}.foot-right{margin-left:auto;display:flex;gap:20px;font-size:10px;align-items:center;white-space:nowrap}.foot-right a{color:#c5d0c5;text-decoration:none}.foot-right button{border-bottom:1px solid var(--accent);padding:8px 0;color:var(--accent)}.compass{position:fixed;right:38px;bottom:130px;display:grid;justify-items:center;gap:2px;pointer-events:none}.compass span{font:10px 'Space Grotesk';color:var(--accent)}.compass i{font:40px 'Space Grotesk';color:#d5f05baa}.compass small{font-size:7px;letter-spacing:1px;color:#b7c6b9;margin-top:9px}.model-note{position:fixed;bottom:10px;left:35px;font-size:8px;color:#9faea5;pointer-events:none}#loading{position:fixed;inset:0;z-index:5;background:linear-gradient(90deg,#07140ff5,#07140fa8),url('aerial.png') center/cover;display:flex;align-items:center;transition:opacity .65s}.loader-content{margin-left:max(9vw,35px)}.loader-content h2{font:500 clamp(60px,7vw,100px)/.97 'Space Grotesk';letter-spacing:-6px;margin:30px 0;color:#f5f6eb}.loader-content #load-text{font-size:12px;color:#b6c8b9;margin:28px 0 12px}.progress{width:260px;height:2px;background:#ffffff28}.progress div{height:100%;width:5%;background:var(--accent);transition:width .3s}.load-foot{font-size:9px;letter-spacing:3px;margin-top:35px;color:#a8b7ac}dialog{width:min(1000px,90vw);padding:20px;border:1px solid var(--line);background:#101b16;color:var(--ink);border-radius:8px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog video{width:100%;display:block}dialog p{font-size:12px;color:var(--muted);margin-bottom:0}.close{float:right;font-size:25px;margin:-15px -6px 4px;padding:5px 10px}.mobile-walk{position:fixed;bottom:130px;right:25px;text-align:center}.mobile-walk button{width:45px;height:45px;margin:2px;background:#18271fe0;border:1px solid #ffffff45;border-radius:7px;touch-action:none}.mobile-walk[hidden]{display:none}
@media(max-width:1000px){footer{gap:12px}#hint{max-width:190px}.foot-right{gap:8px}.places{width:220px}.location-label{left:285px}.scale{display:block}.scale p{margin:6px 0 0}}@media(max-height:750px) and (min-width:701px){.places{top:125px;padding-top:16px}.places h2{font-size:22px;margin-bottom:12px}nav button{padding:9px 0}.scale{margin-top:8px;padding-top:12px}.location-label{bottom:130px}}@media(max-width:700px){header{top:20px;left:20px;right:20px}h1{font-size:16px}.identity p{font-size:7px;letter-spacing:1px}.brand-mark{font-size:36px}.live{display:none}.top-controls{right:20px;top:87px}.places{left:20px;right:20px;top:auto;bottom:155px;width:auto;padding:0;background:none;backdrop-filter:none;border:0}.places .eyebrow,.places h2,.scale{display:none}nav{display:flex;gap:7px;overflow:auto;padding:5px 0}nav button{flex:0 0 auto;padding:10px 12px;background:#13241eea;border:1px solid var(--line);border-radius:3px;gap:7px;font-size:10px}nav button b{display:none}.location-label{left:20px;bottom:215px}.location-label h2{font-size:27px}.compass{display:none}footer{left:20px;right:20px;bottom:30px;display:block;padding-top:10px}.modes{width:max-content}.modes button{padding:10px 12px}#hint{font-size:9px;max-width:100%;margin:9px 0}.foot-right{position:absolute;right:0;top:12px}.foot-right a{display:none}.foot-right button{font-size:9px}.model-note{left:20px;font-size:6px;right:15px;bottom:8px}.loader-content h2{letter-spacing:-4px}.mobile-walk{bottom:240px;right:20px}body.walking .location-label{bottom:285px}body.walking .places{bottom:155px}dialog{padding:12px}}

.scale>span{white-space:nowrap}.scale{gap:8px}.scale p{font-size:6.5px}
#loading[hidden]{display:none}#hint{text-shadow:0 1px 5px #000,0 1px 12px #000}footer{background:linear-gradient(0deg,#10201970,transparent)}

@media(min-width:701px){.places nav{max-height:43vh;overflow-y:auto;scrollbar-width:thin}.places nav button{font-size:11px}}

#layout-note{font-size:10px;letter-spacing:.7px;color:#e2e8d4;max-width:500px;line-height:1.5;margin:8px 0;text-shadow:0 1px 7px #000}#layout-note[hidden]{display:none}

.navigation-panel{position:fixed;right:35px;top:165px;width:252px;border:1px solid var(--line);border-radius:5px;background:var(--panel);backdrop-filter:blur(16px);max-height:calc(100dvh - 285px);overflow:auto;scrollbar-width:thin}.navigation-panel summary{cursor:pointer;padding:13px 14px;font-size:12px;font-weight:600}.navigation-panel summary span{float:right;color:var(--accent);font-size:10px;font-weight:400}.walk-settings{padding:0 14px 12px;border-bottom:1px solid var(--line)}.walk-settings label{display:flex;justify-content:space-between;font-size:11px;margin:4px 0 10px}.walk-settings output{color:var(--accent);font-variant-numeric:tabular-nums}.walk-settings input{width:100%;accent-color:var(--accent);margin:0;cursor:pointer}.speed-scale{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:3px 0 12px}.steering{display:flex;gap:5px}.steering button{background:#ffffff0c;border:1px solid var(--line);border-radius:3px;min-height:38px;padding:6px 8px;touch-action:none}.steering #auto-walk{flex:1;font-size:11px;color:var(--accent)}#auto-walk[aria-pressed="true"]{background:var(--accent);color:#152016}.walk-settings p{font-size:9px;line-height:1.7;color:var(--muted);margin:10px 0 0}.navigation-panel kbd{font:9px 'DM Sans',sans-serif;color:var(--muted)}.direction-pad{padding:12px;text-align:center}.direction-pad>button{min-width:90px;margin-bottom:5px}.direction-pad>div{display:flex;gap:5px}.direction-pad button{background:#ffffff0b;border:1px solid var(--line);border-radius:4px;min-height:47px;flex:1;padding:6px;touch-action:none}.direction-pad button span,.direction-pad button kbd{display:block}.direction-pad button span{font-size:10px;margin-bottom:4px}.direction-pad button:active,.steering button:active{border-color:var(--accent);background:#d5f05b25}.navigation-panel button:disabled{opacity:.4}.compass{right:40px;bottom:125px}.top-controls{flex-wrap:wrap;justify-content:flex-end}.walking .location-label{max-width:calc(100vw - 620px)}
@media(max-width:1000px) and (min-width:701px){.navigation-panel{right:25px;width:225px}.top-controls{right:25px}.walking .location-label{max-width:calc(100vw - 555px);font-size:20px}.walking .location-label h2{font-size:25px}.compass{display:none}}
@media(max-width:700px){.navigation-panel{right:20px;top:135px;width:220px;max-height:calc(100dvh - 345px)}.navigation-panel summary{padding:10px 12px}.walk-settings{padding:0 12px 8px}.walk-settings p{font-size:8px}.direction-pad{padding:8px}.direction-pad button{min-height:42px}.top-controls{gap:4px;left:20px}.top-controls button{padding:8px 10px}.location-label{max-width:calc(100vw - 270px)}.location-label h2{font-size:20px}body.walking .location-label{display:none}.places{bottom:150px}.compass{display:none}}