.gateway-map-module__gxex8q__page{--background:#0b0c0b;--panel:#0d0e0d;--panel-light:#111311;--panel-hover:#191c19;--border:#252825;--border-light:#2d312d;--text:#f1f3f1;--muted:#747a74;--green:#92c553;--radius-panel:14px;--radius-control:9px;min-height:0;color:var(--text);font-family:var(--font-poppins), Inter, ui-sans-serif, system-ui, sans-serif;position:relative;overflow:hidden}.gateway-map-module__gxex8q__page,.gateway-map-module__gxex8q__page *{box-sizing:border-box}.gateway-map-module__gxex8q__header,.gateway-map-module__gxex8q__layout{z-index:1;position:relative}.gateway-map-module__gxex8q__header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:18px;padding:0 2px;display:flex}.gateway-map-module__gxex8q__eyebrow,.gateway-map-module__gxex8q__detailType,.gateway-map-module__gxex8q__panelHeading p,.gateway-map-module__gxex8q__mapTopbar,.gateway-map-module__gxex8q__coordinate span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:9px;font-weight:600}.gateway-map-module__gxex8q__page h1{color:#fff;letter-spacing:-.045em;margin:6px 0 10px;font-size:clamp(32px,4vw,46px);font-weight:500;line-height:1}.gateway-map-module__gxex8q__intro{color:#969b96;max-width:570px;margin:0;font-size:13px;line-height:1.65}.gateway-map-module__gxex8q__status{border:1px solid var(--border-light);color:#d5d8d5;background:#131513;border-radius:999px;flex:none;align-items:center;gap:8px;height:34px;padding:0 11px;font-size:11px;display:inline-flex}.gateway-map-module__gxex8q__statusDot{background:var(--green);border-radius:50%;width:6px;height:6px}.gateway-map-module__gxex8q__layout{grid-template-columns:236px minmax(420px,1fr) 236px;align-items:start;gap:12px;display:grid}.gateway-map-module__gxex8q__legend,.gateway-map-module__gxex8q__details,.gateway-map-module__gxex8q__mapShell{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--panel);overflow:hidden}.gateway-map-module__gxex8q__legend,.gateway-map-module__gxex8q__details{padding:17px}.gateway-map-module__gxex8q__panelHeading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.gateway-map-module__gxex8q__panelHeading span{color:var(--muted);font-size:10px}.gateway-map-module__gxex8q__overlayHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:2px 0 16px;display:flex}.gateway-map-module__gxex8q__overlayHeader p{color:#e4e9e3;margin:0;font-size:14px;font-weight:600}.gateway-map-module__gxex8q__overlayHeader span{color:var(--muted);font-size:10px}.gateway-map-module__gxex8q__overlaySection{padding:16px 0 2px}.gateway-map-module__gxex8q__overlaySection>p{color:#718078;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}.gateway-map-module__gxex8q__overlayRow,.gateway-map-module__gxex8q__overlayRowActive{color:#8b938c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:20px 18px 1fr;align-items:center;gap:9px;width:100%;min-height:35px;padding:4px 8px;font-size:11px;font-weight:500;display:grid}.gateway-map-module__gxex8q__overlayRow:hover,.gateway-map-module__gxex8q__overlayRowActive{color:#dce3db;background:#131713}.gateway-map-module__gxex8q__overlayRow>svg,.gateway-map-module__gxex8q__overlayRowActive>svg{stroke-width:1.8px;width:15px;height:15px}.gateway-map-module__gxex8q__overlayCheck{color:#93d4ad;background:#132019;border:1px solid #415149;border-radius:3px;place-items:center;width:17px;height:17px;display:grid}.gateway-map-module__gxex8q__overlayRowActive .gateway-map-module__gxex8q__overlayCheck{color:#092014;background:#5ebd88;border-color:#5ebd88}.gateway-map-module__gxex8q__overlayCheck svg{stroke-width:3px;width:12px;height:12px}.gateway-map-module__gxex8q__filterIcon,.gateway-map-module__gxex8q__detailIcon{border:1px solid;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.gateway-map-module__gxex8q__filterIcon svg,.gateway-map-module__gxex8q__detailIcon svg{stroke-width:1.75px;width:14px;height:14px}.gateway-map-module__gxex8q__liveToggle,.gateway-map-module__gxex8q__liveToggleActive{border:1px solid var(--border-light);border-radius:var(--radius-control);color:#929892;text-align:left;cursor:pointer;background:#111311;align-items:center;gap:7px;width:100%;margin-top:12px;padding:9px 10px;font-size:10px;display:flex}.gateway-map-module__gxex8q__liveToggle>span,.gateway-map-module__gxex8q__liveToggleActive>span{border:1px solid #777e77;border-radius:50%;width:7px;height:7px}.gateway-map-module__gxex8q__liveToggle:hover{color:#d7ddd7;border-color:#3b403b}.gateway-map-module__gxex8q__liveToggleActive{color:#b6d88c;background:#171c15;border-color:#3a4a30}.gateway-map-module__gxex8q__liveToggleActive>span{border-color:var(--green);background:var(--green);box-shadow:0 0 8px #92c553a6}.gateway-map-module__gxex8q__mapShell{min-height:660px;padding:10px}.gateway-map-module__gxex8q__mapTopbar{justify-content:space-between;padding:4px 4px 12px;display:flex}.gateway-map-module__gxex8q__mapCanvas{aspect-ratio:7800/7817;background:#071f3f;width:100%;min-height:0;position:relative;overflow:hidden}.gateway-map-module__gxex8q__mapViewport{transform-origin:50%;position:absolute;inset:0}.gateway-map-module__gxex8q__mapArtwork{background:radial-gradient(circle at 34% 63%,#6589565e,#0000 20%),radial-gradient(circle at 73% 34%,#365540e0,#0000 28%),linear-gradient(135deg,#0000 0 34%,#7c9f7514 34.2% 35%,#0000 35.2%),linear-gradient(164deg,#344333,#202c23 52%,#18241e);position:absolute;inset:0}.gateway-map-module__gxex8q__mapArtwork:before{content:"";opacity:.34;background-image:linear-gradient(#e8f7de1c 1px,#0000 1px),linear-gradient(90deg,#e8f7de1c 1px,#0000 1px);background-size:8.333% 8.333%;position:absolute;inset:0}.gateway-map-module__gxex8q__mapArtwork:after{content:"";border:1px solid #dfefd414;position:absolute;inset:20px}.gateway-map-module__gxex8q__mapImage{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.gateway-map-module__gxex8q__mapOverlay{z-index:2;pointer-events:none;object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.gateway-map-module__gxex8q__mapLabelsOverlay{transform:translateY(6%)}.gateway-map-module__gxex8q__marker{z-index:3;color:#b8caad;cursor:pointer;background:#0d120ded;border:1px solid;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;transition:transform .16s,filter .16s,background-color .16s;display:grid;position:absolute;transform:translate(-50%,-50%)}.gateway-map-module__gxex8q__marker:hover,.gateway-map-module__gxex8q__markerSelected{filter:drop-shadow(0 0 10px);background:#1a2119;transform:translate(-50%,-50%)scale(1.13)}.gateway-map-module__gxex8q__marker svg{stroke-width:1.8px;width:15px;height:15px}.gateway-map-module__gxex8q__marker_plants,.gateway-map-module__gxex8q__tone_plants{color:#b6d88c}.gateway-map-module__gxex8q__marker_water,.gateway-map-module__gxex8q__tone_water{color:#75bbc3}.gateway-map-module__gxex8q__marker_fish,.gateway-map-module__gxex8q__tone_fish{color:#a2c5e7}.gateway-map-module__gxex8q__marker_nesting,.gateway-map-module__gxex8q__tone_nesting{color:#d5c07d}.gateway-map-module__gxex8q__marker_cave,.gateway-map-module__gxex8q__tone_cave{color:#b1a4d6}.gateway-map-module__gxex8q__marker_landmark,.gateway-map-module__gxex8q__tone_landmark{color:#d5c07d}.gateway-map-module__gxex8q__marker_danger,.gateway-map-module__gxex8q__tone_danger{color:#e88976}.gateway-map-module__gxex8q__myLocation{z-index:4;width:22px;height:22px;transform:translate(-50%, -50%) scale(calc(1 / var(--map-zoom)));transform-origin:50%;pointer-events:none;position:absolute}.gateway-map-module__gxex8q__myLocationCore{color:#a9df79;background:#172518;border:2px solid #e8f3e4;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 0 0 5px #92c55338,0 0 20px #92c553bf}.gateway-map-module__gxex8q__myLocationCore svg{stroke-width:2.5px;width:12px;height:12px}.gateway-map-module__gxex8q__myLocation:before,.gateway-map-module__gxex8q__myLocation:after{content:"";border:1px solid #a9df79b3;border-radius:50%;animation:2.2s ease-out infinite gateway-map-module__gxex8q__locationPulse;position:absolute;inset:-5px}.gateway-map-module__gxex8q__myLocation:after{animation-delay:1.1s}.gateway-map-module__gxex8q__myLocationLabel{color:#dcedd4;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#0b0f0bd6;border:1px solid #cdeaba45;border-radius:4px;padding:2px 4px;font-size:7px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.gateway-map-module__gxex8q__liveEmpty{z-index:4;border:1px solid var(--border-light);color:#e0e4df;text-align:center;background:#0d0f0ddb;border-radius:9px;gap:5px;width:min(290px,75%);padding:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gateway-map-module__gxex8q__liveEmpty strong{font-size:11px;font-weight:500}.gateway-map-module__gxex8q__liveEmpty span{color:#929892;font-size:10px;line-height:1.45}.gateway-map-module__gxex8q__mapControls{z-index:5;border:1px solid var(--border-light);background:#0d0f0df0;border-radius:9px;width:34px;display:grid;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 12px 30px #00000047}.gateway-map-module__gxex8q__mapControls button{border:0;border-bottom:1px solid var(--border);color:#d9e2d5;cursor:pointer;background:0 0;height:32px;font-size:18px;line-height:1}.gateway-map-module__gxex8q__mapControls button:hover{background:var(--panel-hover)}.gateway-map-module__gxex8q__mapControls .gateway-map-module__gxex8q__resetControl{color:#abb9a3;letter-spacing:.05em;text-transform:uppercase;border-bottom:0;height:27px;font-size:9px;font-weight:600}.gateway-map-module__gxex8q__mapControls{z-index:6;background:#0a0e0adb;border:1px solid #dcefcf3d;border-radius:10px;width:38px;display:grid;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 12px 30px #00000047}.gateway-map-module__gxex8q__mapControls button{color:#dbe8d8;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #dcefcf21;place-items:center;height:38px;padding:0;transition:color .16s,background-color .16s,transform .16s;display:grid}.gateway-map-module__gxex8q__mapControls button:hover{color:#b7e286;background:#92c55321}.gateway-map-module__gxex8q__mapControls button:active{transform:scale(.92)}.gateway-map-module__gxex8q__mapControls button:last-child{border-bottom:0}.gateway-map-module__gxex8q__mapControls button svg{stroke-width:1.9px;width:16px;height:16px}.gateway-map-module__gxex8q__mapControls .gateway-map-module__gxex8q__resetControl{color:#afc9a2}.gateway-map-module__gxex8q__scale{z-index:5;color:#c3cec0;letter-spacing:.08em;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;bottom:17px;left:17px}.gateway-map-module__gxex8q__scale i{border-top:1px solid #d1dfc7;border-left:1px solid #d1dfc7;border-right:1px solid #d1dfc7;width:30px;height:4px}.gateway-map-module__gxex8q__details{flex-direction:column;min-height:286px;display:flex}.gateway-map-module__gxex8q__detailIcon{width:34px;height:34px;margin-bottom:18px;font-size:17px}.gateway-map-module__gxex8q__details h2{color:#fff;letter-spacing:-.035em;margin:6px 0 11px;font-size:23px;font-weight:500;line-height:1.05}.gateway-map-module__gxex8q__tags{flex-wrap:wrap;gap:5px;margin:18px 0;display:flex}.gateway-map-module__gxex8q__tags span{border:1px solid var(--border-light);color:#a0a5a0;border-radius:5px;padding:5px 7px;font-size:9px}.gateway-map-module__gxex8q__coordinate{border-top:1px solid var(--border);margin-top:auto;padding-top:13px}.gateway-map-module__gxex8q__coordinate strong{color:#d7dfd3;letter-spacing:.08em;margin-top:5px;font-size:11px;font-weight:500;display:block}.gateway-map-module__gxex8q__empty{color:var(--muted);font-size:11px}@keyframes gateway-map-module__gxex8q__locationPulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}@media (max-width:1040px){.gateway-map-module__gxex8q__layout{grid-template-columns:230px minmax(360px,1fr)}.gateway-map-module__gxex8q__details{grid-column:1/-1;min-height:auto}.gateway-map-module__gxex8q__coordinate{margin-top:20px}}@media (max-width:700px){.gateway-map-module__gxex8q__header{flex-direction:column;align-items:flex-start;gap:16px}.gateway-map-module__gxex8q__layout{grid-template-columns:1fr}.gateway-map-module__gxex8q__legend{order:2}.gateway-map-module__gxex8q__details{order:3}.gateway-map-module__gxex8q__mapShell{min-height:auto}.gateway-map-module__gxex8q__mapTopbar{font-size:8px}.gateway-map-module__gxex8q__filter{min-height:45px}}.gateway-map-module__gxex8q__gridLayerIcon{color:#a7b2a5;font-size:14px;font-weight:700}.gateway-map-module__gxex8q__pinPanel{border-top:1px solid var(--border);gap:8px;margin-top:15px;padding:12px 0;display:grid}.gateway-map-module__gxex8q__pinPanel>p{color:#718078;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.gateway-map-module__gxex8q__pinPanel input{border:1px solid var(--border-light);color:#e7ece5;background:#111311;border-radius:7px;outline:none;width:100%;padding:9px;font-size:10px}.gateway-map-module__gxex8q__pinPanel input:focus{border-color:#67894e}.gateway-map-module__gxex8q__pinPanel>div{grid-template-columns:1fr auto;gap:6px;display:grid}.gateway-map-module__gxex8q__pinPanel button{border:1px solid var(--border-light);color:#b5d886;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#151915;border-radius:7px;min-height:31px;padding:0 9px;font-size:9px;font-weight:700}.gateway-map-module__gxex8q__pinPanel button:hover{background:#1c2519}.gateway-map-module__gxex8q__pinPanel button+button{color:#98a098}.gateway-map-module__gxex8q__gridTop,.gateway-map-module__gxex8q__gridLeft{z-index:5;pointer-events:none;color:#e4efddab;letter-spacing:.08em;text-shadow:0 1px 4px #000000b3;font-size:8px;font-weight:700;position:absolute}.gateway-map-module__gxex8q__gridTop{text-align:center;grid-template-columns:repeat(8,1fr);display:grid;top:9px;left:30px;right:14px}.gateway-map-module__gxex8q__gridLeft{text-align:center;grid-template-rows:repeat(8,1fr);align-items:center;display:grid;top:29px;bottom:14px;left:10px}.gateway-map-module__gxex8q__zone{z-index:2;width:var(--zone-size);height:var(--zone-size);opacity:.76;pointer-events:none;border:1.5px solid;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.gateway-map-module__gxex8q__zone_sanctuary{color:#ffc929;background:#ddb438d0}.gateway-map-module__gxex8q__zone_migration{color:#2a94f7;background:#71da831a;border-style:solid;border-radius:4px}.gateway-map-module__gxex8q__zone_structures{color:#d7c39b;background:#d7c39b1a;border-radius:3px}.gateway-map-module__gxex8q__zone_salt{color:#52b7e9;background:#52b7e91a}.gateway-map-module__gxex8q__droppedPin{z-index:4;width:20px;height:20px;transform:translate(-50%, -50%) scale(calc(1 / var(--map-zoom)));transform-origin:50%;pointer-events:none;position:absolute}.gateway-map-module__gxex8q__droppedPinCore{color:#ff737b;background:#40191d;border:2px solid #ffe8e9;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 0 0 4px #ef626b33,0 0 18px #ef626ba6}.gateway-map-module__gxex8q__droppedPinCore svg{stroke-width:2.6px;width:10px;height:10px}.gateway-map-module__gxex8q__droppedPin:before,.gateway-map-module__gxex8q__droppedPin:after{content:"";border:1px solid #ff737bb8;border-radius:50%;animation:2.2s ease-out infinite gateway-map-module__gxex8q__locationPulse;position:absolute;inset:-5px}.gateway-map-module__gxex8q__droppedPin:after{animation-delay:1.1s}.gateway-map-module__gxex8q__textLabel{z-index:3;color:#f3f5ef;text-align:center;text-shadow:0 1px 1px #07100ae6;white-space:nowrap;cursor:pointer;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:0 0;border:0;padding:2px 4px;font-size:10px;font-weight:700;line-height:1;transition:color .15s;position:absolute;transform:translate(-50%,-50%)}.gateway-map-module__gxex8q__textLabel:hover,.gateway-map-module__gxex8q__textLabelSelected{color:#d6f29e}.gateway-map-module__gxex8q__textLabel_water{color:#61c7e5}.gateway-map-module__gxex8q__textLabel_poi{color:#f0c752}.gateway-map-module__gxex8q__textLabel_area{color:#f1f3ee}.gateway-map-module__gxex8q__mapCanvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.gateway-map-module__gxex8q__mapCanvasDragging{cursor:grabbing}.gateway-map-module__gxex8q__mapViewport{will-change:transform;transition:transform .11s cubic-bezier(.2,.8,.2,1)}.gateway-map-module__gxex8q__mapCanvasDragging .gateway-map-module__gxex8q__mapViewport{transition:none}.gateway-map-module__gxex8q__mapArtwork{background:#071f3f}.gateway-map-module__gxex8q__mapArtwork:before,.gateway-map-module__gxex8q__mapArtwork:after{display:none}.gateway-map-module__gxex8q__details{background:linear-gradient(145deg, #92c5530b, transparent 45%), var(--panel);min-height:286px;padding:18px}.gateway-map-module__gxex8q__detailEyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;font-size:9px;font-weight:700}.gateway-map-module__gxex8q__details h2{color:var(--text-white);letter-spacing:-.025em;margin:0 0 9px;font-size:18px;font-weight:600}.gateway-map-module__gxex8q__detailNote{color:var(--muted-light);margin:0;font-size:11px;line-height:1.55}.gateway-map-module__gxex8q__calibrationNote{border-radius:var(--radius-control);color:#c9b27a;background:#f1b62b0f;border:1px solid #f1b62b38;margin:15px 0 0;padding:10px 11px;font-size:10px;line-height:1.5}.gateway-map-module__gxex8q__liveCoordinate{border-top:1px solid var(--border);margin-top:auto;padding-top:15px}.gateway-map-module__gxex8q__liveCoordinate span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.gateway-map-module__gxex8q__liveCoordinate span i{background:var(--green);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 4px #92c5531a}.gateway-map-module__gxex8q__liveCoordinate strong{color:var(--text-white);letter-spacing:-.015em;margin-top:8px;font-size:12px;font-weight:600;display:block}.gateway-map-module__gxex8q__liveToggleActive>span,.gateway-map-module__gxex8q__liveCoordinate span i{animation:1.5s ease-in-out infinite gateway-map-module__gxex8q__liveStatusBlink}@keyframes gateway-map-module__gxex8q__liveStatusBlink{0%,to{opacity:1;box-shadow:0 0 0 4px #92c5531a}50%{opacity:.45;box-shadow:0 0 0 7px #92c55305}}