/* One shared matrix owns native pixels and source contours. No CSS zoom. */
:root{--picker-milk:#fffdf3;--picker-sale:#10b981;--picker-reserved:#f59e0b;--picker-sold:#ef4444;--picker-unknown:#a5b4c1}
#polygonOverlay .source-region{pointer-events:none;fill:var(--picker-milk);fill-opacity:.07;stroke:var(--picker-milk);stroke-opacity:.5;stroke-width:1;stroke-dasharray:none;vector-effect:non-scaling-stroke;transition:fill .12s ease,fill-opacity .12s ease,stroke .12s ease,stroke-opacity .12s ease}
#polygonOverlay .source-region.sale{--picker-status:var(--picker-sale)}
#polygonOverlay .source-region.reserved,#polygonOverlay .source-region.deposit{--picker-status:var(--picker-reserved)}
#polygonOverlay .source-region.sold,#polygonOverlay .source-region.blocked{--picker-status:var(--picker-sold)}
#polygonOverlay .source-region.unknown{--picker-status:var(--picker-unknown)}
#polygonOverlay .source-region.hovered,#polygonOverlay .source-region.selected{fill:var(--picker-status);stroke:var(--picker-status);fill-opacity:.28;stroke-opacity:1;stroke-width:1.5}
#polygonOverlay .source-region.selected{fill-opacity:.35;stroke-width:2}
.scene-zoom{transition:none}
/* Fill and picking retain native ownership. Display outlines suppress holes
   and small decorative islands; clipping keeps every stroke inside its unit. */
#polygonOverlay .source-region,#polygonOverlay .source-region.hovered,#polygonOverlay .source-region.selected{stroke:none}
#polygonOverlay .unit-outline{pointer-events:none;fill:none;stroke:var(--picker-milk);stroke-opacity:.5;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .12s ease,stroke-opacity .12s ease}
#polygonOverlay .unit-outline.sale{--picker-status:var(--picker-sale)}
#polygonOverlay .unit-outline.reserved,#polygonOverlay .unit-outline.deposit{--picker-status:var(--picker-reserved)}
#polygonOverlay .unit-outline.sold,#polygonOverlay .unit-outline.blocked{--picker-status:var(--picker-sold)}
#polygonOverlay .unit-outline.unknown{--picker-status:var(--picker-unknown)}
#polygonOverlay .unit-outline.hovered,#polygonOverlay .unit-outline.selected{stroke:var(--picker-status);stroke-opacity:1;stroke-width:3}
#polygonOverlay .unit-outline.selected{stroke-width:4}
@media(max-width:900px) and (min-height:541px){.unit-tooltip.tap-preview[data-placement="top"]{top:var(--preview-top);bottom:auto}}
