/* Zone du jeu Skate Runner. Les ecrans communs (accueil, rebours, HUD score,
   fin, classement) viennent de jeu.css ; ici, la route et son HUD propre
   (distance a gauche, vies et logo a droite ; le score du socle est au centre). */
.rn-jeu { position: fixed; inset: 0; z-index: 1; background: #1a1a20 center / cover no-repeat; touch-action: none; }
.rn-jeu[hidden] { display: none; }
.rn-canvas { position: absolute; inset: 0; display: block; touch-action: none; cursor: default; font-family: var(--police, Arial, Helvetica, sans-serif); }
.rn-hud { position: absolute; top: 18px; left: 14px; right: 14px; display: flex; justify-content: space-between; align-items: flex-start; z-index: 16; pointer-events: none; color: var(--jeu-hud-texte, #ffffff); text-shadow: 0 3px 7px rgba(0, 0, 0, .65); }
.rn-distance { font-size: clamp(18px, 5vw, 24px); font-weight: 900; letter-spacing: 1px; line-height: 1; padding-top: 14px; }
.rn-droite { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.rn-vies { font-size: clamp(22px, 6vw, 30px); font-weight: 900; letter-spacing: 3px; line-height: 1; text-align: right; }
.rn-vies-libelle { display: block; font-size: 11px; letter-spacing: 2px; margin-bottom: 2px; opacity: .8; }
.rn-vie { opacity: .95; }
.rn-vie-perdue { color: #ff2d55; }
.rn-logo { max-width: 96px; max-height: 44px; object-fit: contain; }
.rn-logo[hidden] { display: none; }