.city-photo-tour{position:fixed;inset:0;background:#18221e;color:#fff;font-family:Arial,sans-serif;isolation:isolate}.city-photo-scene,.city-photo-tour .spatial-panorama{position:absolute;inset:0}.city-photo-scene{animation:city-photo-arrive .45s ease-out}.city-photo-tour canvas{display:block;width:100%;height:100%;touch-action:none}.city-photo-tour a,.city-photo-tour button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}.city-photo-tour button{cursor:pointer;border:1px solid #ffffff35;background:#182625b8;backdrop-filter:blur(12px);min-height:48px;border-radius:24px;padding:0 18px}.city-photo-tour a:focus-visible,.city-photo-tour button:focus-visible{outline:3px solid white;outline-offset:4px}.city-photo-tour button:disabled{opacity:.35;cursor:default}.city-photo-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px 48px;background:linear-gradient(#0007,transparent);pointer-events:none}.city-photo-header>*{pointer-events:auto}.city-photo-header a{text-decoration:none;font-size:13px}.city-photo-header strong{font-size:25px;text-align:center}.city-photo-header strong span{display:block;font-size:9px;letter-spacing:3px;margin-top:6px}.city-photo-location{position:absolute;top:120px;left:32px;pointer-events:none;text-shadow:0 2px 12px #000a}.city-photo-location>span{font-size:11px;letter-spacing:3px}.city-photo-location h1{font-size:28px;margin:12px 0}.city-photo-tools{position:absolute;right:24px;top:132px;display:grid;gap:10px}.city-photo-tools button{padding:0;width:48px}.city-photo-map{position:absolute;right:88px;top:132px;width:270px;background:#f2f0e8f5;border-radius:20px;padding:16px;color:#213934;box-shadow:0 12px 50px #0003}.city-photo-map p{margin:0;font-size:12px}.city-photo-map>div{position:relative;height:230px}.city-photo-map button{position:absolute;transform:translate(-50%,-50%);min-height:44px;width:44px;padding:0;background:#d9ddd2;color:#213934;border:1px solid #70817450}.city-photo-map button[aria-current]{background:#294b43;color:white}.city-photo-navigation{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;width:min(760px,calc(100% - 48px));justify-content:space-between}.city-photo-navigation button{display:flex;align-items:center;justify-content:center;gap:18px;min-width:190px;min-height:56px}.city-photo-navigation p{font-size:12px;text-shadow:0 2px 8px #000;white-space:nowrap}.city-photo-disclosure{position:absolute;bottom:16px;left:16px;right:16px;text-align:center;font-size:10px;text-shadow:0 1px 6px #000;margin:0;pointer-events:none}.city-photo-error,.city-photo-tour .spatial-panorama-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;background:#18221e;color:white}.city-photo-tour [data-ready=true] .spatial-panorama-loading{display:none}.city-photo-error{z-index:10;flex-direction:column;text-align:center;padding:24px}@keyframes city-photo-arrive{0%{opacity:.45}to{opacity:1}}@media(max-width:600px){.city-photo-header{padding:calc(12px + env(safe-area-inset-top)) 16px 30px;gap:12px}.city-photo-header strong{font-size:20px}.city-photo-header a{font-size:11px}.city-photo-header button{font-size:11px;padding:0 12px}.city-photo-location{top:calc(96px + env(safe-area-inset-top));left:20px;right:80px}.city-photo-location h1{font-size:23px;line-height:1.4}.city-photo-tools{right:16px}.city-photo-map,.city-photo-tools{top:calc(116px + env(safe-area-inset-top))}.city-photo-map{right:76px;width:min(250px,calc(100% - 92px));box-sizing:border-box}.city-photo-map>div{height:230px}.city-photo-navigation{bottom:calc(68px + env(safe-area-inset-bottom));width:calc(100% - 32px);gap:12px}.city-photo-navigation button{min-width:0;flex:1;min-height:56px;padding:10px 14px;font-size:12px;gap:10px}.city-photo-navigation p{position:absolute;bottom:-30px;width:100%;text-align:center;margin:0;font-size:10px}.city-photo-disclosure{bottom:calc(12px + env(safe-area-inset-bottom));font-size:8px;line-height:1.4}}@media(prefers-reduced-motion:reduce){.city-photo-scene{animation:none}}.city-photo-gesture{position:absolute;left:50%;bottom:170px;transform:translateX(-50%);width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;padding:10px 16px;border-radius:16px;background:#182625d9;color:white;text-align:center;font-size:13px;line-height:1.6;pointer-events:none}.city-photo-gesture span{font-size:20px;margin-right:6px}