/* Gwent Classic — retouches visuelles sans toucher aux coordonnées du plateau. */
html, body {
  max-height: 100vh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  background: #080806 !important;
  overscroll-behavior: none;
}
html { width: 100%; }
body {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  width: 100vw !important;
  height: calc(100vw * 1080 / 1920) !important;
  transform-origin: 0 0 !important;
  margin: 0 !important;
}
/* On conserve volontairement le scroll des collections internes de cartes. */
#card-bank, #card-deck { overflow-y: auto !important; }

/* Les chiffres n'utilisent plus la police large du CSS d'origine.
   Le centrage tient compte des chiffres sur 2 ou 3 positions. */
.row-score.center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap;
  font-family: Georgia, 'Palatino Linotype', 'Times New Roman', serif !important;
  font-size: 1.43vw !important;
  font-weight: 700 !important;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: -.09em;
  text-shadow: 0 0 .18vw #d7d2bb, 0 .04vw .06vw #c5ad75 !important;
}
.score-total {
  font-family: Georgia, 'Palatino Linotype', 'Times New Roman', serif !important;
  font-size: 1.55vw !important;
  font-weight: 700 !important;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: -.085em;
  text-shadow: 0 0 .15vw #e6d6ae, 0 .02vw .04vw #fff1bb !important;
}
.score-total > div.center,
.score-total.score-leader > div.center {
  position: relative !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background-image: none !important;
}
.score-total.score-leader > div.center::before {
  content: '';
  position: absolute;
  inset: -52%;
  background: url('../img/icons/icon_high_score.png') center / contain no-repeat;
  pointer-events: none;
  z-index: -1;
}

/* Panneaux de bronze gravé : continuité visuelle avec le plateau d'origine. */
#pass-button,
#start-game,
#end-screen button,
#popup button,
#upload-deck,
#change-faction,
#download-deck {
  box-sizing: border-box;
  border: .095vw solid #8a6b39 !important;
  border-radius: .12vw !important;
  background: linear-gradient(180deg, #473b27 0%, #211c15 24%, #16130f 55%, #30271c 100%) !important;
  color: #e6d3a7 !important;
  font-family: Georgia, 'Palatino Linotype', serif !important;
  font-weight: 700 !important;
  letter-spacing: .035em;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #000, 0 0 .14vw #594525 !important;
  box-shadow: inset 0 0 0 .055vw #241b10, inset 0 .06vw .16vw #8a7448,
              0 .16vw .36vw rgba(0,0,0,.75) !important;
  transition: filter .16s ease, box-shadow .16s ease, color .16s ease !important;
}
#pass-button:hover,
#start-game:hover,
#end-screen button:hover,
#popup button:hover,
#upload-deck:hover,
#change-faction:hover,
#download-deck:hover {
  color: #fff3c9 !important;
  border-color: #d3aa61 !important;
  filter: brightness(1.18);
  box-shadow: inset 0 .05vw .17vw #b4945f, 0 0 .55vw #a77b3b88 !important;
  text-decoration: none !important;
}
#pass-button:active,
#start-game:active,
#end-screen button:active,
#popup button:active {
  filter: brightness(.88);
  transform: translateY(.05vw);
}
#pass-button.noclick {
  opacity: .46;
  filter: grayscale(.45);
}
#pass-button {
  font-size: 1.14vw !important;
  height: 4.5% !important;
  line-height: 1.1;
}
#start-game {
  width: 13.8% !important;
  left: 43.1% !important;
  height: 4.3% !important;
  top: 85.7% !important;
  font-size: .92vw !important;
  cursor: pointer;
}
#end-screen button {
  font-size: 1.04vw !important;
  height: 3.5vw !important;
}
#popup button {
  min-width: 5.2vw;
  height: 2.25vw !important;
  padding: .2vw .55vw;
  font-size: .83vw !important;
}
/* Déplacer les liens pour supporter des intitulés français plus longs. */
#upload-deck, #change-faction, #download-deck {
  top: 14.55% !important;
  padding: .48vw .65vw !important;
  font-size: .7vw !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
#upload-deck { left: 30% !important; }
#change-faction { left: 44.5% !important; }
#download-deck { left: 58.5% !important; }
#op-preview-leader > p {
  font-family: Georgia, 'Palatino Linotype', serif;
  color: #dfc692 !important;
}
#card-bank-title, #card-deck-title {
  width: 20% !important;
  font-size: 1.03vw !important;
  color: #c6b38c !important;
  letter-spacing: .02em;
}
#card-deck-title { left: 79% !important; text-align: right; }
#deck-stats > p:nth-child(odd) {
  font-size: .86vw !important;
  line-height: 1.04 !important;
}
#faction-description { font-size: .98vw !important; }
.card-description > h1 { font-size: .99vw !important; }
.card-description > p { font-size: .84vw !important; line-height: 1.14; }
*[data-title]:hover::after {
  color: #e5ca91 !important;
  font-family: Georgia, serif !important;
  border: 1px solid #80633e !important;
  background: #17130eee !important;
}

/* Traduction des annonces intégrées en ::after dans le CSS original. */
#notif-me-first::after, #notif-me-coin::after { content: 'Vous commencez'; }
#notif-op-first::after, #notif-op-coin::after { content: 'Votre adversaire commence'; }
#notif-round-start::after { content: 'Début de la manche'; }
#notif-me-pass::after { content: 'Vous avez passé la manche'; }
#notif-op-pass::after { content: 'Votre adversaire a passé la manche'; }
#notif-win-round::after { content: 'Vous avez gagné la manche !'; }
#notif-lose-round::after { content: 'Votre adversaire a gagné la manche'; }
#notif-draw-round::after { content: 'Égalité !'; }
#notif-me-turn::after { content: 'À vous de jouer !'; }
#notif-op-turn::after { content: 'Au tour de votre adversaire'; }
#notif-north::after { content: 'Royaumes du Nord : vous piochez une carte supplémentaire.'; }
#notif-monsters::after { content: 'Monstres : une unité aléatoire reste sur le plateau.'; }
#notif-scoiatael::after { content: 'Scoia’tael : votre adversaire a choisi de commencer.'; }
#notif-skellige-op::after { content: 'Capacité Skellige de l’adversaire activée !'; }
#notif-skellige-me::after { content: 'Capacité Skellige activée !'; }
#notification-bar > div::after {
  font-family: Georgia, 'Palatino Linotype', serif !important;
  font-size: 1.21vw !important;
  line-height: 1.24;
}

/* Titres de victoire/défaite en français : l'image historique reste en fond.
   L'overlay textuel est privilégié sur tout libellé en anglais dans l'art. */
#end-screen > .end-win::after,
#end-screen > .end-lose::after,
#end-screen > .end-draw::after {
  position: absolute;
  inset: 42% 9% auto 9%;
  display: block;
  color: #f4d89b;
  font-family: Georgia, 'Palatino Linotype', serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 2.5vw;
  line-height: 1.1;
  font-weight: 700;
  text-shadow: 0 0 .4vw black, 0 .13vw .1vw #000;
}
#end-screen > .end-win::after { content: 'Victoire'; }
#end-screen > .end-lose::after { content: 'Défaite'; }
#end-screen > .end-draw::after { content: 'Égalité'; }