:root{--tour-ink:#eff7ee;--tour-muted:#aec8be;--tour-bg:#143b3beb;--tour-line:#d4e8d62b;--tour-accent:#d7eacb}.cyber-panel{position:fixed;z-index:31;right:18px;top:18px;width:300px;padding:11px 13px 12px;background:var(--tour-bg);color:var(--tour-ink);border:1px solid var(--tour-line);border-radius:13px;box-shadow:0 5px 24px #071c2830;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px}.cyber-head{display:flex;align-items:center;justify-content:space-between;height:25px;margin-bottom:4px}#cyberMode{font-size:10px;color:var(--tour-muted);letter-spacing:.08em;display:flex;align-items:center;gap:6px}#cyberMode:before{content:"";width:5px;height:5px;border-radius:50%;background:#9db8ab}.is-playing #cyberMode:before{background:#cce7a9}.cyber-head-tools{display:flex;align-items:center;gap:3px}.cyber-panel button,.cyber-panel select{font:inherit;color:var(--tour-ink);background:#ffffff0c;border:1px solid transparent;border-radius:6px;min-height:30px;cursor:pointer}.cyber-panel button:hover,.cyber-panel select:hover{background:#ffffff19}.cyber-panel button:focus-visible,.cyber-panel select:focus-visible,.cyber-panel input:focus-visible{outline:2px solid #eacf91;outline-offset:2px}.cyber-head-tools button{font-size:10px;background:none;padding:3px 7px;min-height:28px}.cyber-head-tools button[aria-expanded=true],.cyber-head-tools button[aria-pressed=true]{background:#e1ecd620}.cyber-head-tools #cyberClose{font-size:20px;padding:0 4px;margin-left:2px}#cyberStop{font-size:12px;font-weight:500;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:21px}#cyberProgress{display:block;width:100%;height:15px;margin:6px 0 7px;accent-color:var(--tour-accent);cursor:pointer}.cyber-transport{display:flex;align-items:center;gap:5px}.cyber-transport button{padding:0 7px;font-size:11px;flex:none}.cyber-transport #cyberPlay{width:32px;padding:0;background:var(--tour-accent);color:#21493c;font-size:14px}.cyber-transport select{width:48px;padding:0 2px;font-size:11px}.cyber-panel option{background:#214744;color:#eef4e8}#cyberDistance{margin-left:auto;font-size:9px;white-space:nowrap;color:var(--tour-muted);font-variant-numeric:tabular-nums;letter-spacing:-.2px}#cyberMore{margin-top:12px;padding-top:13px;border-top:1px solid var(--tour-line);max-height:min(430px,calc(100dvh - 195px));overflow:auto;scrollbar-width:thin;scrollbar-color:#769787 transparent}#cyberMore label{display:block;color:var(--tour-muted);font-size:10px;margin-bottom:6px}#cyberRoute{width:100%;font-size:12px;padding:7px 5px;border-color:var(--tour-line)}#cyberMore p{font-size:11px;line-height:1.6;color:var(--tour-muted);margin:10px 0}.cyber-stops{display:grid;gap:4px;margin:12px 0}.cyber-stops button{text-align:left;font-size:11px;padding:6px;display:flex;align-items:center;gap:8px;line-height:1.5;background:none}.cyber-stops button span{border:1px solid #cce0cd60;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10px}.cyber-stops button.active{background:#d1e2c620}.cyber-panel details{font-size:11px;border-top:1px solid var(--tour-line);padding-top:10px;margin-top:10px}.cyber-panel summary{cursor:pointer;color:var(--tour-muted)}.cyber-panel a{color:#dceacf}.cyber-panel #cyberRestart{font-size:11px;padding:5px 10px}.cyber-minimap{position:fixed;z-index:26;left:18px;bottom:18px;width:218px;border:1px solid var(--tour-line);border-radius:12px;background:var(--tour-bg);box-shadow:0 5px 24px #071c2828;color:var(--tour-ink);overflow:hidden}.mini-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 9px 2px;font-size:10px;color:var(--tour-muted)}.mini-heading button{font-size:16px;color:var(--tour-ink);border:0;border-radius:4px;background:none;width:25px;height:25px}.mini-heading button:hover{background:#ffffff20}.cyber-minimap canvas{display:block;width:216px;height:158px}.mini-caption{display:flex;justify-content:space-between;padding:6px 10px 8px;font-size:9px;color:var(--tour-muted)}.mini-position{color:#e4f8ec}body.cyber-clean .topbar,body.cyber-clean .camera-tools,body.cyber-clean .quickbar,body.cyber-clean .hud,body.cyber-clean .scene-status,body.cyber-clean .compass,body.cyber-clean .walk-pad,body.cyber-clean .marker,body.cyber-clean .commerce-bar,body.cyber-clean #cameraHelp,body.cyber-clean #infoPanel,body.cyber-clean #placeDrawer,body.cyber-clean #placeDetail{display:none!important}body:not(.cyber-clean) .cyber-panel{top:88px}body:not(.cyber-clean) .cyber-minimap{bottom:115px;left:170px}@media(max-width:650px){.cyber-panel{right:10px;top:10px;width:min(300px,calc(100vw - 20px))}.cyber-minimap{left:10px;bottom:10px;width:174px}.cyber-minimap canvas{width:172px;height:126px}.mini-heading{font-size:9px}.mini-caption{padding:4px 8px 6px;font-size:8px}#cyberMore{max-height:calc(100dvh - 170px)}body:not(.cyber-clean) .cyber-minimap{left:10px;bottom:160px}}@media(max-height:480px){.cyber-minimap{width:156px}.cyber-minimap canvas{width:154px;height:113px}.mini-caption{display:none}.cyber-panel{top:10px;right:10px}#cyberMore{max-height:calc(100dvh - 165px)}}:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#f1f6f0;background:#b6d5df;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ffdda1;outline-offset:3px}[hidden]{display:none!important}#scene{display:block;width:100%;height:100%;outline:none;touch-action:none}.topbar{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:10px 15px 10px 10px;background:#123a3ede;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff20;border-radius:13px;box-shadow:0 10px 30px #16323a22}.brand-mark{display:grid;place-items:center;background:#d4e5ce;color:#294d44;width:37px;height:37px;border-radius:10px;font-size:24px}.brand strong{display:block;font-size:16px;letter-spacing:.06em}.brand small{display:block;margin-top:3px;font-size:10px;color:#b9d2cc}.top-actions{display:flex;gap:3px;pointer-events:auto;padding:5px;border:1px solid #ffffff20;border-radius:12px;background:#123a3ede;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.top-actions button{border:0;background:transparent;border-radius:8px;color:#d5e4df;padding:10px 14px;font-size:12px}.top-actions button.active,.top-actions button:hover{background:#d4e5ce;color:#244638}#infoBtn{font-size:18px;padding:5px 10px}.compass{position:absolute;right:29px;top:101px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#f3f8ee;text-shadow:0 1px 4px #123138,0 1px 8px #123138;z-index:12;font-size:11px;font-weight:750}.compass i{width:2px;height:29px;background:#fffc;display:block;position:relative}.compass i:before{content:"";position:absolute;top:-4px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #ec8763}.quickbar{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:flex;gap:3px;z-index:25;border:1px solid #ffffff22;background:#123a3eed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:6px;border-radius:12px;box-shadow:0 10px 30px #0c293d33;max-width:calc(100vw - 30px)}.quickbar button{white-space:nowrap;border:0;border-radius:7px;padding:10px 12px;font-size:11px;background:transparent;color:#c7dcd3}.quickbar button:hover,.quickbar button.active{background:#d4e5ce;color:#20453e}#placesBtn{border-right:1px solid #ffffff22;border-radius:7px 0 0 7px;padding-right:16px;color:#fff}.marker{position:absolute;left:0;top:0;z-index:8;display:flex;align-items:center;gap:0;white-space:nowrap;color:#fff;border:1px solid #ffffffb3;padding:0;background:#174648e8;border-radius:8px;box-shadow:0 2px 10px #071f3060;pointer-events:auto;height:29px;will-change:transform;--leader:9px}.marker:after{content:"";position:absolute;height:var(--leader);width:1px;background:#fff9;top:100%;left:50%;pointer-events:none}.marker:before{content:"";position:absolute;top:calc(100% + var(--leader));left:calc(50% - 2px);width:5px;height:5px;border:1px solid white;background:#e8c294;border-radius:50%;pointer-events:none}.marker:hover,.marker.selected{z-index:14;background:#e9ebdb;color:#173c3b}.pin-icon{height:100%;min-width:28px;padding:0 5px;display:grid;place-items:center;background:#0e6469;color:#fff;border-radius:7px 0 0 7px;font-size:12px;font-weight:800}.pin-label{padding:0 9px;font-size:11px;font-weight:650;display:flex;gap:5px;align-items:center}.pin-label small{font-size:8px;font-weight:400;opacity:.7}.beach .pin-icon{background:#bc7747}.parking .pin-icon{background:#326c9e}.service .pin-icon{background:#937047}.transit .pin-icon{background:#6b6da1}.place-drawer,.place-detail,.info-panel{position:absolute;z-index:30;border:1px solid #ffffff35;border-radius:14px;background:#12393ef5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 50px #0b253c44;color:#edf5ee;max-height:calc(100dvh - 190px);overflow:auto;scrollbar-width:thin;scrollbar-color:#73958b transparent}.place-drawer{left:22px;top:94px;width:315px;padding:18px}.place-detail{left:22px;top:94px;width:330px;padding:17px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-heading small{font-size:9px;letter-spacing:.1em;color:#c5d8c1}.panel-heading h2{font-size:18px;line-height:1.3;margin:5px 0 12px;letter-spacing:-.02em}.panel-heading h2 em{font-size:9px;font-style:normal;font-weight:400;margin-left:8px;padding:2px 4px;border:1px dashed #b3cabd;border-radius:4px;vertical-align:middle}.panel-heading button,.info-panel>button{border:0;background:#ffffff12;color:#d3e6de;border-radius:6px;flex:none;width:25px;height:25px;line-height:21px;font-size:22px}.drawer-note,.place-detail p,.info-panel p{font-size:11px;line-height:1.8;color:#c3d7d0;margin:0 0 13px}.scene-place-row{display:flex;align-items:center;text-align:left;gap:10px;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#eef4ec;width:100%;padding:10px 0}.scene-place-row:hover,.scene-place-row.selected{background:#ffffff0c}.poi-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#3f736d;font-size:12px}.poi-symbol.beach{background:#a5714b}.poi-symbol.parking{background:#396a91}.poi-symbol.service{background:#8b7050}.scene-place-row>span{flex:1}.scene-place-row strong{font-size:12px;display:block}.scene-place-row small{display:block;font-size:9px;color:#a7c3b9;margin-top:3px}.scene-place-row em{font-style:normal;color:#9ebbb2}.text-link{font-size:11px;color:#c8ddcb;display:block;padding-top:15px;text-decoration:none}.position-note{font-size:10px;line-height:1.6;border-left:2px solid #d7bd88;padding:7px 10px;background:#ffffff08;color:#bcd5ca;margin:9px 0 13px}.detail-actions{display:flex;gap:7px}.detail-actions button,.detail-actions a{font:inherit;text-decoration:none;font-size:11px;border:1px solid #a8c9b666;border-radius:7px;color:#d2e8d7;background:transparent;padding:9px 11px}.detail-actions button{background:#d4e5ce;color:#254439;border-color:#d4e5ce}.place-detail details{font-size:10px;color:#abcabd;margin-top:16px}.place-detail summary{cursor:pointer}.place-detail details a{display:block;color:#b6d2c6;margin-top:8px;text-decoration:none}.reference-photo{display:block;position:relative;border-radius:8px;overflow:hidden;margin:0 0 12px}.reference-photo img{display:block;width:100%;height:155px;object-fit:cover;object-position:50% 46%}.reference-photo span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#08232ccc);font-size:9px;color:#fff;padding:16px 9px 7px}.info-panel{right:22px;top:94px;width:360px;padding:23px}.info-panel>button{position:absolute;top:11px;right:11px}.info-panel h2{font-size:17px;margin:0 0 17px}.info-panel p b{color:#e5ecd9}.source-links{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.source-links a{font-size:9px;color:#bfdec9;padding:5px 7px;border:1px solid #749789;border-radius:5px;text-decoration:none}.info-panel .licence{font-size:9px;color:#8fac9f}.scene-status{position:absolute;left:22px;bottom:34px;display:flex;align-items:center;gap:7px;font-size:9px;color:#e0eee3;text-shadow:0 1px 4px #0a242c,0 1px 7px #0a242c;z-index:19;max-width:calc(100% - 44px);flex-wrap:wrap}.scene-status a{color:inherit;text-decoration:none}.hud{position:absolute;left:22px;right:22px;bottom:13px;display:flex;justify-content:space-between;color:#c1d8d1;font-size:9px;text-shadow:0 1px 4px #123138,0 1px 8px #123138;z-index:19}.walk-pad{position:absolute;bottom:130px;left:22px;z-index:20;text-align:center}.walk-pad div{display:flex;gap:4px;margin-top:4px}.walk-pad button{border:1px solid #d4e5ce66;border-radius:8px;width:39px;height:35px;background:#143d40c9;color:#e4efe0;font-size:17px;touch-action:none;-webkit-user-select:none;user-select:none}.loading{position:absolute;inset:0;background:#14383e;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading strong{font-size:20px;letter-spacing:.06em}.loading small{font-size:12px;color:#aac3b6;margin-top:10px}.loading-ring{width:39px;height:39px;border:3px solid #ffffff22;border-top-color:#d4e5ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:22px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.topbar{top:12px;left:12px;right:12px}.brand{padding:8px;gap:8px}.brand strong{font-size:13px}.brand small{font-size:8px}.brand-mark{width:30px;height:30px;font-size:20px}.top-actions button{padding:9px 10px;font-size:10px}.compass{top:83px;right:22px;font-size:10px}.quickbar{bottom:70px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;padding:5px}.quickbar button{font-size:10px;padding:9px 10px}.scene-status{left:12px;bottom:33px;max-width:calc(100% - 24px);gap:4px;font-size:8px}.scene-status #sceneState{flex-basis:100%}.hud{left:12px;right:12px;bottom:11px;font-size:8px}.place-drawer,.place-detail{top:79px;left:12px;width:290px;max-height:calc(100dvh - 208px)}.info-panel{top:79px;right:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 208px)}.marker{height:26px}.pin-label{font-size:9px;padding:0 6px}.pin-icon{font-size:10px;min-width:23px}.pin-label small{font-size:7px}.walk-pad{left:12px}.reference-photo img{height:120px}}@media(max-width:470px){.brand small,.brand-mark{display:none}.brand{padding:12px 9px}.top-actions button{padding:8px 7px}.quickbar{left:12px;right:12px;transform:none;justify-content:flex-start}.hud #coords{display:none}.hud{justify-content:flex-end}.pin-label{max-width:110px;overflow:hidden}.marker .pin-label small{display:none}.place-detail,.place-drawer{width:calc(100vw - 24px)}.compass{top:72px}.scene-status{font-size:7px}}.view-presets{display:flex;gap:5px;margin:10px 0}.view-presets button{flex:1;border:1px solid #97b7a955;border-radius:5px;padding:7px 3px;background:#21494b;color:#e4eee1;font-size:10px}.reference-notes{padding:8px 0;border-bottom:1px solid #ffffff18}.reference-notes p{font-size:10px;line-height:1.6}.district-switch{display:flex;gap:4px;margin-bottom:8px}.district-switch button{flex:1;background:transparent;border:1px solid #ffffff30;color:#c3d7d0;border-radius:5px;padding:8px 4px;font-size:10px}.district-switch button.active{background:#d4e5ce;color:#254439}.camera-tools{position:absolute;top:84px;left:22px;display:flex;gap:6px;z-index:21}.camera-tools>div{display:flex;gap:3px}.camera-tools button{border:1px solid #ffffff30;background:#153d40e8;color:#d2e2d6;border-radius:6px;font-size:11px;padding:8px 11px}.camera-tools button.active{background:#d4e5ce;color:#254439}#cameraHelp{position:absolute;left:22px;top:128px;width:300px;padding:16px;background:#12393ef5;border:1px solid #ffffff35;border-radius:10px;z-index:32;font-size:12px;line-height:1.6}#cameraHelp p{color:#c3d7d0;font-size:11px}.place-detail,.place-drawer{top:127px;max-height:calc(100dvh - 245px)}#heightPad{justify-content:center}#heightPad button{font-size:12px}.walk-pad{opacity:.9}.top-actions button{padding:10px 11px}@media(max-width:760px){.camera-tools{left:12px;top:74px}.camera-tools button{font-size:10px;padding:6px 8px}.place-detail,.place-drawer{top:113px;max-height:calc(100dvh - 240px)}#cameraHelp{left:12px;top:112px;max-width:calc(100vw - 24px)}.top-actions button{padding:9px 7px}}@media(max-width:470px){.brand{padding:10px 6px}.brand strong{font-size:11px}.top-actions button{font-size:9px;padding:8px 6px}.compass{top:115px}}.tour-panel{position:absolute;top:94px;right:22px;width:315px;max-height:calc(100dvh - 210px);overflow:auto;z-index:30;background:#12393ef2;border:1px solid #ffffff35;border-radius:13px;padding:17px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tour-panel label{display:flex;gap:7px;align-items:center;font-size:11px;margin:13px 0}.tour-panel label i{width:15px;height:3px}.tour-panel p{font-size:10px;line-height:1.7;color:#b8cec3}.tour-stops{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tour-stops button,.drawer-filters button{background:#ffffff0d;color:#d4e5ce;border:1px solid #ffffff20;border-radius:5px;font-size:10px;padding:7px}.drawer-filters{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}@media(max-width:760px){.tour-panel{right:12px;top:112px;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 235px)}}.commerce-bar{position:absolute;right:22px;top:86px;display:flex;gap:4px;align-items:center;z-index:22;background:#153d40eb;border:1px solid #ffffff30;border-radius:9px;padding:5px;max-width:calc(100vw - 380px);overflow-x:auto}.commerce-bar[hidden]{display:none}.commerce-bar span{font-size:10px;color:#d1dfc7;padding:0 7px;white-space:nowrap}.commerce-bar button{background:transparent;color:#dbe4d5;border:0;border-radius:5px;padding:9px 8px;font-size:10px;white-space:nowrap}.commerce-bar button.active{background:#d5e4ce;color:#224333}@media(max-width:1000px){.commerce-bar{top:116px;right:12px;max-width:calc(100vw - 24px)}.commerce-bar span{display:none}}.rotation-label{display:block;padding:7px 10px;color:#d4e4e7;font-size:11px}.rotation-label{background:#153d40e8;border:1px solid #ffffff30;border-radius:6px}#beachFacilitiesBar select{background:#173f43;color:#e0e9dc;border:1px solid #ffffff40;border-radius:5px;padding:7px;font:inherit;font-size:11px}#beachFacilitiesBar select option{background:#173f43}.commerce-bar a{color:#dbe4d5;font-size:10px;white-space:nowrap;padding:9px 8px;text-decoration:none}.commerce-bar a:hover{color:#fff;text-decoration:underline}.ride-controls{border-top:1px solid #ffffff25;margin:12px 0;padding-top:4px}.ride-controls input[type=range]{width:100%;accent-color:#dbb14b}.ride-controls output{margin-left:auto;font-variant-numeric:tabular-nums}.ride-controls select,.ride-controls button{background:#173f43;color:#e0e9dc;border:1px solid #ffffff40;border-radius:5px;padding:6px;font:inherit;font-size:11px}.ride-controls label{justify-content:space-between}.reference-cove-link{color:inherit;text-decoration:none;padding:8px 12px;border:1px solid #94bab166;border-radius:5px;white-space:nowrap}