* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  background: transparent;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.scene {
  position: relative;
  width: 100%;
  height: 100%;
}

.bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Positionné par pourcentage sur l'image de fond (1664x945) — reste aligné avec la case
   du template quelle que soit la taille réelle de la source OBS (tant que le ratio ~16:9
   est conservé, cf. object-fit: cover ci-dessus). */
.countdown {
  position: absolute;
  left: 36.5%;
  top: 56.5%;
  width: 28.5%;
  height: 14.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 4.2vw;
  letter-spacing: 0.04em;
  color: #ffffff;
  text-shadow: 0 0 16px #3b82f6, 0 0 32px rgba(59, 130, 246, 0.6);
}