/* ==========================================================================
   Poker-Duell (Solo-Spiel „holdem“) – Brett aus js/poker-duel.js, Karten .tb-pc aus max-tables.css.
   Bewegungen nur transform/opacity, nie an prefers-reduced-motion gekoppelt (Inhaber-Entscheidung).
   ========================================================================== */
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-holdem { --world: var(--mx-emerald) !important; --scene: url('/assets/games/holdem.svg'); }
body.tc-redesign.tc-max #siteMain #game-holdem { --card-accent: #3fd0b0; }

body.tc-redesign.tc-max #gameOverlay .pd {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 14px;
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 26px 28px 22px;
  border: 14px solid #2a2230;
  border-radius: 110px;
  outline: 2px solid rgba(255, 201, 60, .55);
  outline-offset: -8px;
  background:
    radial-gradient(90% 70% at 50% 30%, rgba(255, 255, 255, .07), transparent 60%),
    radial-gradient(ellipse at center, #13684d 0%, #0d4a39 60%, #093527 100%);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .35), inset 0 0 70px rgba(0, 0, 0, .45), 0 10px 0 #120e17, 0 40px 70px -24px rgba(0, 0, 0, .95);
}
body.tc-redesign.tc-max #gameOverlay .pd-seat { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 84px; }
body.tc-redesign.tc-max #gameOverlay .pd-cards { display: flex; gap: 8px; }
body.tc-redesign.tc-max #gameOverlay .pd-who { display: grid; gap: 4px; justify-items: start; min-width: 132px; }
body.tc-redesign.tc-max #gameOverlay .pd-dealer .pd-who { order: 2; }
body.tc-redesign.tc-max #gameOverlay .pd-player .pd-who { order: 2; }
body.tc-redesign.tc-max #gameOverlay .pd-name { color: rgba(207, 233, 220, .75); font: 700 12px/1 var(--mx-font-body); letter-spacing: .08em; text-transform: uppercase; }
body.tc-redesign.tc-max #gameOverlay .pd-hand { color: #fff; font: 700 17px/1.2 var(--mx-font-body); }
body.tc-redesign.tc-max #gameOverlay .pd-tag {
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .35);
  color: #dfe9e3;
  font: 700 11.5px/1.2 var(--mx-font-body);
  font-style: normal;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.tc-redesign.tc-max #gameOverlay .pd-tag.is-win { background: var(--mx-gold, #ffc93c); color: #2a1a00; }
body.tc-redesign.tc-max #gameOverlay .pd-tag.is-out { background: rgba(255, 255, 255, .16); color: #fff; }
body.tc-redesign.tc-max #gameOverlay .pd .tb-pc { width: 60px; height: 84px; padding: 7px 6px 8px; border-radius: 9px; }
body.tc-redesign.tc-max #gameOverlay .pd .tb-pc b { font-size: 22px; }
body.tc-redesign.tc-max #gameOverlay .pd .tb-pc svg { width: 30px; height: 30px; }
body.tc-redesign.tc-max #gameOverlay .pd .tb-pc.is-slot { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .13); background: rgba(0, 0, 0, .12); }
body.tc-redesign.tc-max #gameOverlay .pd-mid { display: grid; justify-items: center; gap: 10px; }
body.tc-redesign.tc-max #gameOverlay .pd-board { display: flex; gap: 8px; padding: 10px 14px; border-radius: 18px; background: rgba(0, 0, 0, .18); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); }
body.tc-redesign.tc-max #gameOverlay .pd-steps { display: flex; gap: 6px; }
body.tc-redesign.tc-max #gameOverlay .pd-step {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .25);
  color: rgba(207, 233, 220, .55);
  font: 700 11.5px/1.2 var(--mx-font-body);
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.tc-redesign.tc-max #gameOverlay .pd-step.is-done { color: rgba(207, 233, 220, .9); }
body.tc-redesign.tc-max #gameOverlay .pd-step.is-now { background: var(--mx-gold, #ffc93c); color: #2a1a00; }
body.tc-redesign.tc-max #gameOverlay .pd-info { display: flex; align-items: stretch; justify-content: center; gap: 10px; flex-wrap: wrap; width: 100%; }
body.tc-redesign.tc-max #gameOverlay .pd-meter, body.tc-redesign.tc-max #gameOverlay .pd-pay {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 54px;
  padding: 8px 14px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .28);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}
body.tc-redesign.tc-max #gameOverlay .pd-meter { flex: 1 1 200px; max-width: 280px; }
body.tc-redesign.tc-max #gameOverlay .pd-meter[hidden] { display: none; }
body.tc-redesign.tc-max #gameOverlay .pd-meter-label, body.tc-redesign.tc-max #gameOverlay .pd-pay span { color: rgba(207, 233, 220, .7); font: 700 11px/1 var(--mx-font-body); letter-spacing: .07em; text-transform: uppercase; }
body.tc-redesign.tc-max #gameOverlay .pd-meter-bar { height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .12); overflow: hidden; }
body.tc-redesign.tc-max #gameOverlay .pd-meter-bar i { display: block; width: 100%; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #ef6a5b, #ffc93c 50%, #3ddc84); transform-origin: left center; transition: transform .45s cubic-bezier(.2, .8, .2, 1); }
body.tc-redesign.tc-max #gameOverlay .pd-meter-ends { display: flex; justify-content: space-between; color: rgba(207, 233, 220, .5); font: 600 10.5px/1 var(--mx-font-body); }
body.tc-redesign.tc-max #gameOverlay .pd-meter-ends em { font-style: normal; }
body.tc-redesign.tc-max #gameOverlay .pd-pay b { color: #fff; font: 800 18px/1.1 var(--tg-num, var(--mx-font-display)); font-variant-numeric: tabular-nums; white-space: nowrap; }
body.tc-redesign.tc-max #gameOverlay .pd-pay.is-offer { box-shadow: inset 0 0 0 2px rgba(255, 201, 60, .7); }
body.tc-redesign.tc-max #gameOverlay .pd-pay.is-offer b { color: var(--mx-gold, #ffc93c); }
body.tc-redesign.tc-max #gameOverlay .pd-hint { max-width: 560px; margin: 0; color: rgba(207, 233, 220, .8); font: 600 13px/1.45 var(--mx-font-body); text-align: center; }

/* Ergebnis: Gewinnerseite hebt sich ab, Verliererseite tritt zurück */
body.tc-redesign.tc-max #gameOverlay .pd[data-result="win"] .pd-player .tb-pc,
body.tc-redesign.tc-max #gameOverlay .pd[data-result="lose"] .pd-dealer .tb-pc { box-shadow: 0 0 0 3px var(--mx-gold, #ffc93c), 0 10px 18px -8px rgba(0, 0, 0, .8); }
body.tc-redesign.tc-max #gameOverlay .pd[data-result="win"] .pd-dealer .pd-cards,
body.tc-redesign.tc-max #gameOverlay .pd[data-result="lose"] .pd-player .pd-cards { opacity: .62; }

/* Austeilen und Aufdecken */
@keyframes pdIn { from { opacity: 0; transform: translateY(-18px) scale(.86) rotate(-4deg); } to { opacity: 1; transform: none; } }
@keyframes pdFlip { 0% { transform: rotateY(90deg) scale(1.06); } 100% { transform: none; } }
body.tc-redesign.tc-max #gameOverlay .pd .tb-pc.pd-in { animation: pdIn .34s cubic-bezier(.2, .8, .2, 1) both; }
body.tc-redesign.tc-max #gameOverlay .pd .tb-pc.pd-flip { animation: pdFlip .38s cubic-bezier(.2, .8, .2, 1) both; }

@media (max-width: 720px) {
  body.tc-redesign.tc-max #gameOverlay .pd { gap: 10px; padding: 18px 12px 16px; border-width: 9px; border-radius: 48px; }
  body.tc-redesign.tc-max #gameOverlay .pd .tb-pc { width: 46px; height: 64px; padding: 5px 4px 6px; border-radius: 7px; }
  body.tc-redesign.tc-max #gameOverlay .pd .tb-pc b { font-size: 17px; }
  body.tc-redesign.tc-max #gameOverlay .pd .tb-pc svg { width: 24px; height: 24px; }
  body.tc-redesign.tc-max #gameOverlay .pd-board { gap: 5px; padding: 8px; }
  body.tc-redesign.tc-max #gameOverlay .pd-seat { min-height: 64px; gap: 10px; }
  body.tc-redesign.tc-max #gameOverlay .pd-who { min-width: 0; }
  body.tc-redesign.tc-max #gameOverlay .pd-hand { font-size: 15px; }
  body.tc-redesign.tc-max #gameOverlay .pd-step { padding: 3px 7px; font-size: 10.5px; }
}