*{margin:0;padding:0}html,body{overflow:hidden;background:#001}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none}.welcome-overlay.welcome-overlay--dismissed{visibility:hidden}.welcome-popup{pointer-events:auto;position:absolute;left:clamp(12px,2vw,20px);top:50%;width:min(374px,calc(100vw - 24px));max-height:min(82vh,640px);display:flex;flex-direction:column;padding:18px 20px 20px;box-sizing:border-box;background:#0a0f24e0;border:1px solid rgba(100,160,255,.28);border-radius:14px;color:#e0e8f0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translate(calc(-100% - 28px),-50%);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s ease}.welcome-overlay.welcome-overlay--visible .welcome-popup{opacity:1;transform:translateY(-50%)}.welcome-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;padding-right:2px}.welcome-title{font-size:clamp(1rem,1.8vw + .65rem,1.35rem);font-weight:600;letter-spacing:.02em;color:#fff;line-height:1.25;flex:1;margin:0}.welcome-close{flex-shrink:0;width:30px;height:30px;margin:-4px -4px 0 0;padding:0;display:flex;align-items:center;justify-content:center;background:#28374b73;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#c8d6e8;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.welcome-close:hover{background:#465a73a6;color:#fff;border-color:#ffffff59}.welcome-popup-body{overflow-y:auto;flex:1;min-height:0;padding-right:6px}.welcome-popup-body p{font-size:clamp(11px,1.2vw + 9px,13px);line-height:1.55;color:#b8c6d4;margin-bottom:10px;text-align:left}.welcome-popup-body p:last-child{margin-bottom:0}.welcome-attention{margin-top:12px;padding-top:12px;border-top:1px solid rgba(100,160,255,.22);color:#e8b050!important;font-size:clamp(10px,1vw + 9px,12px)!important}@media (max-width: 768px){.welcome-popup{width:min(calc(100vw - 24px),352px);max-height:min(70vh,520px);left:12px;top:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-120%);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease}.welcome-overlay.welcome-overlay--visible .welcome-popup{transform:translate(0)}}.webgl{position:fixed;top:0;left:0;outline:none}.info-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;background:#000014b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s ease;pointer-events:auto}.info-popup.hidden{opacity:0;pointer-events:none}.info-popup .info-popup-content{width:min(92%,640px);max-height:85vh;overflow-y:auto;background:#0a0f24f2;border:1px solid rgba(100,160,255,.25);border-radius:clamp(12px,2vw,16px);padding:clamp(28px,4vh,36px) clamp(28px,4vw,36px);position:relative;color:#e0e8f0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;box-shadow:0 12px 48px #0009}.info-popup .info-popup-content p{font-size:clamp(14px,2vw + 11px,16px);line-height:1.7;color:#c0cdd8;margin-bottom:clamp(16px,2vh,20px)}.info-popup .info-popup-content p:last-child{margin-bottom:0}.info-popup-attention{margin-top:clamp(20px,2.5vh,28px);padding-top:clamp(16px,2vh,22px);border-top:1px solid rgba(100,160,255,.2);color:#e8b050!important;font-size:clamp(13px,1.5vw + 10px,15px)!important}#info-popup-close{position:absolute;top:clamp(10px,1.5vh,14px);right:clamp(14px,2vw,18px);background:none;border:none;color:#89a;font-size:clamp(20px,3vw,24px);cursor:pointer;line-height:1;transition:color .2s}#info-popup-close:hover{color:#fff}@media (max-width: 768px){.info-popup .info-popup-content{width:min(92%,calc(100vw - 32px));max-width:400px;max-height:80vh;margin:0 auto}.info-popup{padding-left:0;justify-content:center}}.popup{position:fixed;top:0;left:0;width:300px;max-width:calc(100vw - 32px);max-height:60vh;overflow-y:auto;background:#0a0f24eb;border:1px solid rgba(100,160,255,.2);border-radius:16px;padding:28px 24px 24px;color:#e0e8f0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s ease;box-shadow:0 8px 32px #00000080;pointer-events:auto}@media (max-width: 768px){.popup{width:min(320px,calc(100vw - 24px));max-height:70vh;padding:20px 18px 18px;left:50%!important;top:50%!important;transform:translate(-50%,-50%)}#popup-title{font-size:16px}.popup-meta{font-size:12px}.popup-text{font-size:13px}.popup-people{font-size:12px}}.popup.hidden{opacity:0;pointer-events:none}#popup-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#89a;font-size:22px;cursor:pointer;line-height:1;transition:color .2s}#popup-close:hover{color:#fff}#popup-title{font-size:18px;font-weight:600;margin-bottom:10px;line-height:1.3;color:#fff}.popup-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:13px}.popup-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.popup-date{color:#9ab;font-weight:500}#popup-location{color:#89a}.popup-text{font-size:14px;line-height:1.6;color:#c0cdd8;margin-bottom:14px}.popup-people{font-size:13px;color:#7a9bb5;margin-bottom:10px}.popup-people:empty{display:none}.popup-media-link{display:inline-block;font-size:12px;padding:5px 14px;border-radius:20px;background:#64a0ff26;color:#6aadff;text-decoration:none;transition:background .2s}.popup-media-link:hover{background:#64a0ff4d}.popup-media-link.hidden-link{display:none}.globe-controls{position:fixed;right:24px;left:auto;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:auto}.globe-control-btn{position:relative;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#1e283766;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.globe-control-btn:after{content:attr(data-tooltip);position:absolute;right:calc(100% + 10px);left:auto;top:50%;transform:translateY(-50%);padding:6px 10px;background:#141928e6;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:12px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e8f0;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}.globe-control-btn:hover:after{opacity:1}.globe-control-btn:hover{background:#32415599;border-color:#ffffff80}.globe-control-btn:active{transform:scale(.96)}.globe-control-btn svg{width:16px;height:16px}.zoom-hud{position:fixed;left:12px;top:12px;z-index:95;display:flex;align-items:baseline;gap:6px;padding:6px 10px;background:#0a0f24b8;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.2;color:#c8d7ebd9;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none}.zoom-hud__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#a0b4d2bf}.zoom-hud__value{font-variant-numeric:tabular-nums;font-weight:600;color:#f0f6ff}.zoom-hud__sep{opacity:.45;margin:0 2px}@media (max-width: 768px){.zoom-hud{left:8px;top:8px;font-size:11px;padding:5px 8px}}.map-attribution{position:fixed;right:8px;bottom:8px;z-index:90;padding:3px 8px;background:#0a0f248c;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:10px;line-height:1.4;color:#c8d7ebb3;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-attribution a{color:#c8d7ebe6;text-decoration:none}.map-attribution a:hover{color:#fff;text-decoration:underline}@media (max-width: 768px){.map-attribution{font-size:9px;right:6px;bottom:6px}}.ocean-label{position:fixed;transform:translate(-50%,-50%);pointer-events:none;font-family:Segoe UI,system-ui,-apple-system,sans-serif;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.6);white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:40;display:none}.ocean-label--ocean{font-size:13px;font-weight:300;letter-spacing:.32em;color:#aacdffc7;font-style:italic}.ocean-label--sea{font-size:11px;font-weight:400;letter-spacing:.18em;color:#c3deffb8;font-style:italic}.ocean-label--gulf{font-size:10px;font-weight:400;letter-spacing:.14em;color:#c8e1ffa6;font-style:italic}@media (max-width: 768px){.ocean-label--ocean{font-size:11px;letter-spacing:.25em}.ocean-label--sea{font-size:10px;letter-spacing:.15em}.ocean-label--gulf{font-size:9px;letter-spacing:.12em}}