.maps-landing{max-width:1200px;margin:0 auto;padding:40px 20px;animation:.5s ease-out fadeIn}.maps-header{text-align:center;margin-bottom:50px}.maps-header-icon{background:#9a67ff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;padding:12px;display:inline-flex}.maps-header h1{color:#fff;letter-spacing:-.5px;margin:0 0 15px;font-size:2.5rem;font-weight:800}.maps-header p{color:#9ca3c4;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.seas-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.sea-card{cursor:pointer;border:1px solid #9a67ff26;border-radius:20px;flex-direction:column;justify-content:flex-end;min-height:280px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.sea-card:hover{border-color:#9a67ff80;transform:translateY(-5px);box-shadow:0 10px 30px #9a67ff33}.sea-card-bg-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.sea-card-bg{opacity:.6;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .3s}.sea-card:hover .sea-card-bg{opacity:.8}.sea-card-gradient{background:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.sea-card-content{z-index:1;background:linear-gradient(#0000 0%,#0a0b10cc 50%,#0a0b10f2 100%);padding:30px;position:relative}.sea-card-title{color:#fff;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:1.8rem;font-weight:800;display:flex}.sea-card-desc{color:#9ca3c4;margin:0;font-size:.95rem;line-height:1.5}.interactive-map-container{background-color:#0a0b10;flex-direction:column;width:100%;min-height:600px;display:flex;position:relative;overflow:hidden}.interactive-map-container.fullscreen{height:100vh!important}.map-overlay-top{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:15px;display:flex;position:absolute;top:20px;left:20px;right:20px}.map-search-group{pointer-events:auto;flex-direction:column;gap:10px;width:100%;max-width:350px;display:flex}.map-back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#1c1f2ed9;border:1px solid #9a67ff26;border-radius:10px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:10px 15px;font-weight:700;transition:all .2s;display:flex}.map-back-btn:hover{background:#1c1f2e;border-color:#9a67ff80}.map-search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1f2ed9;border:1px solid #9a67ff26;border-radius:10px;align-items:center;gap:10px;padding:10px 15px;transition:all .2s;display:flex}.map-search-bar:focus-within{border-color:#9a67ff80;box-shadow:0 2px 10px #9a67ff1a}.map-search-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1rem}.map-search-bar button{color:#68708c;cursor:pointer;background:0 0;border:none}.map-tools-group{pointer-events:auto;gap:10px;display:flex}.map-tool-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#1c1f2ed9;border:1px solid #9a67ff26;border-radius:10px;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex}.map-tool-btn:hover{background:#1c1f2e;border-color:#9a67ff80}.map-tool-btn.active{color:#9a67ff;background:#9a67ff33;border-color:#9a67ff80}.map-filters-panel{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1f2ed9;border:1px solid #9a67ff26;border-radius:15px;width:250px;padding:20px;position:absolute;top:85px;right:20px;box-shadow:0 10px 30px #9a67ff33}.map-filters-panel h3{color:#fff;margin:0 0 15px;font-size:1.1rem;font-weight:800}.map-zoom-controls{z-index:10;flex-direction:column;gap:10px;transition:bottom .3s;display:flex;position:absolute;right:20px}.map-info-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#1c1f2ed9;border:1px solid #9a67ff26;border-radius:20px;max-width:400px;padding:25px;animation:.3s ease-out slideUp;position:absolute;bottom:20px;left:20px;right:20px;box-shadow:0 -10px 40px #00000080}.map-info-close-btn{color:#68708c;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:20px;right:20px}.map-info-close-btn:hover{color:#fff}.map-islands-container{width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-islands-image{object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block}.radar-dot{border:2px solid #fffc;border-radius:50%;width:16px;height:16px;transition:all .3s;position:relative}.radar-dot.selected{border-color:#fff;transform:scale(1.5);background-color:#fff!important;box-shadow:0 0 20px #fff!important}.radar-ping{content:"";opacity:0;border:2px solid;border-radius:50%;animation:2s ease-out infinite radarPing;position:absolute;inset:-12px}.map-marker-container:hover .radar-dot{transform:scale(1.2)}@keyframes radarPing{0%{opacity:.8;transform:scale(.2)}80%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}.map-control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#1c1f2ed9;border:1px solid #9a67ff26;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s;display:flex;box-shadow:0 4px 20px #0006}.map-control-btn:hover{background:#1c1f2e;border-color:#9a67ff80;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.map-overlay-top{flex-direction:column;gap:10px}.map-search-group{flex-flow:wrap;max-width:100%}.map-search-bar{order:3;width:100%}.map-tools-group{position:absolute;top:20px;right:20px}.hide-on-mobile{display:none}.map-filters-panel{width:calc(100% - 40px);max-width:none;top:130px}.map-info-panel{max-width:none}.map-zoom-controls{display:none}.map-islands-container{width:75%;height:75%}}