/* Zone du jeu Plateau tournant. Les ecrans communs (accueil, rebours, HUD score,
   fin, classement) viennent de jeu.css ; ici, la zone du plateau et son HUD
   propre (plateau en cours a gauche, vies et logo a droite ; le score du socle est au centre). */
.pt-jeu { position: fixed; inset: 0; z-index: 1; background: #2b1a3d center / cover no-repeat; touch-action: none; }
.pt-jeu[hidden] { display: none; }
.pt-jeu::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 42%, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .2) 55%, rgba(0, 0, 0, .45) 100%); pointer-events: none; }
.pt-canvas { position: absolute; inset: 0; display: block; touch-action: none; cursor: pointer; font-family: var(--police, Arial, Helvetica, sans-serif); }
.pt-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); }
.pt-niveau { font-size: clamp(18px, 5vw, 24px); font-weight: 900; letter-spacing: 1px; line-height: 1; padding-top: 14px; font-variant-numeric: tabular-nums; }
.pt-droite { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.pt-vies { font-size: clamp(22px, 6vw, 30px); font-weight: 900; letter-spacing: 2px; line-height: 1; text-align: right; }
.pt-vies-libelle { display: block; font-size: 11px; letter-spacing: 2px; margin-bottom: 2px; opacity: .8; }
.pt-vie { color: #ff2d55; }
.pt-vie-perdue { color: rgba(255, 255, 255, .35); }
.pt-vie-perte { display: inline-block; animation: pt-perte .45s ease-out; }
@keyframes pt-perte { 0% { transform: scale(1.7); color: #ff2d55; } 35% { transform: scale(.8) rotate(-12deg); } 65% { transform: scale(1.1) rotate(8deg); } 100% { transform: scale(1); } }
.pt-logo { max-width: 96px; max-height: 44px; object-fit: contain; }
.pt-logo[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .pt-vie-perte { animation: none; } }