/* Hexreach — stili custom oltre a Tailwind */
html, body { height: 100%; }
#app-screen { min-height: 100dvh; }

/* marcatori dei borghi sulla mappa (centro cella) */
.hex-marker {
  width: 22px; height: 22px; border-radius: 50%;
  display: grid; place-items: center;
  color: #fff; font-size: 12px; line-height: 1;
  box-shadow: 0 1px 4px rgba(0,0,0,.4);
}

/* la mappa Leaflet deve riempire il contenitore */
.leaflet-container { background: #AAD3DF; font: inherit; }

/* rispetta chi preferisce meno animazioni */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}