/* ============================================================================
   eurocup-roar.css — LOUDEST NATION, scored per supporter.

   The whole point of the module is in the denominator: absolute volume always
   crowns the host nation, so a raw decibel board is a board only Belgium ever
   tops and nobody else has a reason to play. Score is

       intensity * (0.5 + 0.5 * turnout)

   which lets forty Irish at full tilt beat two thousand Belgians half
   watching. The board has to SAY that, or it reads as a broken meter — hence
   the per-row "voices / turnout" tag rather than a bare number.
   ========================================================================== */

/* ------------------------------------------------------------- the board
   The board shell (rail, main, h1, sub) lives in eurocup.css — shared with the
   chant and predict boards. Only the round furniture is here. */

.ec-board .ec-rows { flex: 1; justify-content: flex-start; }

/* The round clock. Sized for 60 m, parked clear of the leaderboard so a long
   nation name can never collide with it. */
.ec-roar-clock {
  position: fixed;
  right: var(--ec-pad);
  top: 10vmin;
  font-size: 14vmin;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  color: var(--ec-hot);
  line-height: 1;
}
.ec-roar-clock.done { color: var(--ec-text); font-size: 8vmin; letter-spacing: 0.1em; }

/* GO / COUNTED banner: a hard full-width plate, because the moment the round
   opens is the one instant every phone must agree on. */
.ec-roar-state {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.6vmin var(--ec-pad);
  background: var(--ec-hot);
  color: var(--ec-on-hot);
  font-size: 4vmin;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  display: none;
}
.ec-roar-state.on { display: block; }

/* ---------------------------------------------------------------- phone */

.ec-roar-fan .ec-meter { margin: 18px 0 10px; }

/* The fan's own peak for this round, held so they can see what they sent.
   A meter that only ever shows "now" gives a fan nothing to compare against. */
.ec-roar-peak {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 6px 0 2px;
}
.ec-roar-peak b {
  font-size: 44px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.ec-roar-peak span {
  font-size: 11px;
  letter-spacing: 0.22em;
  color: var(--ec-dim);
  font-weight: 700;
  text-transform: uppercase;
}

.ec-roar-fan .ec-line b { font-size: 15px; }