/* Écran de projection : uniquement la carte, sans interface de gestion. */
:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #f8faf9;
}
.map-screen {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #f8faf9;
}
.map-screen:fullscreen { background: #f8faf9; }
.map-screen svg {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.commune-shape {
  fill: #dce6e5;
  stroke: #ffffff;
  stroke-width: 1.7;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  transition: fill 280ms ease;
}
.commune-shape.covered { fill: #16a77d; }
.commune-label {
  fill: #344b52;
  stroke: #f8faf9;
  stroke-width: 2.5px;
  stroke-linejoin: round;
  paint-order: stroke;
  text-anchor: middle;
  dominant-baseline: central;
  font-weight: 680;
  pointer-events: none;
  user-select: none;
}
.commune-label.covered {
  fill: #ffffff;
  stroke: #128765;
  stroke-width: 2.2px;
}
.map-message {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  color: #667980;
  background: #f8faf9;
  line-height: 1.6;
}
.map-message.hidden { display: none; }
.map-message.error { color: #8e463b; }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .commune-shape { transition: none; }
}

/* Couverture cumulée, 3 intensités de vert. Aucun panneau sur l'écran public. */
.commune-shape.covered-1 { fill: #86d6b6; }
.commune-shape.covered-2 { fill: #28a779; }
.commune-shape.covered-3 { fill: #087353; }
.commune-label.covered-1 { fill: #184a40; stroke: #b0e8d1; }
.commune-label.covered-2 { fill: #ffffff; stroke: #168b67; }
.commune-label.covered-3 { fill: #ffffff; stroke: #075941; }