.map-interface{display:grid;grid-template-columns:minmax(0,1fr) 20rem;min-height:calc(100vh - var(--sv-header));background:#081015}.map-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(55,90,104,.18),transparent 45%),repeating-radial-gradient(circle at 50% 50%,transparent 0 70px,rgba(105,143,157,.08) 71px 72px)}
.island{position:absolute;left:50%;top:50%;width:min(62vw,760px);aspect-ratio:1.5;transform:translate(-50%,-50%);filter:drop-shadow(0 25px 40px rgba(0,0,0,.8));transition:transform var(--sv-transition-normal)}.island-shape{position:absolute;inset:12% 8%;background:linear-gradient(145deg,#526067,#252f34 55%,#12191d);clip-path:polygon(11% 43%,23% 19%,47% 8%,72% 18%,91% 42%,80% 66%,57% 89%,27% 80%,7% 62%);border:1px solid #77909a}.island-shape::after{content:"";position:absolute;inset:8%;clip-path:inherit;background:repeating-linear-gradient(155deg,transparent 0 16px,rgba(209,223,224,.08) 17px 18px)}
.map-marker{position:absolute;z-index:4;border:0;background:transparent;color:var(--sv-text-primary);font:600 .68rem var(--sv-font-mono);text-transform:uppercase;letter-spacing:.08em}.map-marker::before{content:"";display:block;width:1rem;height:1rem;margin:auto;border:2px solid currentColor;border-radius:50%;background:#091015;box-shadow:0 0 0 5px rgba(98,139,160,.14)}.map-marker:hover::before,.map-marker.active::before{background:var(--sv-warning)}.marker-farol{left:65%;top:18%}.marker-vilarejo{left:38%;top:54%}.marker-costa{left:16%;top:62%}.marker-ruptura{left:58%;top:70%;color:#c66b6c}.marker-blocked{left:76%;top:49%;color:var(--sv-text-muted)}
.map-panel{border-left:1px solid var(--sv-border-default);padding:1rem;background:#0b1115;overflow:auto}.layer{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--sv-border-subtle)}.map-detail{margin-top:1.5rem}.map-toolbar{position:absolute;left:1rem;top:1rem;display:flex;gap:.4rem;z-index:8}.coordinate-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(110,145,158,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(110,145,158,.04) 1px,transparent 1px);background-size:32px 32px}.map-stage[data-zoom="2"] .island{transform:translate(-50%,-50%) scale(1.35)}
@media(max-width:800px){.map-interface{grid-template-columns:1fr}.map-stage{min-height:65vh}.map-panel{border-left:0;border-top:1px solid var(--sv-border-default)}}