:root{--bg: #03050a;--panel-bg: rgba(8, 12, 24, .78);--panel-border: rgba(120, 160, 220, .15);--text: #e8edf6;--text-dim: #8b97ad;--accent: #7ec8e3;--accent-warm: #ffd28b;--hover-bg: rgba(126, 200, 227, .12);--active-bg: rgba(126, 200, 227, .22);--shadow: 0 8px 32px rgba(0, 0, 0, .6);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);overflow:hidden;user-select:none;-webkit-user-select:none}#sky{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab}#sky:active{cursor:grabbing}#brand{position:fixed;top:24px;left:24px;z-index:30;pointer-events:none;transition:opacity .25s}#brand .logo{pointer-events:auto;cursor:pointer;display:inline-block;padding:4px 10px;border-radius:6px;transition:background .2s}#brand.clickable .logo:hover{background:var(--hover-bg)}#brand.clickable .logo:before{content:"← ";opacity:.7;font-weight:400}#brand .logo{font-size:22px;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#fff 0%,var(--accent) 50%,var(--accent-warm) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(126,200,227,.3)}#brand .tag{font-size:12px;color:var(--text-dim);margin-top:4px;letter-spacing:.05em}#locations{position:fixed;top:80px;left:24px;width:240px;z-index:10;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:12px;padding:16px;box-shadow:var(--shadow);max-height:calc(100vh - 120px);overflow-y:auto}#locations h2{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:12px}#location-list{display:flex;flex-direction:column;gap:4px}.loc-btn{background:transparent;border:1px solid transparent;color:var(--text);padding:10px 12px;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;font-size:13px;display:flex;align-items:center;gap:10px;transition:background .15s,border-color .15s,transform .15s}.loc-btn:hover{background:var(--hover-bg);border-color:var(--panel-border)}.loc-btn.active{background:var(--active-bg);border-color:var(--accent);transform:translate(2px)}.loc-btn .icon{font-size:18px;line-height:1;flex-shrink:0;width:22px;text-align:center}.loc-btn .label{display:flex;flex-direction:column;gap:1px;min-width:0}.loc-btn .name{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-btn .dist{font-size:10px;color:var(--text-dim);letter-spacing:.03em}#info-panel{position:fixed;bottom:24px;right:24px;width:340px;z-index:10;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s}#info-panel.show{opacity:1;transform:translateY(0)}.info-icon{font-size:32px;margin-bottom:8px}#info-name{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.info-subtitle{font-size:12px;color:var(--accent);letter-spacing:.05em;margin-bottom:14px;font-weight:500}#info-desc{font-size:13px;line-height:1.55;color:var(--text);margin-bottom:16px}.info-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;border-top:1px solid var(--panel-border)}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.meta-value{font-size:14px;font-weight:500;color:var(--text)}.hint{font-size:11px;color:var(--text-dim);margin-top:14px;padding-top:12px;border-top:1px solid var(--panel-border);letter-spacing:.02em}#coords{position:fixed;bottom:24px;left:24px;z-index:10;font-size:11px;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;letter-spacing:.04em;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 14px;border-radius:6px;border:1px solid var(--panel-border);display:none}#coords.show{display:flex;gap:8px;align-items:center}.coord-sep{color:#78a0dc4d}#loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:opacity .6s}#loader.hide{opacity:0;pointer-events:none}.loader-text{text-align:center;font-size:14px;color:var(--text);letter-spacing:.05em}.loader-spinner{width:48px;height:48px;border:2px solid rgba(126,200,227,.2);border-top-color:var(--accent);border-radius:50%;margin:0 auto 18px;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-sub{font-size:11px;color:var(--text-dim);margin-top:8px;letter-spacing:.08em}@media (max-width: 768px){#brand{top:16px;left:16px}#brand .logo{font-size:18px}#brand .tag{font-size:10px}#locations{top:64px;left:16px;right:16px;width:auto;max-height:160px}#info-panel{bottom:16px;right:16px;left:16px;width:auto}#coords{display:none!important}}#locations::-webkit-scrollbar{width:6px}#locations::-webkit-scrollbar-track{background:transparent}#locations::-webkit-scrollbar-thumb{background:#7ec8e333;border-radius:3px}#locations::-webkit-scrollbar-thumb:hover{background:#7ec8e359}#gallery{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at top,rgba(40,60,120,.18) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(120,60,40,.1) 0%,transparent 50%),var(--bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease;overflow-y:auto}#gallery.show{opacity:1;pointer-events:auto}.gallery-inner{width:100%;max-width:1200px;padding:48px 32px 64px;margin:0 auto}.gallery-header{text-align:center;margin-bottom:36px}.gallery-header h1{font-size:44px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#fff 0%,var(--accent) 50%,var(--accent-warm) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;text-shadow:0 0 30px rgba(126,200,227,.2)}.gallery-lead{font-size:16px;color:var(--text);max-width:620px;margin:0 auto 6px;line-height:1.5}.gallery-sub{font-size:12px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.gallery-card{position:relative;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;font-family:inherit;color:inherit;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;box-shadow:0 4px 18px #0006;display:flex;flex-direction:column}.gallery-card:hover{transform:translateY(-4px) scale(1.015);border-color:var(--accent);box-shadow:0 12px 36px #0009,0 0 0 1px var(--accent)}.gallery-card:active{transform:translateY(-1px) scale(.99)}.gallery-card .mini-wrap{position:relative;width:100%;aspect-ratio:16 / 10;background:#000;overflow:hidden}.gallery-card canvas{display:block;width:100%!important;height:100%!important;object-fit:cover}.gallery-card .mini-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:11px;letter-spacing:.08em}.gallery-card .card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,transparent 0%,rgba(8,12,24,.6) 100%)}.gallery-card .card-head{display:flex;align-items:center;gap:10px}.gallery-card .card-icon{font-size:22px;line-height:1}.gallery-card .card-name{font-size:16px;font-weight:600;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card .card-subtitle{font-size:11px;color:var(--text-dim);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card .card-cta{font-size:11px;color:var(--accent);letter-spacing:.06em;margin-top:4px;opacity:.7;transition:opacity .2s,transform .2s}.gallery-card:hover .card-cta{opacity:1;transform:translate(2px)}.gallery-footer{text-align:center;font-size:11px;color:var(--text-dim);letter-spacing:.08em}#gallery.show~#brand{opacity:0;pointer-events:none}#brand.clickable .logo{color:var(--text);font-weight:600;letter-spacing:.02em;background:none;-webkit-text-fill-color:var(--text)}#gallery.show~#locations,#gallery.show~#info-panel,#gallery.show~#coords{opacity:0;pointer-events:none;transition:opacity .3s}#locations,#info-panel,#coords{transition:opacity .4s}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-header h1{font-size:32px}.gallery-lead{font-size:14px}}@media (max-width: 540px){.gallery-grid{grid-template-columns:1fr}.gallery-header h1{font-size:28px}.gallery-inner{padding:24px 16px 48px}}