.mappa-frame{position:relative;width:100%;aspect-ratio:4 / 3;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(58,138,153,.07) 0%,transparent 60%),repeating-linear-gradient(135deg,rgba(58,138,153,.04) 0 1px,transparent 1px 24px),repeating-linear-gradient(45deg,rgba(58,138,153,.04) 0 1px,transparent 1px 24px),linear-gradient(180deg,#0f1a1f8c,#0d1418cc)}.mappa-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:.92;filter:saturate(.7) contrast(1.05)}.mappa-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.mappa-watermark-text{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.4em;color:#3a8a9959;text-transform:uppercase;text-align:center;line-height:2}.mappa-watermark-text .big{display:block;font-family:Cormorant Garamond,serif;font-size:56px;letter-spacing:.15em;color:#e8d7b82e;text-transform:uppercase;margin-bottom:6px;font-style:italic}.mappa-frame .map-corner{position:absolute;width:18px;height:18px;pointer-events:none;border:0 solid var(--velo);opacity:.8;z-index:3}.mappa-frame .map-corner.c1{top:12px;left:12px;border-top-width:1px;border-left-width:1px}.mappa-frame .map-corner.c2{top:12px;right:12px;border-top-width:1px;border-right-width:1px}.mappa-frame .map-corner.c3{bottom:12px;left:12px;border-bottom-width:1px;border-left-width:1px}.mappa-frame .map-corner.c4{bottom:12px;right:12px;border-bottom-width:1px;border-right-width:1px}.mappa-canvas{position:absolute;inset:0;transform-origin:0 0;transform:translate(0) scale(1);will-change:transform}.mappa-frame{cursor:grab}.mappa-frame.is-dragging{cursor:grabbing}.mappa-frame.is-dragging .map-pin,.mappa-frame .map-pin{cursor:pointer}.mappa-terrain{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.mappa-compass{position:absolute;top:26px;right:26px;width:74px;height:74px;z-index:5;pointer-events:none;opacity:.92;filter:drop-shadow(0 0 4px rgba(13,20,24,.6))}@media(max-width:600px){.mappa-compass{width:56px;height:56px;top:18px;right:18px}}.mappa-zoom{position:absolute;top:26px;left:26px;z-index:6;display:flex;flex-direction:column;gap:4px}.mappa-zoom-btn{width:30px;height:30px;display:grid;place-items:center;background:#0d1418b8;border:1px solid rgba(232,215,184,.4);color:var(--ink-bright);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1;padding:0;transition:background .18s ease,border-color .18s ease,color .18s ease;user-select:none;-webkit-user-select:none}.mappa-zoom-btn:hover{background:#3a8a9938;border-color:var(--velo);color:var(--velo)}.mappa-zoom-btn:focus-visible{outline:1px solid var(--velo);outline-offset:2px}.mappa-zoom-btn[data-zoom-reset]{font-size:11px;color:#e8d7b899}@media(max-width:600px){.mappa-zoom{top:18px;left:18px}.mappa-zoom-btn{width:26px;height:26px;font-size:12px}}.mappa-pins{position:absolute;inset:0;z-index:2}.map-pin{position:absolute;display:block;text-decoration:none;color:inherit;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--velo);border:1px solid rgba(13,20,24,.7);box-shadow:0 0 0 3px #0d14188c;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;z-index:1}.map-pin:hover,.map-pin:focus-visible{transform:translate(-50%,-50%) scale(1.55);background:var(--ink-bright);box-shadow:0 0 0 3px #0d1418b3,0 0 12px #e8d7b859;z-index:4;outline:none}.map-pin--insediamento{width:14px;height:14px;background:var(--velo);border:1px solid rgba(13,20,24,.85);box-shadow:0 0 0 2px #e8d7b859,0 0 0 5px #0d141899}.map-pin--regione{width:22px;height:22px;background:transparent;border:1px dashed rgba(232,215,184,.55);box-shadow:0 0 0 2px #0d141866}.map-pin--regione:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#e8d7b8d9}.map-pin--rovina-ignota{width:10px;height:10px;border-radius:0;background:#e8d7b81f;border:1px solid rgba(232,215,184,.7);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 2px #0d141880}.map-pin--rovina-ignota:hover,.map-pin--rovina-ignota:focus-visible{transform:translate(-50%,-50%) rotate(45deg) scale(1.55);background:#e8d7b866;box-shadow:0 0 0 2px #0d1418b3,0 0 12px #e8d7b873}.map-pin[data-slug=qir-azel]{width:18px;height:18px;background:var(--mana, var(--velo));border:1px solid rgba(232,215,184,.9);box-shadow:0 0 0 3px #e8d7b833,0 0 0 6px #0d1418b3,0 0 18px #e8d7b840}.map-pin[data-slug=qir-azel]:before{content:"QIR-AZEL";position:absolute;top:-16px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.32em;color:#e8d7b8d9;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 6px rgba(13,20,24,.95);pointer-events:none}.map-pin-label{position:absolute;font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.22em;color:#e8d7b8b8;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 4px rgba(13,20,24,1),0 0 8px rgba(13,20,24,.85);pointer-events:none;transition:color .18s ease}.map-pin:hover .map-pin-label,.map-pin:focus-visible .map-pin-label{color:#e8d7b8f2}.map-pin--label-down .map-pin-label{top:100%;left:50%;transform:translate(-50%,4px)}.map-pin--label-up .map-pin-label{bottom:100%;left:50%;transform:translate(-50%,-4px)}.map-pin--label-right .map-pin-label{top:50%;left:100%;transform:translate(6px,-50%)}.map-pin--label-left .map-pin-label{top:50%;right:100%;transform:translate(-6px,-50%)}.terrain-mist path{animation:mist-pulse 9s ease-in-out infinite;transform-origin:center}.terrain-mist path:nth-child(3n){animation-delay:-1.6s;animation-duration:11s}.terrain-mist path:nth-child(3n+1){animation-delay:-3.2s;animation-duration:8s}.terrain-mist path:nth-child(3n+2){animation-delay:-5.4s;animation-duration:13s}@keyframes mist-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.terrain-mist path{animation:none}}.mappa-header{display:grid;grid-template-columns:var(--col-left) 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:linear-gradient(180deg,#0f1a1f99,#0d141833)}.mappa-header .stamp{padding:32px 28px;border-right:1px solid var(--rule);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.28em;line-height:1.9;text-transform:uppercase}.mappa-header .stamp .big{font-family:Cormorant Garamond,serif;font-style:normal;font-size:72px;line-height:.9;color:var(--velo);letter-spacing:.04em;text-transform:none;display:block;margin-bottom:10px}.mappa-header .stamp .key{display:block;color:var(--precursore);margin-top:12px}.mappa-header .titles{padding:32px 36px}.mappa-header .pill{display:inline-block;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.32em;color:var(--precursore);text-transform:uppercase;border:1px solid var(--rule);padding:4px 12px}.mappa-header .pill+.pill{margin-left:8px}.mappa-header h1{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(48px,5vw,72px);line-height:1;color:var(--ink-bright);margin:18px 0 10px;letter-spacing:-.005em;text-transform:uppercase}.mappa-header .precur{font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.32em;color:var(--precursore);text-transform:uppercase}.mappa-legend{display:flex;flex-wrap:wrap;gap:28px;align-items:center;padding:20px 28px;border-bottom:1px solid var(--rule);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.28em;color:var(--ink-dim);text-transform:uppercase}.mappa-legend-label{color:var(--precursore)}.mappa-legend-item{display:inline-flex;align-items:center;gap:12px}.mappa-legend-mark{position:relative;display:inline-block;width:22px;height:22px}.mappa-legend-mark .map-pin{position:absolute;left:50%;top:50%}.mappa-legend-sep{color:var(--rule);letter-spacing:0;opacity:.6}.mappa-legend-swatch{display:inline-block;width:22px;height:10px;vertical-align:middle;border:1px solid rgba(232,215,184,.15)}.mappa-legend-swatch--mare{background:#508ca059;border-color:#8cb4c866}.mappa-legend-swatch--foresta{background:#3a5f468c;border-color:#3a5f46b3}.mappa-legend-swatch--fiume{background:linear-gradient(90deg,transparent 0 35%,rgba(140,180,200,.7) 35% 65%,transparent 65% 100%);border-color:#8cb4c84d;height:10px}.mappa-legend-swatch--cicatrice{background:#0d1418f2;border-color:#e8d7b840}.mappa-legend-swatch--falesia{background:repeating-linear-gradient(135deg,rgba(232,215,184,.5) 0 1px,transparent 1px 4px);border-color:#e8d7b866}.mappa-legend-swatch--palude{background:repeating-linear-gradient(0deg,rgba(140,180,200,.45) 0 .5px,transparent .5px 3px),#556e5f99;border-color:#556e5fb3}.mappa-legend-swatch--marea-fringe{background:#a5a8aa8c;border-color:#b4b8bc73}.mappa-legend-swatch--marea-beyond{background:#262a2ef2;border-color:#3c4044b3}.mappa-foot{padding:16px 28px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.28em;color:var(--ink-dim);text-transform:uppercase;text-align:center}@media(max-width:900px){.mappa-header{grid-template-columns:1fr}.mappa-header .stamp{border-right:none;border-bottom:1px solid var(--rule);padding:18px 20px;text-align:center}.mappa-header .titles{padding:18px 20px}.mappa-header h1{font-size:clamp(34px,8vw,56px)}.mappa-header .stamp .big{font-size:56px}.mappa-frame{aspect-ratio:3 / 4}.map-pin{width:14px;height:14px}.map-pin--insediamento{width:16px;height:16px}.map-pin--regione{width:26px;height:26px}.map-pin[data-slug=qir-azel]{width:22px;height:22px}.map-pin[data-slug=qir-azel]:before{font-size:9px;top:-18px}}