body,html{margin:0;padding:0;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#map{width:100%;height:100%;background-color:#1a1a1a}#map.deep-blue-ocean{background-color:#06121f}.basemap-deep-blue canvas{filter:brightness(.4) saturate(3) contrast(1.15)}#controls{position:absolute;top:20px;left:20px;background:#ffffffe6;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;width:320px;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#info-panel{position:absolute;top:0;right:0;height:100%;width:450px;background:#fffffff2;box-shadow:-4px 0 15px #0003;z-index:1001;transition:transform .4s cubic-bezier(.05,.74,.2,.99);display:flex;flex-direction:column}#info-panel.collapsed{transform:translate(100%)}#info-toggle{position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:40px;height:60px;background:#fffffff2;border:none;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-2px 0 5px #0000001a;display:flex;align-items:center;justify-content:center;color:#333;padding:0}#info-toggle:hover{background:#f0f4ff}#info-toggle svg{flex-shrink:0}#icon-info{color:#0056b3;stroke:#0056b3}.info-content{padding:40px;overflow-y:auto;color:#2c3e50;line-height:1.6}.info-poster{display:block;width:calc(100% + 80px);margin:-40px -40px 25px;height:auto;object-fit:cover}.info-content h1{color:#0056b3;margin-top:0;font-size:2.2rem;border-bottom:none;margin-bottom:0;padding-bottom:0}.info-content h2{font-size:1.1rem;color:#555;margin-bottom:30px;font-style:italic}.info-content p{margin-bottom:20px;text-align:justify}.highlight{color:#0056b3;font-weight:600}h2.filter-title{margin-top:0;font-size:1.2rem;margin-bottom:10px}.intersection-legend{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;font-weight:700;font-size:.9rem}.color-box-yellow{width:16px;height:16px;background-color:#ff0;border:1px solid #ccc;border-radius:2px}.layer-control{margin-bottom:20px;padding:10px;border-radius:4px;transition:opacity .3s;background:#f9f9f9;border-left:5px solid #888}.layer-control.disabled{opacity:.5}.layer-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.layer-header label{font-weight:700;cursor:pointer}.range-values{font-size:.85rem;margin-top:12px;font-weight:700;color:#333}.noUi-target{height:8px;border:none;background:#ccc}.noUi-connect{background:#888}.noUi-handle{height:16px!important;width:16px!important;top:-5px!important;border-radius:50%;cursor:pointer}#tooltip{position:absolute;background:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;display:none;z-index:2000}.ol-attribution.ol-uncollapsible,.ol-attribution.ol-unselectable{position:absolute!important;right:auto!important;left:8px!important;bottom:8px!important;top:auto!important;max-width:none!important}.ol-attribution ul{font-size:.75rem;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ol-attribution:not(.ol-collapsed){background:#0000008c!important;border-radius:4px;padding:2px 8px}.ol-attribution button{color:#fff!important;background:#00000080!important}.logo-top-left{position:absolute;top:15px;left:15px;z-index:1000;height:90px;width:auto;background:#ffffffe6;padding:8px 12px;border-radius:8px;box-shadow:0 2px 10px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.zone-popup{display:none;position:absolute;z-index:1100;background:#003878f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:14px 20px;box-shadow:0 6px 24px #0006,0 0 0 1px #ffffff26;transform:translate(-50%,-100%);margin-top:-14px;pointer-events:auto;animation:popupFadeIn .25s ease-out}.zone-popup:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,56,120,.95)}.zone-popup-link{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;transition:color .2s}.zone-popup-link:hover{color:#60cfff}.zone-popup-link svg{flex-shrink:0}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;border-bottom:2px solid #0056b3;padding-bottom:10px}.download-btn{background-color:#0056b3;color:#fff;border:none;border-radius:6px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s;flex-shrink:0}.download-btn:hover{background-color:#003d80;transform:scale(1.05)}.download-btn:active{transform:scale(.95)}.download-btn svg{width:20px;height:20px}.nav-btn{position:absolute;top:20px;right:470px;z-index:1002;display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fffffff2;color:#0056b3;text-decoration:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;font-size:.9rem;border-radius:50px;box-shadow:0 2px 10px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background-color .2s,transform .15s,box-shadow .2s,right .4s cubic-bezier(.05,.74,.2,.99)}.nav-btn.panel-collapsed{right:20px}.nav-btn:hover{background:#0056b3;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #0056b359}.nav-btn:hover svg{stroke:#fff}.nav-btn:active{transform:translateY(0)}.nav-btn svg{flex-shrink:0;stroke:#0056b3;transition:stroke .2s}