.zone-maps{margin:0 0 var(--sp-7)}.zone-maps .section-head,.zone-all .section-head{margin-top:0}.zone-group{margin:0 0 var(--sp-4);scroll-margin-top:var(--sp-4)}.zone-map-yes{color:var(--action-hover);font-weight:700}.zone-stage .panel-head{align-items:baseline}.zonemap{display:flex;flex-direction:column;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.zonemap-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2);background:var(--bg-raised);border-top:1px solid var(--border);font-size:var(--fs-table)}.zonemap-controls{display:inline-flex;gap:var(--sp-1)}.zonemap-controls button{min-width:34px;padding:3px 12px;background:var(--bg-panel);line-height:20px}.zonemap-controls button:hover{background:var(--bg-hover)}.zonemap-coords-label{margin-left:auto;color:var(--text-muted);font-size:var(--fs-small)}.zonemap-coords{min-width:80px;text-align:right;color:var(--text-muted);font-size:var(--fs-small);font-variant-numeric:lining-nums tabular-nums}.zonemap-stage{position:relative;width:100%;aspect-ratio:var(--zm-aspect, 4 / 3);max-height:78vh;overflow:hidden;background:var(--bg-inset);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.zonemap[data-dragging] .zonemap-stage{cursor:grabbing}.zonemap-stage:focus-visible{box-shadow:var(--focus) inset;outline:none}.zonemap-layer{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.zonemap-layer img{display:block;max-width:none;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none;image-rendering:auto}.zonemap:not([data-loaded]) .zonemap-layer{visibility:hidden}.zonemap-pins{position:absolute;inset:0;pointer-events:none}.zonemap-pin{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--link);border:1px solid var(--bg-page);pointer-events:auto;transform:scale(var(--zm-inv, 1));transform-origin:50% 50%}.zonemap-pin:hover{background:var(--text)}.zonemap-pin.has-icon{width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;border:1px solid #000;border-radius:3px;background:var(--bg-inset);box-shadow:0 0 0 1px var(--frame-gold-dim, var(--hairline)),0 1px 3px #0009;cursor:pointer}.zonemap-pin.has-icon img{display:block;width:100%;height:100%;border-radius:2px}@media(pointer:coarse),(max-width:767px){.zonemap-pin:after{content:"";position:absolute;inset:-17px;border-radius:50%}.zonemap-pin.has-icon:after{inset:-11px}.zonemap-controls button{min-width:44px;min-height:44px}}.zonemap-pin.has-icon:hover,.zonemap-pin.has-icon:focus-visible{outline:none;box-shadow:0 0 0 2px var(--link),0 1px 3px #0009}.zonemap-pin.is-copied{box-shadow:0 0 0 2px var(--action-hover),0 1px 3px #0009}.zonemap-none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:220px;padding:var(--sp-5);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);text-align:center}.zonemap-none p{margin:0}.zonemap-none a{font-weight:600}.zone-subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--sp-2);list-style:none;margin:0;padding:0}.zone-sub{display:flex;flex-direction:column;height:100%;padding:7px var(--sp-3);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--bevel-hi);color:var(--text);transition:border-color .12s,background-color .12s}a.zone-sub:hover{background:var(--bg-raised);border-color:var(--link);text-decoration:none}.zone-sub-name{font-weight:600;line-height:1.35}a.zone-sub:hover .zone-sub-name{color:var(--link)}.zone-sub-data{font-size:var(--fs-small);color:var(--text-muted)}.zone-empty{margin:0;color:var(--text-muted)}@media(max-width:767px){.zone-maps{margin-bottom:var(--sp-6)}.zone-subs{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-stage .panel-count{display:none}.zonemap-stage{aspect-ratio:var(--zm-aspect, 1 / 1);max-height:60vh}}.zonemap-pin[data-kind=landmark]{border-width:2px;background:var(--bg-panel);border-color:var(--link);z-index:1}.zonemap-pin-label{position:absolute;left:12px;top:-7px;padding:2px 5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);color:var(--text);font-size:var(--fs-small);font-weight:600;line-height:1.25;white-space:nowrap;box-shadow:0 1px 3px var(--bg-page)}.zonemap-pin.is-focused{border-color:var(--text);background:var(--link);z-index:2}.zonemap-pin.is-focused .zonemap-pin-label{border-color:var(--link);color:var(--link)}.zone-landmarks{padding-top:var(--sp-3)}.zone-landmarks h3{margin:0 0 var(--sp-2)}.zone-landmarks ul{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin:0 0 var(--sp-2);padding:0;list-style:none;font-size:var(--fs-small)}.zone-landmarks .is-focused b{color:var(--link)}.zone-landmarks p:last-child{margin-bottom:0}