:root{--abyss: #0b1f33;--deep: #081828;--fathom: #123b5c;--channel: #1c5a82;--tide: #2ec4b6;--beacon: #ffb627;--coral: #ff6b57;--foam: #f4f7f9;--mist: #b9c9d6;--haze: #6f8797;--glass: rgba(8, 24, 40, .82);--display: "Sora", "Helvetica Neue", Arial, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body.pano-page{margin:0;background:var(--abyss);color:var(--foam);font-family:var(--body);font-size:15px;line-height:1.5;display:flex;flex-direction:column;overflow:hidden}.mono{font-family:var(--mono)}.muted{color:var(--haze);font-size:12.5px;margin:0}.btn{font:inherit;font-weight:600;border-radius:999px;border:1px solid transparent;padding:9px 16px;cursor:pointer;background:var(--beacon);color:var(--abyss);white-space:nowrap}.btn:hover{filter:brightness(1.08)}.stage{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.viewport{position:relative;flex:1;min-height:0;cursor:grab;touch-action:none;outline:none;background:var(--abyss);overflow:hidden}.viewport.dragging{cursor:grabbing}.viewport>svg#pano{display:block;width:100%;height:100%}.viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--tide)}.fab{position:absolute;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;border:1px solid rgba(28,90,130,.6);background:var(--glass);color:var(--foam);cursor:pointer;box-shadow:0 6px 18px #00000059}.fab svg{width:28px;height:28px}.fab:hover{border-color:var(--tide)}.fab.small{position:static;width:46px;height:46px}.fab.small svg{width:24px;height:24px}.compass{top:16px;right:16px;width:72px;height:72px}.compass svg{width:60px;height:60px}.compass-out{position:absolute;z-index:5;top:94px;right:16px;width:72px;text-align:center;font-family:var(--mono);font-size:12.5px;color:var(--foam);background:var(--glass);border-radius:999px;padding:2px 0;pointer-events:none}.fly{position:absolute;z-index:5;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border-radius:999px;background:#0818288c}.fly-out{font-family:var(--mono);font-size:12px;color:var(--foam);min-width:46px;text-align:center}.viewport.rail-open .fly,.viewport.rail-open .place-pill{display:none}.sliders{left:16px;bottom:16px}.sliders[aria-expanded=true]{background:var(--fathom);border-color:var(--tide);color:var(--tide)}.rail{position:absolute;z-index:5;left:90px;bottom:16px;display:flex;flex-direction:row;gap:4px;padding:5px 6px;border-radius:999px;background:var(--glass);border:1px solid rgba(28,90,130,.6)}.rail[hidden]{display:none}.rail button{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:transparent;color:var(--foam);cursor:pointer}.rail button svg{width:28px;height:28px}.rail button:hover{background:#1c5a8266}.rail button.is-active{color:var(--tide);background:#2ec4b624}.locate{right:16px;bottom:16px}.locate.busy svg{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.place-pill{position:absolute;z-index:4;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;max-width:calc(100% - 200px);background:var(--glass);border:1px solid rgba(28,90,130,.6);border-radius:999px;box-shadow:0 6px 18px #0000004d}.place-pill[hidden]{display:none}.place-main{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 8px 9px 14px;border:0;background:transparent;color:var(--foam);font:inherit;font-size:15.5px;cursor:pointer}.place-main svg{width:20px;height:20px;flex:none;color:var(--tide)}.place-main #placeName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-meta{color:var(--mist);font-family:var(--mono);font-size:12.5px;white-space:nowrap}.place-share{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:3px;border:0;border-left:1px solid rgba(28,90,130,.6);border-radius:0 999px 999px 0;background:transparent;color:var(--mist);cursor:pointer}.place-share svg{width:20px;height:20px}.place-share:hover{color:var(--foam)}.dock{position:absolute;z-index:6;left:16px;bottom:90px;width:min(560px,calc(100% - 32px));max-height:calc(100% - 110px);overflow-y:auto;padding:14px 18px 16px;background:var(--glass);border:1px solid rgba(28,90,130,.7);border-radius:20px;box-shadow:0 10px 30px #00000073}.dock[hidden]{display:none}.dock-panel{display:none;flex-direction:column;gap:9px}.dock-panel.is-active{display:flex}.dock-title{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--haze);font-weight:600;display:flex;justify-content:space-between;gap:10px}.dock-title output{color:var(--foam);text-transform:none;letter-spacing:0}.attrib{position:absolute;z-index:3;right:90px;bottom:4px;font-size:10.5px;color:var(--haze);text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:auto}.attrib a{color:var(--mist)}.hint{position:absolute;z-index:3;left:50%;top:64px;transform:translate(-50%);background:var(--glass);border:1px solid var(--channel);border-radius:999px;padding:5px 14px;font-size:12px;color:var(--mist);pointer-events:none;transition:opacity .4s;white-space:nowrap}.hint.gone{opacity:0}.empty-note{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(420px,82%);text-align:center;background:#0b1f33e6;border:1px solid var(--beacon);border-radius:12px;padding:12px 18px;font-size:13.5px;line-height:1.45;color:var(--foam);pointer-events:none}.empty-note[hidden]{display:none}.toast{position:fixed;z-index:80;left:50%;top:80px;transform:translate(-50%);max-width:min(460px,90vw);background:var(--fathom);border:1px solid var(--tide);border-radius:12px;padding:10px 16px;font-size:14px;box-shadow:0 10px 30px #00000073}.toast[hidden]{display:none}.section{flex:none;border-top:1px solid rgba(28,90,130,.5);background:#06131feb}.section.collapsed{display:none}.section-head{display:flex;align-items:center;justify-content:space-between;padding:5px 14px 2px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--haze);font-weight:600}.section-head em{font-style:normal;text-transform:none;letter-spacing:0;opacity:.8}.mini{background:none;border:0;color:var(--tide);font:inherit;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:2px 4px}#profile{display:block;width:100%;height:150px}.detail-card{position:absolute;z-index:7;top:16px;right:104px;width:380px;max-height:calc(100% - 32px);display:flex;flex-direction:column;overflow:hidden;background:#081828f0;border:1px solid rgba(28,90,130,.8);border-radius:18px;box-shadow:0 14px 40px #00000080}.detail-card[hidden]{display:none}.detail{overflow-y:auto;min-height:0;padding:16px 18px 18px}.detail .kicker,.detail h2{padding-right:30px}.detail-close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--channel);background:#081828eb;color:var(--mist);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.card-photo{margin:-16px -18px 12px}.card-photo img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover}.card-photo figcaption{padding:5px 18px 0;font-size:11px;color:var(--haze)}.card-photo figcaption a{color:var(--mist)}.detail-close:hover{color:var(--foam);border-color:var(--tide)}.iconish{background:none;border:1px solid var(--channel);border-radius:8px;width:30px;height:30px;color:var(--mist);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.iconish:hover{color:var(--foam);border-color:var(--tide)}.detail h2{font-family:var(--display);font-size:21px;margin:0 0 2px}.detail .kicker{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mist);font-weight:600;margin:0 0 12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.stat{background:var(--abyss);border-radius:10px;padding:9px 11px}.stat dt{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--haze);margin-bottom:3px;font-weight:600}.stat dd{margin:0;font-family:var(--mono);font-size:17px;color:var(--foam)}.stat dd small{font-size:11px;color:var(--mist)}.stat dd .line{display:block}.depthbox{background:var(--abyss);border-left:3px solid var(--tide);border-radius:10px;padding:11px 12px;margin-bottom:12px;font-size:13.5px}.depthbox .t{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tide);font-weight:600;margin-bottom:5px}.depthbox p{margin:0 0 4px}.warn{background:#ffb6271f;border-radius:10px;padding:10px 12px;color:var(--beacon);font-size:13px;margin:0 0 12px;line-height:1.45}.desc{color:var(--mist);font-size:14px}.src{color:var(--haze);font-size:12px;margin:10px 0 0}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0}.tags span{background:var(--abyss);border-radius:999px;padding:3px 9px;font-size:11.5px;color:var(--mist)}.coordrow{display:flex;align-items:center;gap:8px;margin:12px 0 14px}.coordrow code{flex:1;font-family:var(--mono);font-size:12.5px;color:var(--mist)}.coordrow .mini{border:1px solid var(--channel);border-radius:6px;padding:4px 10px}.coordrow .mini:hover{border-color:var(--tide)}.facts{color:var(--beacon);font-size:12.5px;letter-spacing:.03em;margin:0 0 6px}.wiki{margin:8px 0 0}.wiki a{color:var(--tide);text-decoration:none;font-size:14px}.wiki a:hover{text-decoration:underline}.detail-app{margin:14px 0 0;font-size:13px;color:var(--haze)}.detail-app a{color:var(--tide)}.field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0}.field>span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--haze);font-weight:600}.field output{float:right;color:var(--foam);text-transform:none;letter-spacing:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}input[type=number],select{font:inherit;background:var(--abyss);color:var(--foam);border:1px solid var(--channel);border-radius:9px;padding:8px 10px;width:100%}input[type=range]{width:100%;accent-color:var(--tide)}.check{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--mist);cursor:pointer}.check input{accent-color:var(--tide);width:16px;height:16px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font:inherit;font-size:12px;background:transparent;color:var(--mist);border:1px solid var(--channel);border-radius:999px;padding:4px 10px;cursor:pointer}.chips button:hover{border-color:var(--tide);color:var(--foam)}.cats{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.cat{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px}.cat input{accent-color:var(--tide);width:16px;height:16px}.cat .dot{width:11px;height:11px;border-radius:50%;flex:none}.cat .dot.sub{border-radius:2px}.cat .count{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--haze)}.levels{display:flex;gap:6px}.levels button{flex:1;font:inherit;font-size:12.5px;background:transparent;color:var(--mist);border:1px solid var(--channel);border-radius:9px;padding:7px 4px;cursor:pointer}.levels button.is-active{border-color:var(--tide);color:var(--foam);background:#2ec4b61f}body.view-map #viewport,body.view-map #sectionWrap{display:none}.map-view{position:relative;flex:1;min-height:0}.map-view[hidden]{display:none}.map.map-full{position:absolute;inset:0;height:auto;border:0;border-radius:0}body.view-map .detail-card{right:16px}.map-panel{position:absolute;z-index:6;top:16px;left:16px;width:340px;max-height:calc(100% - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:14px 18px 18px;background:#081828f0;border:1px solid rgba(28,90,130,.8);border-radius:18px;box-shadow:0 14px 40px #00000080}.map-panel-head{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:default}.map-panel-kicker{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--haze);font-weight:600}.map-panel-place{grid-column:1;font-family:var(--display);font-size:19px;font-weight:600;color:var(--foam)}.map-panel-meta{grid-column:1;font-size:13px;color:var(--mist)}.map-panel-chev{display:none;grid-column:2;grid-row:1 / span 3;align-self:center;width:22px;height:22px;color:var(--mist);transition:transform .15s}.map-panel-body{display:flex;flex-direction:column;gap:14px}.map-panel-body>.muted{margin:0}.map .maplibregl-map,.map.maplibregl-map{background:#0b1f33;font-family:var(--body)}.maplibregl-ctrl-attrib{background:#0b1f33cc!important;color:var(--haze);font-size:10px}.maplibregl-ctrl-attrib a{color:var(--mist)!important}.maplibregl-ctrl-attrib-button{filter:invert(1)}.maplibregl-ctrl-group{background:var(--fathom)!important;border:1px solid var(--channel)}.maplibregl-ctrl-group button+button{border-top-color:var(--channel)!important}.maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(1)}.map-tip .maplibregl-popup-content{background:var(--fathom);color:var(--foam);border:1px solid var(--channel);border-radius:8px;padding:4px 8px;font-size:12.5px;box-shadow:none}.map-tip .maplibregl-popup-tip{display:none}.obs-marker{border-radius:50%;border:2px solid var(--abyss);box-shadow:0 0 0 2px var(--tide);background:var(--tide)}@media(max-width:900px){.detail-card{inset:auto 8px 8px;width:auto;max-height:62%;border-radius:18px 18px 14px 14px}body.view-map .detail-card{right:8px}.card-photo img{max-height:150px}.map-panel{inset:auto 8px 8px;width:auto;max-height:70%;gap:10px;padding:12px 14px 14px;border-radius:18px 18px 14px 14px}.map-panel-head{cursor:pointer}.map-panel-chev{display:block}.map-panel.open .map-panel-chev{transform:rotate(180deg)}.map-panel:not(.open) .map-panel-body{display:none}.stage:has(#detailCard:not([hidden])) .map-panel{display:none}.map-view .maplibregl-ctrl-bottom-right{top:0;bottom:auto}.attrib{right:84px;left:84px;text-align:center;bottom:2px;font-size:9.5px}}@media(max-width:640px){.fab{width:54px;height:54px}.fab svg{width:24px;height:24px}.compass{width:60px;height:60px;top:10px;right:10px}.compass svg{width:50px;height:50px}.compass-out{top:76px;right:10px;width:60px}.fly{left:8px}.fab.small{width:42px;height:42px}.sliders{left:10px;bottom:26px}.rail{left:72px;bottom:25px}.rail button{width:44px;height:44px}.locate{right:10px;bottom:26px}.place-pill{bottom:30px;max-width:calc(100% - 150px)}.place-meta{display:none}.dock{left:10px;width:calc(100% - 20px);bottom:90px}.hint{display:none}.cats{grid-template-columns:1fr}}.detail-story{margin:10px 0 2px}.detail-story a{color:var(--tide);font-weight:600;text-decoration:none}.detail-story a:hover{text-decoration:underline}