:root{font-family:'DM Sans',Arial,sans-serif;color:#fff9ec;background:#91a7aa;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f2d99c;outline-offset:5px}button{border:0}#app,#scene,.vignette{position:absolute;inset:0}#scene{touch-action:none;outline:none}#scene canvas{display:block;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(180deg,#08162038,transparent 24%,transparent 78%,#0d1b2830)}header{position:absolute;top:36px;left:40px;right:36px;display:flex;justify-content:space-between;pointer-events:none}.identity{pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.17em;display:flex;align-items:center;gap:12px;font-weight:600}.sep{opacity:.4}.mali{display:flex;width:20px;height:13px;box-shadow:0 0 0 1px #ffffff20}.mali i{flex:1;background:#33925b}.mali i:nth-child(2){background:#efd063}.mali i:nth-child(3){background:#c85346}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,3vw,43px);letter-spacing:-.055em;font-weight:500;margin:12px 0 0;line-height:1.18}h1 span{font-family:'DM Sans',sans-serif;display:block;font-size:14px;letter-spacing:.015em;font-weight:400;margin-top:10px;opacity:.8}.top-actions{display:flex;gap:10px;pointer-events:auto}.icon-button{width:42px;height:42px;display:grid;place-items:center;background:#10272b70;border:1px solid #ffffff35;border-radius:50%;font-size:20px;backdrop-filter:blur(16px)}.icon-button:hover{background:#1c3638cc}.views{position:absolute;left:40px;top:43%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transform:translateY(-50%)}.section-label{font-size:11px;letter-spacing:.15em;opacity:.65;margin-bottom:8px}.views button{font-size:14px;background:#14272d50;padding:11px 15px 11px 11px;border-radius:4px;backdrop-filter:blur(18px);border-left:2px solid transparent;text-align:left;transition:.2s}.views button span{font-size:11px;letter-spacing:.05em;margin-right:16px;opacity:.5}.views button.active{border-left-color:#f2d69c;background:#183132ce;color:#f4dba7}.views button:hover{background:#183132ce}.light-panel{position:absolute;right:36px;top:110px;padding:17px 19px 14px;width:215px;background:#122a2d96;border:1px solid #ffffff20;border-radius:10px;backdrop-filter:blur(18px);font-size:13px}.light-panel>div:first-child{display:flex;align-items:center;gap:8px}.light-panel output{margin-left:auto;font-variant-numeric:tabular-nums;color:#f7dba7}.light-panel input{width:100%;accent-color:#e6c58a;margin:18px 0 8px;height:3px;cursor:pointer}.light-labels{display:flex;justify-content:space-between;font-size:11px;color:#ffffff87}.location{position:absolute;left:40px;bottom:122px;pointer-events:none}.coordinate{font-size:11px;letter-spacing:.15em;color:#f4d99b}.location p{font-family:Manrope,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.02em;margin:12px 0 16px}.navigation-hint{font-size:12px;color:#e9eee8af}.navigation-hint b{margin:0 9px}.map-wrap{position:absolute;right:36px;bottom:120px;width:170px;height:193px;border:1px solid #fff3;border-radius:10px;overflow:hidden;background:#11292ed1;backdrop-filter:blur(16px)}.map-head{padding:12px 12px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#e1d7bd}.map-head span+span{color:#a1b4b0;letter-spacing:0}#minimap{width:164px;height:164px;display:block}.north{position:absolute;top:36px;right:12px;font-size:10px}.map-scale{position:absolute;bottom:9px;left:13px;font-size:9px;color:#bcc8be}footer{position:absolute;bottom:30px;left:40px;right:36px;display:flex;align-items:center;justify-content:center;gap:24px}.mode-switch{display:flex;gap:4px;padding:6px;background:#0b222be8;backdrop-filter:blur(20px);border:1px solid #ffffff25;border-radius:12px;box-shadow:0 10px 35px #0002}.mode-switch button{padding:13px 22px;border-radius:7px;background:transparent;font-size:14px;transition:.2s;color:#bbc8c8;white-space:nowrap}.mode-switch button span{margin-right:9px;font-size:17px}.mode-switch button.selected{background:#e7d7ad;color:#152d30;box-shadow:0 2px 7px #0002}.mode-switch button:not(.selected):hover{background:#ffffff12;color:white}.footer-right{position:absolute;right:0;display:flex;gap:16px;align-items:center}#traffic{display:flex;align-items:center;gap:9px;background:transparent;font-size:12px}.toggle{width:28px;height:16px;border-radius:20px;background:#728888;position:relative;transition:.2s}.toggle:after{content:'';position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:#d0d9d3;transition:.2s}.toggle.on{background:#ccb77f}.toggle.on:after{left:15px;background:#243b3a}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#132c32;z-index:8;transition:opacity .7s;font-family:Manrope,sans-serif;font-size:22px}#loading small{font-size:13px;opacity:.5}.loading-mark{width:36px;height:36px;border:1px solid #ffffff30;border-top-color:#e9cf92;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{color:#253c3e;width:min(570px,calc(100vw - 32px));max-height:88dvh;overflow-y:auto;border:0;border-radius:14px;background:#f4f0e7;padding:32px;box-shadow:0 30px 120px #0006}dialog::backdrop{background:#071a23a8;backdrop-filter:blur(8px)}dialog .eyebrow{font-size:11px;opacity:.6}dialog h2{font:500 28px Manrope,sans-serif;letter-spacing:-.04em;line-height:1.22;max-width:350px}dialog img{width:100%;height:215px;object-fit:cover;border-radius:6px}dialog p,dialog dd{font-size:15px;line-height:1.65}dialog .small{font-size:13px;color:#61716e}.close{position:absolute;right:20px;top:16px;background:transparent;color:#253c3e;font-size:28px}.source-links{display:flex;flex-direction:column;gap:10px}.source-links a{font-size:12px;color:#64705d;text-underline-offset:3px}dt{font-weight:600;margin-top:20px;font-size:15px}dd{margin:6px 0 0;color:#62716f}#reticle{position:absolute;width:5px;height:5px;border-radius:50%;top:50%;left:50%;background:#fff;box-shadow:0 0 0 2px #0002;pointer-events:none}#walk-hint{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#142d31c9;border-radius:7px;font-size:13px;max-width:85%;text-align:center}#toast{position:absolute;top:25px;left:50%;transform:translate(-50%,-140%);padding:12px 20px;border-radius:6px;background:#173035;font-size:14px;transition:.3s;z-index:20}#toast.show{transform:translate(-50%,0)}[hidden]{display:none!important}#touch-controls{position:absolute;inset:auto 0 138px;pointer-events:none;display:flex;justify-content:space-between;align-items:center;padding:0 28px}#touch-controls span{font-size:11px;max-width:110px;text-align:right;opacity:.6}#joystick{pointer-events:auto;touch-action:none;width:95px;height:95px;border:1px solid #ffffff66;border-radius:50%;background:#18313255;display:grid;place-items:center}#joystick>div{height:36px;width:36px;border-radius:50%;background:#f5deb6aa}
@media(max-width:900px){.footer-right{position:static}footer{justify-content:space-between;gap:10px}.mode-switch button{padding:12px 16px}.views{top:40%;left:24px}header{left:24px;top:26px;right:24px}.light-panel{right:24px;width:175px}.map-wrap{right:24px}.location{left:24px}footer{left:24px;right:24px}#traffic{font-size:0}.location p{font-size:17px}}
@media(max-width:600px){header{top:22px;left:20px;right:18px}h1{font-size:27px;max-width:240px}h1 span{font-size:12px}.eyebrow{font-size:9px;gap:8px}.top-actions{gap:6px}.icon-button{height:34px;width:34px;font-size:18px}.light-panel{top:auto;bottom:189px;right:18px;width:135px;padding:12px}.light-panel>div:first-child{font-size:11px}.light-panel input{margin:12px 0 6px}.light-labels{font-size:9px}.map-wrap{width:135px;height:150px;bottom:345px;right:18px;display:none}#minimap{width:130px;height:130px}.views{left:18px;top:auto;bottom:204px;transform:none;gap:6px}.section-label{font-size:9px;margin-bottom:4px}.views button{font-size:11px;padding:9px}.views button span{margin-right:10px;font-size:9px}.location{left:20px;bottom:100px}.coordinate{font-size:9px}.location p{font-size:15px;margin:8px 0 12px}.navigation-hint{font-size:10px}.mode-switch{width:100%;justify-content:space-between;padding:5px;border-radius:10px}.mode-switch button{padding:11px 13px;font-size:12px;flex:1}.mode-switch button span{margin-right:5px}.footer-right{display:none}footer{left:15px;right:15px;bottom:22px}.light-panel #sun-icon{display:none}dialog{padding:25px}dialog h2{font-size:25px}#walk-hint{bottom:95px;font-size:11px}.walking .views,.walking .location,.walking .light-panel{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-mark{animation-duration:2s}}
.imagery-credit{position:absolute;bottom:6px;right:14px;font-size:9px;color:#dde6e4a8}.imagery-credit a{color:inherit;text-decoration:none}.fidelity-note{position:absolute;top:15px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.06em;background:#1631378c;padding:7px 11px;border-radius:3px;white-space:nowrap}.fidelity-note a{color:#efe5ce;text-decoration:none}@media(max-width:900px){.fidelity-note{display:none}.imagery-credit{font-size:8px}}
@media(max-width:600px){.footer-right{display:contents}#reference,#help{display:none}#traffic{position:fixed;right:18px;bottom:279px;display:flex;justify-content:space-between;width:135px;padding:10px 12px;font-size:11px;background:#122a2d96;border:1px solid #ffffff20;border-radius:8px;backdrop-filter:blur(18px)}.walking #traffic{display:none}}

.map-scale{display:flex;align-items:center;gap:6px}.map-scale i{display:block;width:42.54px;height:4px;border:1px solid currentColor;border-top:0}

#road-directions{position:absolute;inset:0;pointer-events:none;overflow:hidden}.road-direction{position:absolute;top:0;left:0;display:flex;align-items:center;gap:10px;width:236px;padding:10px 13px;background:#102a32ed;border:1px solid #e9d5a07a;border-radius:9px;box-shadow:0 3px 16px #0003;color:#fff8e9}.road-direction strong{display:block;font:700 22px Manrope,sans-serif;letter-spacing:-.03em;line-height:1.2}.road-direction small{display:block;margin-top:4px;font-size:10px;white-space:nowrap;color:#d1dbd8}.route-arrow{display:block;font:500 43px Arial,sans-serif;width:35px;text-align:center;line-height:1;color:#f2d49a;flex:none}#directions[aria-pressed=false]{opacity:.55}
@media(max-width:700px){.road-direction{width:184px;padding:8px 9px;gap:7px}.road-direction strong{font-size:19px}.road-direction small{font-size:8px}.route-arrow{font-size:35px;width:29px}.top-actions{gap:5px}}

@media(max-width:420px){.road-direction{width:164px}.road-direction strong{font-size:17px}.road-direction small{font-size:7.5px}.route-arrow{font-size:32px;width:24px}}

.identity,.location{text-shadow:0 1px 7px #0b1b29a6}

#toast:not(.show){visibility:hidden}

/* Instructions stay visible in the current mode, including after pointer lock. */
.help-button{height:44px;display:flex;align-items:center;gap:8px;padding:0 15px;border:1px solid #ffffff40;border-radius:24px;background:#10272bd9;font-size:14px;backdrop-filter:blur(16px)}.help-button span{display:grid;place-items:center;border:1px solid #f0dfb399;border-radius:50%;width:20px;height:20px;color:#f2d99c}.help-button:hover{background:#284448}.mobile-views{display:none}.location{bottom:214px;max-width:calc(100% - 280px)}.location p{margin:9px 0;font-size:17px}#navigation-guide{position:absolute;left:40px;bottom:112px;width:400px;max-width:calc(100% - 290px);padding:14px 17px;border:1px solid #ffffff30;border-radius:10px;background:#10272dea;color:#f8f3e8;pointer-events:none;font-size:13px;line-height:1.5}#guide-title{display:block;font-size:14px;font-weight:600;color:#f3dab0;margin-bottom:4px}#navigation-guide p{margin:8px 0 0}#navigation-guide small{display:block;font-size:11px;color:#d4dfdc}.touch-hint{display:none}.walk-keys{display:flex;align-items:center;gap:13px;margin:8px 0 10px}.walk-keys b{font-size:13px;font-weight:500}.arrow-keys{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.arrow-keys>span{display:flex;gap:3px}kbd{font:15px 'DM Sans',Arial,sans-serif;display:inline-grid;place-items:center;width:24px;height:22px;background:#ffffff12;border:1px solid #ffffff50;border-bottom-width:2px;border-radius:4px}.walking .location{display:none}.light-panel input{height:24px;margin:9px 0 1px}.light-labels{color:#d2dcd7;gap:6px}#light-phase{color:#f3dab0;text-align:center}.views button{min-height:44px}#traffic{font-size:12px;min-height:44px;background:#10272dcc;border:1px solid #ffffff30;border-radius:22px;padding:8px 12px}.footer-right{gap:12px}.fidelity-details{border-top:1px solid #263e3e25;margin-top:18px;padding-top:17px}.fidelity-details summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.5}.fidelity-details[open] summary{margin-bottom:16px}.source-links a{line-height:1.6}.close{min-width:44px;min-height:44px;top:8px;right:10px}.joystick-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}#touch-controls .joystick-wrap>span{opacity:1;text-align:center;font-size:12px}#touch-controls>span{padding:9px;background:#10272dbf;opacity:1;border-radius:6px;line-height:1.5}.icon-button{min-width:44px;min-height:44px}
@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:block}.walking #navigation-guide{width:330px}#touch-controls{bottom:260px}}
@media(max-width:1000px){#navigation-guide{left:24px;max-width:calc(100% - 245px)}.mode-switch button{padding:12px 13px}.footer-right{gap:8px}#reference{display:none}.location{left:24px}}
@media(max-width:760px){
 header{top:18px;left:18px;right:18px;display:block}.eyebrow{font-size:10px;gap:8px}h1{font-size:28px;max-width:none;margin-top:7px}h1 span{font-size:12px;margin-top:7px}.top-actions{margin-top:13px;gap:8px;justify-content:flex-end}.icon-button{width:44px;height:44px}.help-button{padding:0 15px}.views{display:none}.mobile-views{position:absolute;display:flex;flex-direction:column;gap:5px;left:18px;right:18px;top:158px}.mobile-views label{font-size:11px;color:#f4dba7;text-shadow:0 1px 6px #000}.mobile-views select{font:14px 'DM Sans',Arial,sans-serif;color:#fff9ec;background:#10272df2;border:1px solid #ffffff45;border-radius:8px;min-height:44px;padding:8px 12px;width:100%}.light-panel{top:238px;bottom:auto;right:18px;width:163px;padding:12px 14px}.light-panel>div:first-child{font-size:13px}.light-panel #sun-icon{display:inline}.light-panel input{margin:7px 0 1px;height:24px}.light-labels{font-size:10px}.map-wrap,.location{display:none}#navigation-guide{left:18px;right:18px;bottom:108px;width:auto;max-width:none;padding:12px 14px;font-size:12px}#guide-title{font-size:13px}.walking #navigation-guide{width:auto}.mode-switch{width:100%;justify-content:space-between}.mode-switch button{padding:11px 10px;flex:1;font-size:12px}.mode-switch button span{margin-right:4px}.footer-right{display:contents}footer{left:15px;right:15px;bottom:27px}#traffic{position:fixed;top:338px;right:18px;bottom:auto;width:163px;justify-content:space-between;font-size:11px;padding:8px 10px;border-radius:8px;background:#10272de8}.walking .mobile-views,.walking .light-panel,.walking #traffic{display:none}#reference{display:none}#help{display:flex}#touch-controls{bottom:240px;padding:0 28px}.imagery-credit{left:15px;right:15px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fidelity-note{display:none}.road-direction{max-width:184px}
}
@media(max-width:760px) and (max-height:660px){
 header{top:10px}header .eyebrow,h1 span{display:none}h1{font-size:24px;margin:0;max-width:220px}.top-actions{margin-top:9px;gap:6px}.mobile-views{top:101px}.light-panel{top:179px;width:150px;padding:8px 12px}#traffic{top:271px;width:150px}#navigation-guide{bottom:92px;padding:9px 12px}footer{bottom:18px}.walking h1{font-size:20px}.walking .top-actions{margin-top:7px}#touch-controls{bottom:216px}
}
@media(max-height:500px) and (min-width:601px){
 header{top:12px;left:20px;right:20px;display:flex;align-items:flex-start}.identity .eyebrow,h1 span{display:none}h1{font-size:24px;margin:5px 0 0}.top-actions{margin:0}.views,.location,.map-wrap{display:none}.mobile-views{display:flex;position:absolute;left:20px;right:auto;top:77px;width:225px;flex-direction:column;gap:5px}.mobile-views label{font-size:11px}.mobile-views select{background:#10272dee;color:#fff9ec;border:1px solid #ffffff40;border-radius:7px;min-height:44px;padding:8px}.light-panel{top:77px;right:20px;width:163px;padding:10px}#traffic{position:absolute;right:0;top:auto;bottom:5px;width:auto}.footer-right{display:contents}footer{bottom:16px;left:20px;right:20px;justify-content:flex-start}.mode-switch{width:auto}.mode-switch button{flex:none}#navigation-guide{left:20px;right:auto;bottom:99px;width:365px;max-width:calc(100% - 215px);padding:10px 13px;font-size:12px}.walking #navigation-guide{width:365px}.walking .mobile-views,.walking .light-panel,.walking #traffic{display:none}.walking #touch-controls{bottom:107px;left:auto;width:230px;padding:0 20px}.walking #joystick{width:70px;height:70px}.walking #touch-controls>span{max-width:95px}.walking .walk-keys{margin:5px 0}.walking #navigation-guide p{margin-top:5px}
}