:root {
  --crt-green: #39FF14;
  --crt-shadow: 0 0 2px #39FF14, 0 0 4px #00ff00;
  --crt-glow: 0 0 1px #39FF14, 0 0 3px #00ff00;
}

.header3 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 5vh;
  min-height: 40px;
  max-height: 60px;
  border-bottom: 1px solid var(--crt-green);
  font-family: 'Courier New', Courier, monospace;
  overflow: hidden;
  user-select: none;
  filter: contrast(1.1);
}

/* Chaque bloc occupe un tiers de la largeur */
.header3-block {
  flex: 1 1 33%;
  text-align: center;
  text-shadow: var(--crt-shadow);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.1rem;
  padding: 0 5px;
    background: radial-gradient(circle, 
              #222 0%,   /* gris foncé au centre */
              #000 80%,  /* noir sur les bords */
              #000 100%);
}

/* Titres en haut */
.block-title {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  color: #000000;
  filter: drop-shadow(0 0 1px #00ff00);
}

/* Icônes en dessous */
.block-icons {
  font-size: 1rem;
  line-height: 1;
  filter: drop-shadow(0 0 2px #00ff00);
}

.block-icons i {
  margin: 0 5px;
  cursor: pointer;
  transition: transform 0.15s ease, color 0.2s ease;
  
  color: black; /* texte noir */
  text-shadow:
    0 0 4px #39FF14,
    0 0 8px #00ff00,
    0 0 12px #39FF14;
}

.block-icons i:hover {
  color: #7fff00;
  transform: scale(1.15) rotate(-3deg);
  text-shadow:
    0 0 6px #7fff00,
    0 0 10px #bfff00,
    0 0 14px #7fff00,
    0 0 20px #bfff00;
}

/* Styles spécifiques par bloc pour différencier (couleurs CRT) */
.block1 {
  color: #39FF14;
  border-right: 1px solid #002600;
}

.block2 {
  color: #cc9900;
  border-right: 1px solid #443300;
}

.block3 {
  color: #00cccc;
}

/* Réduire la taille sur petit écran */
@media (max-width: 600px) {
  .header3 {
    height: 8vh;
    min-height: 50px;
    max-height: 70px;
  }
  .block-title {
    font-size: 0.65rem;
  }
  .block-icons {
    font-size: 0.9rem;
  }
  .block-icons i {
    margin: 0 3px;
  }
}