/* Charte Team Actual (team-actual.fr) : noir, rouge Actual #d90818, blanc ; titres droits en Inter Tight (au lieu de
   Maison Neue, police commerciale du site), textes en Inter. Les couleurs de css/game.css sont redéfinies ici. */
@font-face { font-family: 'Inter'; src: url('fonts/Inter.woff2') format('woff2'); font-weight: 400 800; font-display: swap; }
@font-face { font-family: 'Inter Tight'; src: url('fonts/InterTight.woff2') format('woff2'); font-weight: 600 900; font-display: swap; }
:root {
  --navy: #0b0b0d; --navy2: #19191c; --blue: #d90818; --cyan: #ff3a46; --ice: #f4f4f5; --lcd: #ffffff;
  --navy-rgb: 11, 11, 13; --blue-rgb: 217, 8, 24; --cyan-rgb: 255, 58, 70; --ice-rgb: 244, 244, 245; --lcd-rgb: 255, 255, 255;
  --italic: normal;
  --cond: 'Inter Tight', 'Inter', 'Arial Narrow', sans-serif; --text: 'Inter', system-ui, sans-serif;
  --bad: #ff6a2b;   /* alertes en orange vif : le rouge est la couleur de la marque */
}
/* logo « TEAM actual » blanc, plus large que haut : un peu plus petit que celui de SVR */
.logo { height: 6.2rem; filter: drop-shadow(0 0.2rem 0.8rem rgba(0, 0, 0, 0.45)); }
/* Inter Tight est plus large que la Barlow Condensed de SVR : libellés des commandes resserrés */
.slider .hint { font-size: 1.6rem; letter-spacing: 0.04rem; }
.gauge .g-lbl { font-size: 1.4rem; letter-spacing: 0; }
.readout { letter-spacing: 0.04rem; }
.speed b { font-size: 12rem; line-height: 0.85; letter-spacing: -0.3rem; margin-bottom: 0.6rem; }
.speed span { letter-spacing: 0.25rem; }
/* poignée du foil rouge Actual (la poignée d'écoute reste blanche) */
.slider .thumb { background: linear-gradient(#ff3b47, #b8060f); }
.kicker { letter-spacing: 0.35rem; }
/* paysage : l'écran d'arrivée en Inter est plus haut qu'en Barlow Condensed, il est resserré pour tenir à l'écran */
@media (orientation: landscape) {
  #finish { gap: 1.6rem; padding-top: 10rem; }
  #finish h2 { font-size: 6.4rem; }
  #finish .time b { font-size: 8rem; }
  .rank b { font-size: 4rem; }
  .stats div { padding: 1.1rem 1rem; }
  .stats b { font-size: 3.8rem; }
  .letter { grid-template-rows: 5rem 8rem 5rem; }
  .letter b { font-size: 6.4rem; }
}
