/* ==========================================================================
   max-games – TryCasino „Tiefenschiefer & Erz“: Spieltisch (Theater-Overlay) und 13 Spiele.
   Tokens/Bausteine: max-base.css. Alles unter body.tc-redesign.tc-max #gameOverlay.
   Ältere Schichten (immersive/game-studio/playworld/studio/redesign) nutzen !important –
   deshalb hier ebenfalls, aber nie für display auf Elementen, die JS per hidden/Inline-Stil schaltet.
   JS-Verträge: Inline-transform auf #wheel/#ball/.runner, left/top auf #puck,
   zoom/width auf .tc-stage-content bleiben unangetastet. Laufzeiten = JS-Timer (map-games.md §7).
   ========================================================================== */

/* ------------------------------------------------------------ 0. Welten (Akzent je Spiel) */
body.tc-redesign.tc-max #gameOverlay .theater-table { --world: var(--mx-gold); --dock-w: 312px; --head-h: 64px; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-mines { --world: var(--mx-diamond) !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-tower { --world: var(--mx-gold) !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-chicken { --world: #ffb547 !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-roulette { --world: var(--mx-amethyst) !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-blackjack { --world: var(--mx-emerald) !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-plinko { --world: #a9b8ff !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-slots { --world: var(--mx-gold) !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-fishing { --world: var(--mx-diamond) !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-dice { --world: var(--mx-amethyst) !important; }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-arena { --world: var(--mx-amethyst) !important; }
/* Top-Spiele (Brett: max-game-top.css) */
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-bonanza { --world: #ff6fa8 !important; --scene: url('/assets/games/bonanza.jpg'); }
body.tc-redesign.tc-max #gameOverlay .theater-table.theme-gameshow { --world: var(--mx-gold) !important; --scene: url('/assets/games/gameshow.jpg'); }

/* ------------------------------------------------------------ 1. Tisch und Bühne */
body.tc-redesign.tc-max #gameOverlay {
  background: rgba(4, 7, 15, .95) !important;
  padding: 14px !important;
  font-family: var(--mx-font-body) !important;
  color: var(--mx-text);
}
body.tc-redesign.tc-max #gameOverlay .theater-table {
  grid-template-columns: minmax(0, 1fr) var(--dock-w) !important;
  grid-template-rows: var(--head-h) minmax(0, 1fr) auto !important;
  background: var(--mx-bg-2) !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: var(--mx-r-xl) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), 0 40px 90px -30px rgba(0, 0, 0, .9) !important;
  color: var(--mx-text);
  animation: none !important;
}
/* Szene: Spielbild gedämpft, oben Fackellicht, Ränder abgedunkelt – das Brett bleibt der Held. */
body.tc-redesign.tc-max #gameOverlay .theater-table::before {
  inset: var(--head-h) var(--dock-w) 0 0 !important;
  background:
    radial-gradient(120% 90% at 50% 38%, transparent 30%, rgba(6, 10, 20, .78) 100%),
    linear-gradient(180deg, rgba(10, 16, 32, .80) 0%, rgba(10, 16, 32, .58) 40%, rgba(8, 13, 26, .90) 100%),
    var(--scene, none) center / cover no-repeat !important;
}
body.tc-redesign.tc-max #gameOverlay #gameBoard {
  padding: 26px 28px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------ 2. Kopfzeile */
body.tc-redesign.tc-max #gameOverlay .table-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  height: var(--head-h) !important;
  padding: 0 14px 0 14px !important;
  background: linear-gradient(180deg, #17213b, #121b31) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mx-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 2px 0 rgba(0, 0, 0, .35) !important;
  position: relative;
  z-index: 3;
}
body.tc-redesign.tc-max #gameOverlay .table-head-left { gap: 16px !important; overflow: visible !important; min-width: 0; flex: 1 1 auto; display: flex; align-items: center; }
body.tc-redesign.tc-max #gameOverlay .table-head-right { gap: 8px !important; display: flex; align-items: center; flex: none; }
/* Guthaben zuerst, dann die Knopfgruppe */
body.tc-redesign.tc-max #gameOverlay .table-head-right > #tableBalance { order: -1; }
body.tc-redesign.tc-max #gameOverlay .game-title-group { display: flex !important; align-items: center; gap: 12px; min-width: 0; overflow: hidden; }
body.tc-redesign.tc-max #gameOverlay .game-title-group::before {
  content: "";
  flex: none;
  width: 12px; height: 12px;
  margin-left: 2px;
  border-radius: 2px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, #fff 0 18%, var(--world) 19%);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .35), 0 0 14px color-mix(in srgb, var(--world) 60%, transparent);
}
body.tc-redesign.tc-max #gameOverlay .table-head #gameTitle {
  margin: 0 !important;
  font-family: var(--mx-font-display) !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .005em !important;
  color: var(--mx-text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .45) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  padding-top: 2px;
}

/* Knöpfe in der Kopfzeile: kleine Steinblöcke mit Unterkante */
body.tc-redesign.tc-max #gameOverlay :is(.icon-btn-table, .back-lobby-btn) {
  display: inline-grid !important;
  place-items: center;
  width: 40px !important; height: 40px !important;
  min-width: 40px !important; min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #26334f, #1b2742) !important;
  color: var(--mx-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 700 16px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 3px 0 #0b1222, 0 8px 14px -8px rgba(0, 0, 0, .8) !important;
  transform: translateY(0) !important;
  transition: transform var(--mx-fast) var(--mx-ease), box-shadow var(--mx-fast) var(--mx-ease), color var(--mx-fast), background var(--mx-fast) !important;
  cursor: pointer;
  animation: none !important;
}
body.tc-redesign.tc-max #gameOverlay :is(.icon-btn-table, .back-lobby-btn) svg { display: block; width: 18px; height: 18px; }
body.tc-redesign.tc-max #gameOverlay :is(.icon-btn-table, .back-lobby-btn):hover {
  color: var(--mx-text) !important;
  background: linear-gradient(180deg, #2d3b5b, #202d4b) !important;
  transform: translateY(-1px) !important;
}
body.tc-redesign.tc-max #gameOverlay :is(.icon-btn-table, .back-lobby-btn):active {
  transform: translateY(2px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 #0b1222 !important;
}
body.tc-redesign.tc-max #gameOverlay .back-lobby-btn {
  width: auto !important;
  gap: 8px;
  grid-auto-flow: column;
  padding: 0 16px 0 12px !important;
  color: var(--mx-text) !important;
  font-size: 14.5px !important;
}
body.tc-redesign.tc-max #gameOverlay .back-lobby-btn .back-arrow { display: grid; place-items: center; transform: none !important; transition: transform var(--mx-fast) var(--mx-ease); }
body.tc-redesign.tc-max #gameOverlay .back-lobby-btn:hover .back-arrow { transform: translateX(-2px) !important; }
body.tc-redesign.tc-max #gameOverlay .back-lobby-btn .back-text { font-weight: 700; }
body.tc-redesign.tc-max #gameOverlay #rateCurrentGameBtn { color: var(--mx-gold) !important; }
body.tc-redesign.tc-max #gameOverlay #rateCurrentGameBtn:hover { color: var(--mx-gold-hi) !important; }
body.tc-redesign.tc-max #gameOverlay #gameClose:hover { color: #fff !important; background: linear-gradient(180deg, #c5394a, #9e2635) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 3px 0 #5d1520 !important; }
body.tc-redesign.tc-max #gameOverlay #tcGameChat[aria-expanded="true"] { color: var(--mx-amethyst) !important; box-shadow: inset 0 0 0 1.5px rgba(181, 140, 255, .55), 0 3px 0 #0b1222 !important; }

/* Guthaben: vertieftes Feld mit Signage-Zahl */
body.tc-redesign.tc-max #gameOverlay #tableBalance {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  height: 40px;
  margin: 0 6px !important;
  padding: 0 14px 0 12px !important;
  border: 1px solid rgba(255, 201, 60, .28) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #0a1020, #0d1528) !important;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .05) !important;
  color: var(--mx-gold-hi) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: var(--mx-font-display) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  line-height: 1 !important;
}
body.tc-redesign.tc-max #gameOverlay #tableBalance::before {
  content: "Guthaben";
  font: 600 12.5px/1 var(--mx-font-body);
  letter-spacing: 0;
  color: var(--mx-text-2);
  -webkit-text-fill-color: var(--mx-text-2);
}

/* Hilfe-Dialog (immersive.js, liegt im body) */
body.tc-redesign.tc-max .tc-game-help {
  margin: auto;
  max-height: calc(100dvh - 32px);
  overflow: auto;
  width: min(460px, calc(100vw - 32px));
  padding: 28px 28px 26px;
  color: var(--mx-text);
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 40%), var(--mx-surface);
  border: 1px solid var(--mx-line);
  border-radius: var(--mx-r-xl);
  box-shadow: var(--mx-bevel), 0 40px 90px -20px rgba(0, 0, 0, .9);
  font-family: var(--mx-font-body);
}
body.tc-redesign.tc-max .tc-game-help::backdrop { background: rgba(4, 7, 15, .78); }
body.tc-redesign.tc-max .tc-game-help > span {
  display: inline-block;
  font: 600 13px/1 var(--mx-font-body);
  letter-spacing: 0;
  text-transform: lowercase;
  color: var(--world, var(--mx-gold));
}
body.tc-redesign.tc-max .tc-game-help > span::first-letter { text-transform: uppercase; }
body.tc-redesign.tc-max .tc-game-help h2 { margin: 12px 0 14px; font: 800 36px/.95 var(--mx-font-display) !important; color: var(--mx-text); }
body.tc-redesign.tc-max .tc-game-help p { margin: 0 0 16px; font-size: 15.5px; line-height: 1.6; color: var(--mx-text); }
body.tc-redesign.tc-max .tc-game-help small { display: block; padding-top: 14px; border-top: 1px solid var(--mx-line-soft); font-size: 13px; line-height: 1.55; color: var(--mx-text-2); }
body.tc-redesign.tc-max .tc-game-help .icon-btn-table {
  display: grid; place-items: center;
  width: 36px; height: 36px; padding: 0;
  border: 0; border-radius: 10px;
  background: linear-gradient(180deg, #26334f, #1b2742);
  color: var(--mx-text-2);
  font: 700 15px/1 var(--mx-font-body);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 3px 0 #0b1222;
  cursor: pointer;
}

/* ------------------------------------------------------------ 3. Steuerpult (rechte Spalte) */
body.tc-redesign.tc-max #gameOverlay .tc-control-dock {
  display: flex !important;
  flex-direction: column;
  gap: 20px !important;
  padding: 22px 20px 20px !important;
  background: linear-gradient(180deg, #131c32, #0f172b 60%, #0d1426) !important;
  border-left: 1px solid var(--mx-line) !important;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .03) !important;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--mx-line) transparent;
}
body.tc-redesign.tc-max #gameOverlay :is(#betRow, #actionRow) {
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 18px !important;
  width: 100% !important;
}

/* Spielregeln: direkt unter den Aktionen, ruhig */
body.tc-redesign.tc-max #gameOverlay .tc-control-dock .micro-guide {
  order: 9;
  margin-top: 0 !important;
  padding: 16px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--mx-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.tc-redesign.tc-max #gameOverlay .micro-guide .guide-badge-row { display: block !important; }
body.tc-redesign.tc-max #gameOverlay .micro-guide .guide-badge-row::before {
  content: "So wird gespielt";
  display: block;
  margin-bottom: 7px;
  font: 700 13px/1.2 var(--mx-font-body);
  color: var(--mx-text);
}
body.tc-redesign.tc-max #gameOverlay .micro-guide :is(.guide-tag, .guide-title-text) { display: none !important; }
body.tc-redesign.tc-max #gameOverlay .micro-guide .guide-desc-text {
  display: block;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--mx-text-2) !important;
}

/* Gast: Hinweis über dem Start-Knopf („Anmelden & spielen“ öffnet die Anmeldung) */
body.tc-redesign.tc-max #gameOverlay #gameGuestNote:not([hidden]) {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 11px 13px;
  border-radius: 12px;
  background: rgba(181, 140, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(181, 140, 255, .3);
  color: var(--mx-text);
  font: 600 13.5px/1.45 var(--mx-font-body);
}
body.tc-redesign.tc-max #gameOverlay #gameGuestNote svg { flex: none; margin-top: 1px; color: var(--mx-amethyst); }

/* Einsatz */
body.tc-redesign.tc-max #gameOverlay #betRow .bet { display: flex !important; flex-direction: column; gap: 10px; width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.tc-redesign.tc-max #gameOverlay .bet-label-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 !important;
}
body.tc-redesign.tc-max #gameOverlay .bet-label-row label {
  font: 700 14px/1.2 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--mx-text) !important;
}
body.tc-redesign.tc-max #gameOverlay .quick-limits-tag {
  display: inline-flex !important;
  align-items: center;
  min-height: 24px;
  padding: 0 9px !important;
  border: 1px solid var(--mx-line-soft) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .04) !important;
  color: var(--mx-text-2) !important;
  font: 600 12px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap;
}
body.tc-redesign.tc-max #gameOverlay .bet-control-wrap { display: flex !important; flex-direction: column !important; gap: 14px !important; }
body.tc-redesign.tc-max #gameOverlay .bet-input {
  position: relative;
  display: flex !important;
  align-items: center;
  height: 58px !important;
  min-height: 58px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: var(--mx-r-md) !important;
  background: linear-gradient(180deg, #070c18, #0a1122) !important;
  box-shadow: inset 0 3px 0 rgba(0, 0, 0, .45), inset 0 -1px 0 rgba(255, 255, 255, .04), 0 1px 0 rgba(255, 255, 255, .04) !important;
  transition: border-color var(--mx-fast), box-shadow var(--mx-fast) !important;
}
body.tc-redesign.tc-max #gameOverlay .bet-input:focus-within {
  border-color: var(--mx-gold) !important;
  box-shadow: inset 0 3px 0 rgba(0, 0, 0, .45), 0 0 0 3px rgba(255, 201, 60, .18) !important;
}
body.tc-redesign.tc-max #gameOverlay .bet-input input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100% !important;
  height: 100% !important;
  padding: 2px 8px 0 16px !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mx-text) !important;
  -webkit-text-fill-color: var(--mx-text) !important;
  font-family: var(--mx-font-display) !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  font-variant-numeric: tabular-nums;
}
body.tc-redesign.tc-max #gameOverlay .bet-input input:focus-visible { outline: none !important; }
body.tc-redesign.tc-max #gameOverlay .bet-input span {
  flex: none;
  padding: 0 16px 0 4px;
  font-size: 18px;
  opacity: .95;
  position: static !important;
  transform: none !important;
}

/* Jetons: runde Casino-Chips mit Randstreifen und sichtbarer Dicke */
body.tc-redesign.tc-max #gameOverlay .chips {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
}
body.tc-redesign.tc-max #gameOverlay .chips .chip {
  --c: #3a4870; --c-stripe: #cfd8ee; --c-face: #25314f; --c-lo: #111a31; --c-ink: #f2f5fb;
  position: relative;
  display: grid !important;
  place-items: center;
  flex: none;
  width: 40px !important; height: 40px !important;
  min-width: 0 !important; min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, var(--c-face) 0 14.5px, rgba(0, 0, 0, .32) 15px 16px, transparent 16.5px),
    repeating-conic-gradient(from -8deg, var(--c-stripe) 0 16deg, var(--c) 16deg 45deg) !important;
  color: var(--c-ink) !important;
  -webkit-text-fill-color: var(--c-ink) !important;
  font: 800 13.5px/1 var(--mx-font-display) !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
  padding-top: 1px !important;
  text-transform: none !important;
  box-shadow:
    inset 0 0 0 1.5px rgba(0, 0, 0, .35),
    inset 0 2px 0 rgba(255, 255, 255, .28),
    0 3px 0 var(--c-lo),
    0 7px 10px -5px rgba(0, 0, 0, .85) !important;
  transform: translateY(0) !important;
  transition: transform var(--mx-fast) var(--mx-ease), box-shadow var(--mx-fast) var(--mx-ease), filter var(--mx-fast) !important;
  cursor: pointer;
  animation: none !important;
}
body.tc-redesign.tc-max #gameOverlay .chips .chip:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08);
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, .35), inset 0 2px 0 rgba(255, 255, 255, .28), 0 5px 0 var(--c-lo), 0 10px 12px -5px rgba(0, 0, 0, .85) !important;
}
body.tc-redesign.tc-max #gameOverlay .chips .chip:active {
  transform: translateY(2px) !important;
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, .35), inset 0 2px 0 rgba(255, 255, 255, .2), 0 1px 0 var(--c-lo), 0 3px 5px -3px rgba(0, 0, 0, .85) !important;
}
body.tc-redesign.tc-max #gameOverlay .chips .chip:focus-visible { outline: 2px solid var(--mx-gold) !important; outline-offset: 3px !important; }
body.tc-redesign.tc-max #gameOverlay .chips .chip[data-bet="100"] { --c: #178fa1; --c-stripe: #e9feff; --c-face: #5be7f0; --c-lo: #0b5561; --c-ink: #032a2f; }
body.tc-redesign.tc-max #gameOverlay .chips .chip[data-bet="1000"] { --c: #0e9e66; --c-stripe: #eafff5; --c-face: #2ee59d; --c-lo: #075437; --c-ink: #03231a; }
body.tc-redesign.tc-max #gameOverlay .chips .chip[data-bet="2500"] { --c: #6a3fd6; --c-stripe: #f1e9ff; --c-face: #b58cff; --c-lo: #3b1f86; --c-ink: #1d0b42; }
body.tc-redesign.tc-max #gameOverlay .chips .chip:is([data-bet="1000"], [data-bet="2500"]) { font-size: 12px !important; letter-spacing: -.01em !important; }
body.tc-redesign.tc-max #gameOverlay .chips .chip[data-bet="max"] { --c: #c7860c; --c-stripe: #fff4cc; --c-face: #ffc93c; --c-lo: #7a5005; --c-ink: #2a1a00; }

/* Spieloptionen (Lava, Strecke, Risiko) */
body.tc-redesign.tc-max #gameOverlay #gameOptions:empty { display: none !important; }
body.tc-redesign.tc-max #gameOverlay #gameOptions { display: block !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; }
body.tc-redesign.tc-max #gameOverlay #gameOptions label {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  width: 100% !important;
  gap: 8px;
  font: 700 14px/1.2 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--mx-text) !important;
}
body.tc-redesign.tc-max #gameOverlay #gameOptions select {
  -webkit-appearance: none;
  appearance: none;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 40px 0 14px !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: var(--mx-r-md) !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23a9b5ce' stroke-width='2.2' stroke-linecap='square'/%3E%3C/svg%3E") right 14px center / 16px 16px no-repeat,
    linear-gradient(180deg, #070c18, #0a1122) !important;
  box-shadow: inset 0 3px 0 rgba(0, 0, 0, .45) !important;
  color: var(--mx-text) !important;
  font: 600 15px/1 var(--mx-font-body) !important;
  cursor: pointer;
}
body.tc-redesign.tc-max #gameOverlay #gameOptions select:focus-visible { border-color: var(--mx-gold) !important; outline: none !important; box-shadow: inset 0 3px 0 rgba(0, 0, 0, .45), 0 0 0 3px rgba(255, 201, 60, .18) !important; }
body.tc-redesign.tc-max #gameOverlay #gameOptions select option { background: #0e1628; color: var(--mx-text); }

/* Hauptaktion: goldener Block. Auszahlen: Smaragd. Sonstige Züge: Stein. */
/* Varianten setzen --b-*; ohne Variante gilt Stein (Fallbacks). */
body.tc-redesign.tc-max #gameOverlay :is(#startBtn, #cashoutBtn, #againBtn, #gameActions .btn) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, var(--b-hi, #27344f), var(--b-bg, var(--mx-raised))) !important;
  color: var(--b-ink, var(--mx-text)) !important;
  -webkit-text-fill-color: var(--b-ink, var(--mx-text)) !important;
  font: 800 15.5px/1.2 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center;
  white-space: normal !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 4px 0 var(--b-lo, #0b1222), 0 14px 22px -10px rgba(0, 0, 0, .75) !important;
  transform: translateY(0) !important;
  transition: transform var(--mx-fast) var(--mx-ease), box-shadow var(--mx-fast) var(--mx-ease), filter var(--mx-fast) var(--mx-ease) !important;
  animation: none !important;
  cursor: pointer;
  filter: none;
  opacity: 1 !important;
}
body.tc-redesign.tc-max #gameOverlay :is(#startBtn, #cashoutBtn, #againBtn, #gameActions .btn):hover:not(:disabled) { transform: translateY(-1px) !important; filter: brightness(1.07) saturate(1.05); }
body.tc-redesign.tc-max #gameOverlay :is(#startBtn, #cashoutBtn, #againBtn, #gameActions .btn):active:not(:disabled) {
  transform: translateY(3px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 0 var(--b-lo, #0b1222), 0 4px 10px -6px rgba(0, 0, 0, .7) !important;
}
body.tc-redesign.tc-max #gameOverlay .tc-control-dock #startBtn { --b-bg: #f6b21f; --b-hi: #ffd766; --b-lo: var(--mx-gold-lo); --b-ink: var(--mx-gold-ink); min-height: 58px !important; font-size: 17px !important; border-radius: 15px !important; }
body.tc-redesign.tc-max #gameOverlay .tc-control-dock :is(#cashoutBtn, #gameActions .btn.cash) { --b-bg: #19c985; --b-hi: #4ff0b1; --b-lo: var(--mx-emerald-lo); --b-ink: var(--mx-emerald-ink); }
body.tc-redesign.tc-max #gameOverlay .tc-control-dock #cashoutBtn { min-height: 58px !important; padding-inline: 10px !important; font-size: 14px !important; letter-spacing: 0 !important; text-wrap: balance; }
body.tc-redesign.tc-max #gameOverlay .tc-control-dock #gameActions .btn.gold { --b-bg: #f6b21f; --b-hi: #ffd766; --b-lo: var(--mx-gold-lo); --b-ink: var(--mx-gold-ink); }
body.tc-redesign.tc-max #gameOverlay .tc-control-dock :is(#startBtn, #cashoutBtn, #againBtn, #gameActions .btn):disabled {
  --b-bg: #18223a; --b-hi: #1c2742; --b-lo: #0b1222; --b-ink: var(--mx-text-3);
  cursor: not-allowed;
  filter: none;
}
body.tc-redesign.tc-max #gameOverlay :is(#startBtn, #cashoutBtn, #againBtn, #gameActions .btn):focus-visible { outline: 2px solid var(--mx-text) !important; outline-offset: 3px !important; }
body.tc-redesign.tc-max #gameOverlay #gameActions {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px !important;
  width: 100%;
  margin: 0 !important;
}
body.tc-redesign.tc-max #gameOverlay #gameActions:empty { display: none !important; }
/* Runde läuft, aber alle Züge liegen auf dem Spielfeld (Arena vor dem ersten Treffer) */
body.tc-redesign.tc-max #gameOverlay #actionRow:has(#gameActions:empty):has(#cashoutBtn[hidden])::before {
  content: "Dein Zug findet auf dem Spielfeld statt.";
  display: block;
  padding: 14px 16px;
  border: 1px dashed var(--mx-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .02);
  color: var(--mx-text-2);
  font: 600 14px/1.45 var(--mx-font-body);
}
body.tc-redesign.tc-max #gameOverlay #gameActions .btn b { font-family: var(--mx-font-display); font-size: 17px; }

/* ------------------------------------------------------------ 4. Statuszeile */
body.tc-redesign.tc-max #gameOverlay #gameStatus {
  position: relative;
  z-index: 2;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 10px 24px !important;
  border: 0 !important;
  border-top: 1px solid var(--mx-line) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0d1528, #0b1222) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  color: var(--mx-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 650 14.5px/1.35 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center;
  font-variant-numeric: tabular-nums;
  animation: none !important;
}
body.tc-redesign.tc-max #gameOverlay #gameStatus:empty::before { content: "Einsatz wählen und Runde starten."; color: var(--mx-text-3); font-weight: 600; }

/* Offene Runde in einem anderen Spiel (app.js noteOpenRound): Hinweis statt automatischem Spielwechsel */
body.tc-redesign.tc-max #gameOverlay .open-round-hint:not([hidden]) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 0;
  padding: 9px 18px;
  border-top: 1px solid var(--mx-line);
  background: rgba(255, 201, 60, .07);
  box-shadow: inset 3px 0 0 var(--mx-gold);
  color: var(--mx-gold-hi);
  font: 600 13.5px/1.4 var(--mx-font-body);
  text-align: center;
}
body.tc-redesign.tc-max #gameOverlay .open-round-hint .btn { min-height: 32px; padding: 5px 14px; }
body.tc-redesign.tc-max #gameOverlay #gameStatus.win {
  color: var(--mx-emerald) !important;
  background: linear-gradient(180deg, rgba(46, 229, 157, .12), rgba(46, 229, 157, .03)), #0b1222 !important;
  box-shadow: inset 0 2px 0 rgba(46, 229, 157, .6) !important;
}
body.tc-redesign.tc-max #gameOverlay #gameStatus.lose {
  color: #ff97a1 !important;
  background: linear-gradient(180deg, rgba(255, 77, 94, .09), rgba(255, 77, 94, .02)), #0b1222 !important;
  box-shadow: inset 0 2px 0 rgba(255, 77, 94, .5) !important;
}
/* app.js setzt .win bei jeder Auszahlung > 0 – Unentschieden und Teilrückzahlung sind kein Gewinn (max-fx.js: data-mx-kind) */
body.tc-redesign.tc-max #gameOverlay #gameStatus.win:is([data-mx-kind="push"], [data-mx-kind="partial"]) {
  color: var(--mx-text) !important;
  background: linear-gradient(180deg, #0d1528, #0b1222) !important;
  box-shadow: inset 0 2px 0 rgba(169, 181, 206, .32) !important;
}
/* Netto-Hinweis hinter dem Ergebnis: +… netto (Smaragd), −… netto (Redstone), Einsatz zurück (neutral) */
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-net]:not(:empty)::before {
  content: attr(data-mx-net);
  order: 2;
  flex: none;
  padding: 4px 10px 3px;
  border-radius: 999px;
  background: rgba(46, 229, 157, .13);
  box-shadow: inset 0 0 0 1px rgba(46, 229, 157, .28);
  color: var(--mx-emerald);
  -webkit-text-fill-color: var(--mx-emerald);
  font: 700 12.5px/1.2 var(--mx-font-body);
  white-space: nowrap;
}
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-kind="partial"]:not(:empty)::before { background: rgba(255, 77, 94, .12); box-shadow: inset 0 0 0 1px rgba(255, 77, 94, .3); color: #ffa3ac; -webkit-text-fill-color: #ffa3ac; }
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-kind="push"]:not(:empty)::before { background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px var(--mx-line-soft); color: var(--mx-text-2); -webkit-text-fill-color: var(--mx-text-2); }

/* ------------------------------------------------------------ 5. Ergebnis-Effekte (js/max-fx.js) */
/* Die Tafel liegt über der Statuszeile (die dasselbe sagt) und ragt nur knapp ins Brett –
   das Ergebnis (Würfelzahl, Hände, Fang, Kacheln) bleibt sichtbar. Ebene = Brett + Statuszeile. */
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer {
  grid-area: 2 / 1 / 4 / 2;
  position: relative;
  z-index: 6;
  display: grid;
  place-items: end center;
  padding: 0 16px 7px;
  min-width: 0; min-height: 0;
  overflow: hidden;
  pointer-events: none;
}
/* Rahmen-Leuchten: nur an den Kanten, die Mitte bleibt klar */
body.tc-redesign.tc-max #gameOverlay .mx-fx-glow {
  position: absolute;
  inset: 0 0 auto 0;
  height: var(--board-h, 100%);
  background: radial-gradient(80% 75% at 50% 45%, transparent 52%, rgba(46, 229, 157, .13) 100%);
  box-shadow: inset 0 0 0 2px rgba(46, 229, 157, .55), inset 0 0 80px rgba(46, 229, 157, .2);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-big .mx-fx-glow {
  background: radial-gradient(80% 75% at 50% 45%, transparent 48%, rgba(255, 201, 60, .14) 100%);
  box-shadow: inset 0 0 0 2px rgba(255, 201, 60, .6), inset 0 0 100px rgba(255, 201, 60, .2);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-rays {
  position: absolute;
  left: 50%; top: var(--cy, 80%);
  width: 820px; height: 820px;
  margin: -410px 0 0 -410px;
  background: repeating-conic-gradient(from 0deg, rgba(255, 201, 60, .11) 0 6deg, transparent 6deg 22.5deg);
  -webkit-mask-image: radial-gradient(circle, #000 0 14%, transparent 56%);
  mask-image: radial-gradient(circle, #000 0 14%, transparent 56%);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-plate {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 100%;
  padding: 12px 24px 13px 16px;
  border: 1px solid rgba(46, 229, 157, .55);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(23, 36, 58, .97), rgba(12, 20, 36, .97));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    inset 0 -3px 0 rgba(0, 0, 0, .35),
    0 0 0 4px rgba(46, 229, 157, .10),
    0 0 50px rgba(46, 229, 157, .2),
    0 24px 44px -18px rgba(0, 0, 0, .9);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-meta {
  display: grid;
  justify-items: start;
  gap: 7px;
  padding-right: 18px;
  border-right: 1px solid rgba(46, 229, 157, .22);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-label { font: 700 14.5px/1 var(--mx-font-body); color: var(--mx-emerald); letter-spacing: 0; white-space: nowrap; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-mult {
  display: inline-flex; align-items: center;
  height: 26px; padding: 1px 10px 0;
  border-radius: 999px;
  background: rgba(46, 229, 157, .14);
  color: var(--mx-emerald);
  font: 800 18px/1 var(--mx-font-display);
  font-variant-numeric: tabular-nums;
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-sum { display: grid; gap: 5px; min-width: 0; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-amount { display: grid; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-amount > span {
  grid-area: 1 / 1;
  font-family: var(--mx-font-display);
  font-size: 48px;
  font-weight: 800;
  line-height: .95;
  letter-spacing: .005em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--mx-emerald);
  text-shadow: 0 3px 0 #075437, 0 8px 24px rgba(46, 229, 157, .3);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-ghost { visibility: hidden; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-cur { display: inline-block; margin-left: .16em; font-size: .44em; font-style: normal; vertical-align: .34em; text-shadow: none; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-net { font: 600 13.5px/1.2 var(--mx-font-body); color: var(--mx-text-2); white-space: nowrap; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-net b { font-weight: 800; color: var(--mx-emerald); font-variant-numeric: tabular-nums; }
/* Großer Gewinn: Gold, größer */
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-big .mx-fx-plate {
  padding: 14px 28px 15px 18px;
  border-color: rgba(255, 201, 60, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -3px 0 rgba(0, 0, 0, .35), 0 0 0 4px rgba(255, 201, 60, .12), 0 0 70px rgba(255, 201, 60, .26), 0 24px 44px -18px rgba(0, 0, 0, .9);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-big .mx-fx-meta { border-right-color: rgba(255, 201, 60, .25); }
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-big .mx-fx-label { color: var(--mx-gold-hi); }
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-big .mx-fx-mult { background: rgba(255, 201, 60, .16); color: var(--mx-gold-hi); }
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-big .mx-fx-amount > span { font-size: 56px; color: var(--mx-gold); text-shadow: 0 4px 0 #7a5005, 0 10px 30px rgba(255, 201, 60, .38); }
/* Spiele mit eigener Ergebnisanzeige: schmale Leiste */
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-slim .mx-fx-plate { gap: 12px; padding: 7px 16px 7px 10px; border-radius: 14px; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-slim .mx-fx-meta { grid-auto-flow: column; align-items: center; gap: 8px; padding-right: 12px; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-slim .mx-fx-amount > span { font-size: 28px; text-shadow: 0 2px 0 #075437; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-out { opacity: 0; transition: opacity .32s var(--mx-ease); }
/* Solange die Tafel steht, sagt sie das Ergebnis – die Statuszeile darunter bleibt leer statt in Bruchstücken daneben (max-fx.js: data-mx-plate) */
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-plate] { color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-plate]::before { visibility: hidden; }

/* Splitter: Smaragde (rautenförmig) und Goldnuggets (Blöcke), steigen aus der Tafel auf */
body.tc-redesign.tc-max #gameOverlay .mx-fx-burst { position: absolute; left: 50%; top: var(--cy, 80%); width: 0; height: 0; }
body.tc-redesign.tc-max #gameOverlay .mx-fx-bit {
  position: absolute;
  left: calc(var(--size) / -2); top: calc(var(--size) / -2);
  width: var(--size); height: var(--size);
  opacity: 0;
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-bit.is-emerald {
  background: linear-gradient(135deg, #b9ffe2 0 22%, #2ee59d 23% 62%, #0e9e66 63%);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
body.tc-redesign.tc-max #gameOverlay .mx-fx-bit.is-gold {
  border-radius: 2px;
  background: linear-gradient(135deg, #fff2b8 0 25%, #ffc93c 26% 64%, #c7860c 65%);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .25);
}

/* Statuszeile: kurzer Puls nach dem Ergebnis */
body.tc-redesign.tc-max #gameOverlay #gameStatus::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
}
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-fx="loss"]::after { background: linear-gradient(90deg, transparent, rgba(255, 77, 94, .30), transparent); }
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-fx="win"]::after { background: linear-gradient(90deg, transparent, rgba(46, 229, 157, .24), transparent); }
body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-fx="push"]::after { background: linear-gradient(90deg, transparent, rgba(169, 181, 206, .18), transparent); }

/* Guthaben blitzt nach einer Gutschrift smaragdgrün */
body.tc-redesign.tc-max #gameOverlay #tableBalance.balance-win-pulse {
  color: var(--mx-emerald) !important;
  border-color: rgba(46, 229, 157, .6) !important;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, .45), 0 0 0 3px rgba(46, 229, 157, .16), 0 0 22px rgba(46, 229, 157, .25) !important;
  transition: color .2s, border-color .2s, box-shadow .2s !important;
}

/* Erzader verloren (max-fx.js .mx-shake, sonst CasinoFX .shake-anim): Redstone-Schimmer am Rand, Lava blitzt */
body.tc-redesign.tc-max #gameOverlay #gameBoard:is(.shake-anim, .mx-shake) { box-shadow: inset 0 0 90px rgba(255, 77, 94, .22) !important; }
/* Nach dem Verlust ist der Multiplikator wertlos – nicht mehr in Gold */
body.tc-redesign.tc-max #gameOverlay .theme-mines #gameBoard:has(.tile.boom) .mines-meta .meta:first-child b { color: var(--mx-text-3) !important; }

/* Rundenkarte im Pult (max-fx.js): Einsatz und Multiplikatoren der laufenden Runde */
body.tc-redesign.tc-max #gameOverlay .mx-round {
  display: grid;
  gap: 10px;
  padding: 14px 16px 12px;
  border: 1px solid var(--mx-line);
  border-radius: var(--mx-r-lg);
  background: linear-gradient(180deg, #17213a, #121a2f);
  box-shadow: var(--mx-bevel);
}
body.tc-redesign.tc-max #gameOverlay .mx-round[hidden] { display: none; }
body.tc-redesign.tc-max #gameOverlay .mx-round-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
body.tc-redesign.tc-max #gameOverlay .mx-round-head > span { font: 700 14px/1.2 var(--mx-font-body); color: var(--mx-text); }
body.tc-redesign.tc-max #gameOverlay .mx-round-state {
  display: inline-flex; align-items: center; gap: 6px;
  font: 600 12.5px/1 var(--mx-font-body);
  color: var(--mx-text-2);
}
body.tc-redesign.tc-max #gameOverlay .mx-round-state::before {
  content: "";
  width: 7px; height: 7px;
  border-radius: 1px;
  transform: rotate(45deg);
  background: var(--world, var(--mx-gold));
  box-shadow: 0 0 8px var(--world, var(--mx-gold));
}
body.tc-redesign.tc-max #gameOverlay .mx-round-list { display: grid; gap: 0; margin: 0; }
body.tc-redesign.tc-max #gameOverlay .mx-round-list > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0 6px;
  border-top: 1px solid var(--mx-line-soft);
}
body.tc-redesign.tc-max #gameOverlay .mx-round-list > div[hidden] { display: none; }
body.tc-redesign.tc-max #gameOverlay .mx-round-list dt { font: 600 13px/1.2 var(--mx-font-body); color: var(--mx-text-2); }
body.tc-redesign.tc-max #gameOverlay .mx-round-list dd {
  margin: 0;
  font: 800 22px/1 var(--mx-font-display);
  letter-spacing: .01em;
  font-variant-numeric: tabular-nums;
  color: var(--mx-text);
  white-space: nowrap;
}
body.tc-redesign.tc-max #gameOverlay .mx-round-list [data-row="mult"] dd { color: var(--mx-gold); }
body.tc-redesign.tc-max #gameOverlay .mx-round-list [data-row="next"] dd { color: var(--mx-text-2); }

/* ------------------------------------------------------------ 6. Spiele – gemeinsame Bausteine */
/* Blocktexturen (8×8 Pixel, wie ein Minecraft-Block): Tiefenschiefer und Bruchstein */
body.tc-redesign.tc-max #gameOverlay .theater-table {
  --tex-deepslate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%233b4257'/%3E%3Cpath fill='%23475069' d='M0 0h3v1H0zM5 2h3v1H5zM1 4h2v1H1zM4 5h3v1H4zM0 7h2v1H0zM6 0h1v1H6z'/%3E%3Cpath fill='%232f3549' d='M3 1h2v1H3zM0 2h1v2H0zM6 3h2v1H6zM3 4h1v1H3zM1 6h3v1H1zM7 6h1v2H7z'/%3E%3C/svg%3E");
  --frame-bg: linear-gradient(180deg, #1b2439, #121a2d);
  --frame-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -3px 0 rgba(0, 0, 0, .35), 0 0 0 1px #2b3a60, 0 8px 0 #090e1b, 0 34px 60px -24px rgba(0, 0, 0, .95);
  --block-edge: 0 5px 0 #121828, 0 9px 14px -6px rgba(0, 0, 0, .8);
}

/* Bühnenkopf (GameStudio-Slogan): der Spielname steht oben, die Regeln im Pult – hier nichts Doppeltes */
body.tc-redesign.tc-max #gameOverlay .studio-scene-head { display: none !important; }

/* Tastaturfokus auf allen Brett-Elementen: goldener Ring (ältere Schichten setzen outline:0 !important) */
body.tc-redesign.tc-max #gameOverlay #gameBoard :is(.tile, .slot, .lane, .bet-chip, .num, .arena-weapons button, .dice-controls .btn, .slot-paytable-btn, .slot-lever-assembly, [data-block-rate], summary):focus-visible,
body.tc-redesign.tc-max #gameOverlay :is(.icon-btn-table, .back-lobby-btn):focus-visible {
  outline: 3px solid var(--mx-gold) !important;
  outline-offset: 2px !important;
  z-index: 2;
}
/* In der scrollenden Hühnerpfad-Spur würde ein äußerer Ring abgeschnitten */
body.tc-redesign.tc-max #gameOverlay .theme-chicken #gameBoard .lane:focus-visible { outline-offset: -4px !important; }
body.tc-redesign.tc-max #gameOverlay #gameBoard #diceTarget:focus-visible { outline: 3px solid var(--mx-gold) !important; outline-offset: 4px !important; border-radius: 6px; }

/* Kennzahlen über dem Brett (Erzader, Gerüstturm) */
body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) { justify-content: center !important; margin: 0 0 18px !important; }
body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) > div { gap: 10px !important; }
body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) .meta {
  display: grid !important;
  gap: 6px;
  min-width: 112px;
  margin: 0 !important;
  padding: 10px 16px 11px !important;
  text-align: left !important;
  border: 1px solid var(--mx-line-soft) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(27, 37, 62, .95), rgba(17, 25, 44, .95)) !important;
  box-shadow: var(--mx-bevel), 0 12px 24px -14px rgba(0, 0, 0, .9) !important;
}
body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) .meta span {
  font: 600 12.5px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--mx-text-2) !important;
}
body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) .meta b {
  font: 800 30px/1 var(--mx-font-display) !important;
  letter-spacing: .01em !important;
  color: var(--mx-text) !important;
  font-variant-numeric: tabular-nums;
}
body.tc-redesign.tc-max #gameOverlay .mines-meta .meta:first-child b,
body.tc-redesign.tc-max #gameOverlay .tower-meta .meta:nth-child(2) b { color: var(--mx-gold) !important; }
body.tc-redesign.tc-max #gameOverlay .tower-meta .meta:nth-child(3) b { color: var(--mx-text-2) !important; }

/* ------------------------------------------------------------ 6.1 Erzader (Mines) */
body.tc-redesign.tc-max #gameOverlay .theme-mines .mines-grid {
  width: min(492px, 100%) !important;
  padding: 16px !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: var(--frame-bg) !important;
  box-shadow: var(--frame-shadow) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile {
  position: relative;
  display: grid !important;
  place-items: center;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .10), transparent 42%, rgba(0, 0, 0, .16)),
    var(--tex-deepslate) center / 100% 100% !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .14), inset 0 -2px 0 rgba(0, 0, 0, .28), var(--block-edge) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: transform var(--mx-fast) var(--mx-ease), box-shadow var(--mx-fast) var(--mx-ease), filter var(--mx-fast) !important;
  cursor: pointer;
}
/* Feldkoordinaten (A1 … E5) nur fürs Vorlesen – das aria-label aus game-studio.js trägt sie */
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile::after { display: none !important; }
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile:not(.open) > svg { opacity: .0 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile:enabled:hover {
  transform: translateY(-3px) !important;
  filter: brightness(1.12);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .18), inset 0 -2px 0 rgba(0, 0, 0, .28), 0 0 0 2px rgba(91, 231, 240, .65), 0 8px 0 #121828, 0 14px 18px -6px rgba(0, 0, 0, .8) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile:enabled:active { transform: translateY(3px) !important; box-shadow: inset 0 2px 0 rgba(255, 255, 255, .1), 0 1px 0 #121828 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile:disabled:not(.open) { cursor: default; }
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile .block { width: 74% !important; height: 74% !important; filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .55)) !important; }
/* aufgedeckt: eingesunkene Mulde, das Erz liegt darin */
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile.open {
  background: radial-gradient(70% 70% at 50% 45%, rgba(46, 229, 157, .20), transparent 70%), linear-gradient(180deg, #0a101e, #111a2e) !important;
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, .65), inset 0 0 0 1.5px rgba(46, 229, 157, .45), 0 1px 0 rgba(255, 255, 255, .05) !important;
  transform: translateY(5px) !important;
  cursor: default;
}
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile.open::after { opacity: 0; }
/* Runde verloren: alles aufgedeckt – die getroffene Lava bleibt im Mittelpunkt */
body.tc-redesign.tc-max #gameOverlay .theme-mines .mines-grid:has(.tile.boom) .tile.open:not(.boom) { opacity: .5 !important; box-shadow: inset 0 4px 10px rgba(0, 0, 0, .65) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-mines .tile.boom {
  background: radial-gradient(circle at 50% 55%, #ffd36b 0 14%, #ff7a2e 32%, #d8342c 58%, #5c1318 100%) !important;
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .45), 0 0 0 2px rgba(255, 77, 94, .75), 0 0 26px rgba(255, 90, 50, .55) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-mines .mines-grid:has(.tile.boom) .tile:not(.open) { filter: saturate(.6) brightness(.8); }

/* ------------------------------------------------------------ 6.2 Gerüstturm (Tower) */
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower {
  width: min(600px, 100%) !important;
  padding: 14px !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: var(--frame-bg) !important;
  box-shadow: var(--frame-shadow) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row {
  grid-template-columns: 70px repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 6px 8px 8px 6px !important;
  border: 0 !important;
  border-radius: 13px !important;
  outline: 0 !important;
  background: rgba(255, 255, 255, .02) !important;
  box-shadow: none !important;
  animation: none !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row::before { display: none !important; }
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row .mult {
  display: grid;
  place-items: center end;
  padding: 0 8px 0 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--mx-text-3) !important;
  box-shadow: none !important;
  outline: 0 !important;
  font: 800 21px/1 var(--mx-font-display) !important;
  letter-spacing: .01em !important;
  font-variant-numeric: tabular-nums;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.done { background: rgba(46, 229, 157, .05) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.done .mult { color: var(--mx-emerald) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.active {
  background: linear-gradient(90deg, rgba(255, 201, 60, .14), rgba(255, 201, 60, .05)) !important;
  box-shadow: inset 0 0 0 1.5px rgba(255, 201, 60, .6), 0 0 28px rgba(255, 201, 60, .12) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.active .mult { color: var(--mx-gold) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-tower .slot {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, .08), transparent 45%, rgba(0, 0, 0, .18)), var(--tex-deepslate) center / 50px 50px !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .12), inset 0 -2px 0 rgba(0, 0, 0, .28), 0 4px 0 #121828 !important;
  opacity: 1 !important;
  outline: 0 !important;
  transform: translateY(0) !important;
  transition: transform var(--mx-fast) var(--mx-ease), box-shadow var(--mx-fast) var(--mx-ease), filter var(--mx-fast) !important;
  filter: saturate(.7) brightness(.85);
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .slot .block { width: 30px !important; height: 30px !important; filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .5)); }
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.active .slot { filter: none; cursor: pointer; }
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.active .slot:enabled:hover {
  transform: translateY(-3px) !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .16), 0 0 0 2px rgba(255, 201, 60, .7), 0 7px 0 #121828, 0 12px 16px -6px rgba(0, 0, 0, .8) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.active .slot:enabled:active { transform: translateY(3px) !important; box-shadow: inset 0 2px 0 rgba(255, 255, 255, .1), 0 1px 0 #121828 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-tower .slot-badge {
  position: static !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: var(--mx-gold-hi) !important;
  font: 700 13px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .slot.safe,
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row.done .slot:not(.gravel) {
  filter: none;
  background: radial-gradient(70% 80% at 50% 40%, rgba(46, 229, 157, .22), transparent 75%), linear-gradient(180deg, #0b1322, #102033) !important;
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .55), inset 0 0 0 1.5px rgba(46, 229, 157, .38) !important;
  transform: translateY(3px) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .slot.gravel {
  filter: none;
  background: radial-gradient(70% 80% at 50% 40%, rgba(255, 77, 94, .2), transparent 75%), linear-gradient(180deg, #160d16, #1f121c) !important;
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .55), inset 0 0 0 1.5px rgba(255, 77, 94, .45) !important;
  transform: translateY(3px) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row .slot.picked:not(.gravel) { box-shadow: inset 0 3px 8px rgba(0, 0, 0, .55), inset 0 0 0 2px var(--mx-emerald), 0 0 18px rgba(46, 229, 157, .25) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row .slot.picked.gravel { box-shadow: inset 0 3px 8px rgba(0, 0, 0, .55), inset 0 0 0 2px var(--mx-redstone), 0 0 18px rgba(255, 77, 94, .3) !important; }

/* ------------------------------------------------------------ 6.3 Hühnerpfad (Chicken) – .runner-Transform gehört JS */
body.tc-redesign.tc-max #gameOverlay .theme-chicken .road {
  padding: 16px 16px 14px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: var(--frame-bg) !important;
  box-shadow: var(--frame-shadow) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-chicken .road-track {
  border: 0 !important;
  border-radius: 14px !important;
  padding-top: 20px !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .35), transparent 18%, transparent 82%, rgba(0, 0, 0, .35)),
    repeating-linear-gradient(90deg, #0c1322 0 44px, #182036 44px 48px) !important;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
  scrollbar-width: thin;
  scrollbar-color: #2b3a60 transparent;
}
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane {
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(170deg, rgba(255, 255, 255, .09), transparent 40%, rgba(0, 0, 0, .2)), var(--tex-deepslate) center / 48px 48px !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .12), inset 0 -2px 0 rgba(0, 0, 0, .3), 0 4px 0 #0a0f1c !important;
  outline: 0 !important;
  animation: none !important;
  filter: saturate(.8) brightness(.9);
}
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.start { background: linear-gradient(180deg, #1c2640, #141c31) !important; filter: none; }
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane-mult {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 5px 8px 4px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(6, 10, 20, .72) !important;
  box-shadow: none !important;
  color: var(--mx-text) !important;
  font: 800 16px/1 var(--mx-font-display) !important;
  letter-spacing: .01em !important;
  font-variant-numeric: tabular-nums;
}
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.start .lane-mult { font: 700 12.5px/1 var(--mx-font-body) !important; color: var(--mx-text-2) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.next {
  filter: none;
  background: linear-gradient(180deg, rgba(255, 224, 138, .95), rgba(246, 178, 31, .92)) !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .45), 0 4px 0 var(--mx-gold-lo), 0 0 26px rgba(255, 201, 60, .35) !important;
  cursor: pointer;
}
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.next .lane-mult { background: rgba(42, 26, 0, .82) !important; color: var(--mx-gold-hi) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.next:enabled:hover { filter: brightness(1.06); }
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.passed {
  filter: none;
  background: radial-gradient(80% 60% at 50% 30%, rgba(46, 229, 157, .24), transparent 75%), linear-gradient(180deg, #0f2a2a, #0c1b22) !important;
  box-shadow: inset 0 0 0 1.5px rgba(46, 229, 157, .45), 0 4px 0 #06221a !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.passed .lane-mult { color: var(--mx-emerald) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.crashed {
  filter: none;
  background: radial-gradient(80% 60% at 50% 40%, rgba(255, 77, 94, .35), transparent 75%), linear-gradient(180deg, #2a1119, #1a0c14) !important;
  box-shadow: inset 0 0 0 2px rgba(255, 77, 94, .7), 0 4px 0 #3a0c14, 0 0 22px rgba(255, 77, 94, .3) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-chicken .lane.crashed .lane-mult { color: #ffb0b8 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-chicken .runner-inner { filter: drop-shadow(0 6px 4px rgba(0, 0, 0, .6)); }
/* Das Huhn steht auf der Bahn statt darüber zu schweben (transform gehört JS) */
body.tc-redesign.tc-max #gameOverlay .theme-chicken .runner { top: calc(50% - 26px) !important; }
/* Vor der Runde (noch kein Inline-transform aus moveChicken): mittig aufs Startfeld statt halb darüber */
body.tc-redesign.tc-max #gameOverlay .theme-chicken .runner:not([style*="transform"]) { left: 13px; transform: none; }
body.tc-redesign.tc-max #gameOverlay .theme-chicken .road-hint {
  margin-top: 12px !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(6, 10, 20, .55) !important;
  color: var(--mx-text-2) !important;
  font: 600 14px/1.3 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-align: center;
}

/* ------------------------------------------------------------ 6.4 Blackjack */
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .felt {
  border: 14px solid #2a2230 !important;
  outline: 2px solid rgba(255, 201, 60, .55) !important;
  outline-offset: -8px;
  border-radius: 120px !important;
  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%) !important;
  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) !important;
}
/* GameStudio-Siegel (♠ TRYCASINO) stand blass über „Du“ – weg damit */
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .studio-table-seal { display: none !important; }
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .hand-label {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 4px 4px 4px 12px;
  border-radius: 999px;
  background: rgba(3, 20, 15, .62) !important;
  color: #cfe9dc !important;
  font: 700 13px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .hand-label b {
  min-width: 34px;
  padding: 5px 9px 4px !important;
  border-radius: 999px !important;
  background: #06281d !important;
  color: var(--mx-gold-hi) !important;
  font: 800 19px/1 var(--mx-font-display) !important;
  letter-spacing: .01em !important;
  text-align: center;
}
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .hand-label .tag { font-style: normal; padding: 4px 8px; border-radius: 999px; background: rgba(255, 201, 60, .18); color: var(--mx-gold-hi); font-size: 12px; font-weight: 700; }
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .card {
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #fbfaf4, #ece8da) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), inset 0 -3px 0 rgba(0, 0, 0, .08), 0 3px 0 #b9b3a0, 0 14px 20px -8px rgba(0, 0, 0, .7) !important;
  filter: none !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .card:not(.dark):not(.back) > :is(b, svg) { filter: saturate(1.35) brightness(.72); }
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .card > b { font-family: var(--mx-font-display) !important; font-weight: 800 !important; font-size: 26px !important; }
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .card.dark { background: linear-gradient(180deg, #2a3147, #1b2133) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 3px 0 #0b0f1a, 0 14px 20px -8px rgba(0, 0, 0, .7) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .card.back {
  background:
    repeating-linear-gradient(45deg, rgba(255, 201, 60, .16) 0 4px, transparent 4px 10px),
    linear-gradient(180deg, #1d2a4a, #121b33) !important;
  box-shadow: inset 0 0 0 4px #121b33, inset 0 0 0 5.5px rgba(255, 201, 60, .5), 0 3px 0 #070b16, 0 14px 20px -8px rgba(0, 0, 0, .7) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .card.back > span { border: 0 !important; background: none !important; }
body.tc-redesign.tc-max #gameOverlay .theme-blackjack .felt-hint { color: rgba(207, 233, 220, .8) !important; font: 600 13px/1.3 var(--mx-font-body) !important; letter-spacing: 0 !important; }

/* ------------------------------------------------------------ 6.5 Endertisch (Roulette) – #wheel/#ball: Inline-Transform gehört JS */
body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette {
  gap: 28px !important;
  padding: 26px !important;
  border: 0 !important;
  border-radius: 26px !important;
  background: var(--frame-bg) !important;
  box-shadow: var(--frame-shadow) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .wheel {
  box-shadow: 0 0 0 5px #2a2340, 0 0 0 7px rgba(181, 140, 255, .55), 0 0 0 13px #151026, 0 0 0 14px rgba(255, 201, 60, .35), 0 20px 30px rgba(0, 0, 0, .7) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .wheel-hub {
  background: radial-gradient(circle at 40% 35%, #e3ccff, #8a5cf0 45%, #2a1655 100%) !important;
  border: 2px solid rgba(255, 224, 138, .7) !important;
  box-shadow: 0 0 22px rgba(181, 140, 255, .55), inset 0 -3px 0 rgba(0, 0, 0, .3) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .wedge.rot { fill: #c93545; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .wedge.schwarz { fill: #1a2032; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .wedge.gruen { fill: #0e9e66; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .pocket-num { font-family: var(--mx-font-display); font-weight: 800; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .ball > i { background: radial-gradient(circle at 35% 30%, #fff, #d9e2f2 55%, #8e9ab4) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, .6) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette-result {
  min-width: 96px;
  padding: 8px 18px 6px !important;
  border-radius: 14px !important;
  background: rgba(6, 10, 20, .7) !important;
  border: 1px solid var(--mx-line-soft) !important;
  text-align: center;
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette-result:not(.shown) { visibility: hidden; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette-result b {
  font: 800 38px/1 var(--mx-font-display) !important;
  letter-spacing: .01em !important;
  color: var(--mx-text) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette-result b.rot { color: #ff7a86 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette-result b.gruen { color: var(--mx-emerald) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .bets {
  padding: 16px !important;
  border: 1px solid var(--mx-line-soft) !important;
  border-radius: 18px !important;
  background: rgba(6, 10, 20, .55) !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, .4) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .bet-groups { gap: 8px !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .bet-numbers { gap: 7px !important; margin-top: 14px !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette :is(.bet-chip, .num) {
  min-height: 40px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #27344f, #1c2742) !important;
  color: var(--mx-text) !important;
  -webkit-text-fill-color: var(--mx-text) !important;
  font: 700 13.5px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 3px 0 #0a0f1c !important;
  outline: 0 !important;
  transform: translateY(0) !important;
  transition: transform var(--mx-fast) var(--mx-ease), box-shadow var(--mx-fast) var(--mx-ease), filter var(--mx-fast) !important;
  cursor: pointer;
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .num { font: 800 18px/1 var(--mx-font-display) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .num.rot { background: linear-gradient(180deg, #d9434f, #b12c3a) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 3px 0 #5e1420 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .num.schwarz { background: linear-gradient(180deg, #232b40, #171d2e) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 3px 0 #080b14 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette .num.gruen { background: linear-gradient(180deg, #1dc585, #0e9e66) !important; color: var(--mx-emerald-ink) !important; -webkit-text-fill-color: var(--mx-emerald-ink) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 3px 0 #06462d !important; }
body.tc-redesign.tc-max #gameOverlay .theme-roulette :is(.bet-chip, .num):hover { transform: translateY(-1px) !important; filter: brightness(1.12); }
body.tc-redesign.tc-max #gameOverlay .theme-roulette :is(.bet-chip, .num):active { transform: translateY(2px) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 #0a0f1c !important; }
/* gewählte Wette: goldener Rand wie ein gesetzter Jeton */
body.tc-redesign.tc-max #gameOverlay .theme-roulette :is(.bet-chip, .num).on {
  box-shadow: inset 0 0 0 2px var(--mx-gold), inset 0 1px 0 rgba(255, 255, 255, .25), 0 3px 0 var(--mx-gold-lo), 0 0 18px rgba(255, 201, 60, .35) !important;
  filter: brightness(1.1);
}
body.tc-redesign.tc-max #gameOverlay .theme-roulette .bet-chip.on { background: linear-gradient(180deg, #3a3151, #2a2340) !important; color: var(--mx-gold-hi) !important; -webkit-text-fill-color: var(--mx-gold-hi) !important; }

/* ------------------------------------------------------------ 6.6 Kies-Fall (Plinko) – #puck left/top gehört JS */
body.tc-redesign.tc-max #gameOverlay .theme-plinko .plinko {
  padding: 28px 22px 18px !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: radial-gradient(90% 70% at 50% 0%, rgba(169, 184, 255, .10), transparent 70%), var(--frame-bg) !important;
  box-shadow: var(--frame-shadow) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-plinko .plinko { width: min(760px, 100%) !important; max-width: none !important; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .pegs { height: 340px !important; background: none !important; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .puck { width: 24px !important; height: 24px !important; }
/* Vor dem Wurf oben mittig (wie placePuck(game, 0)); ohne !important, damit die Inline-Werte aus JS gewinnen */
body.tc-redesign.tc-max #gameOverlay .theme-plinko .pegs > .puck { left: 50%; top: 0; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .puck .block { width: 100% !important; height: 100% !important; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .pegs > i {
  width: 8px !important; height: 8px !important;
  border-radius: 2px !important;
  background: linear-gradient(135deg, #fff2b8, #ffc93c 45%, #c7860c) !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .55), 0 0 8px rgba(255, 201, 60, .25) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-plinko .puck .block { filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .6)); }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .bins { gap: 5px !important; margin-top: 10px; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .bin {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--mx-text) !important;
  font: 800 14px/1 var(--mx-font-display) !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 4px 0 rgba(0, 0, 0, .55) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-plinko .bin.heat0 { background: linear-gradient(180deg, #2a3656, #1c2742) !important; color: var(--mx-text-2) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .bin.heat1 { background: linear-gradient(180deg, #1c7f8c, #125a66) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .bin.heat2 { background: linear-gradient(180deg, #7446e0, #4d2aa6) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .bin.heat3 { background: linear-gradient(180deg, #ffd766, #e0a01a) !important; color: var(--mx-gold-ink) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-plinko .bin.hit {
  outline: 0 !important;
  box-shadow: inset 0 0 0 2px #fff, 0 4px 0 rgba(0, 0, 0, .55), 0 0 24px rgba(255, 255, 255, .45) !important;
  filter: brightness(1.15);
}

/* ------------------------------------------------------------ 6.7 Erz-Walzen (Slots) – Struktur .slot-reel > .slot-cell bleibt */
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-cabinet {
  padding: 16px 18px 20px !important;
  border: 0 !important;
  border-radius: 26px !important;
  background:
    linear-gradient(180deg, rgba(255, 201, 60, .10), transparent 30%),
    var(--frame-bg) !important;
  box-shadow: inset 0 0 0 2px rgba(255, 201, 60, .38), inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -3px 0 rgba(0, 0, 0, .4), 0 8px 0 #090e1b, 0 34px 60px -24px rgba(0, 0, 0, .95) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-marquee {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px !important;
  padding: 8px 8px 8px 16px !important;
  border: 1px solid rgba(255, 201, 60, .25) !important;
  border-radius: 14px !important;
  background: rgba(6, 10, 20, .6) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .45) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-jackpot-pill {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--mx-gold-hi) !important;
  -webkit-text-fill-color: var(--mx-gold-hi) !important;
  font: 700 14px/1.2 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal;
  animation: none !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-paytable-btn {
  flex: none;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #27344f, #1c2742) !important;
  color: var(--mx-text) !important;
  -webkit-text-fill-color: var(--mx-text) !important;
  font: 700 13px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 3px 0 #0a0f1c !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-paytable-btn.active { box-shadow: inset 0 0 0 2px var(--mx-gold), 0 3px 0 var(--mx-gold-lo) !important; color: var(--mx-gold-hi) !important; -webkit-text-fill-color: var(--mx-gold-hi) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-slots .slots-5x3 {
  gap: 8px !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #060a14 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 201, 60, .2), inset 0 6px 16px rgba(0, 0, 0, .7) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-reel {
  gap: 6px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 12px !important;
  /* gewölbte Walze: oben und unten dunkler */
  background: linear-gradient(180deg, #0b1120 0%, #1b2540 22%, #212d4b 50%, #1b2540 78%, #0b1120 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-cell {
  border: 0 !important;
  border-radius: 10px !important;
  background: radial-gradient(70% 70% at 50% 45%, rgba(255, 255, 255, .06), transparent 70%) !important;
  box-shadow: none !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-cell { height: 92px !important; }
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-cell > .block { width: 66px !important; height: 66px !important; }
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-cell > .block { filter: drop-shadow(0 6px 4px rgba(0, 0, 0, .6)) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-cell.hit {
  background: radial-gradient(70% 70% at 50% 45%, rgba(255, 201, 60, .35), rgba(255, 201, 60, .08) 70%) !important;
  box-shadow: inset 0 0 0 2px var(--mx-gold), 0 0 22px rgba(255, 201, 60, .35) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-slots .line-tag {
  border: 0 !important;
  border-radius: 6px !important;
  font: 800 13px/1 var(--mx-font-display) !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .5) !important;
}

/* ------------------------------------------------------------ 6.8 Angelstelle (Fishing) – Nachtsee unter Tage statt Pastell */
body.tc-redesign.tc-max #gameOverlay .theme-fishing :is(.catch, .fishing-stage) {
  border: 0 !important;
  border-radius: 24px !important;
  background:
    radial-gradient(60% 40% at 50% 46%, rgba(91, 231, 240, .12), transparent 70%),
    linear-gradient(180deg, #121c35 0%, #0f1a31 38%, #0b2433 52%, #08192a 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(91, 231, 240, .22), inset 0 1px 0 rgba(255, 255, 255, .1), 0 8px 0 #090e1b, 0 34px 60px -24px rgba(0, 0, 0, .95) !important;
}
/* Kein Dauerschaukeln der ganzen Tafel – nur der Fang springt beim Aufdecken herein */
body.tc-redesign.tc-max #gameOverlay .theme-fishing .catch:not(.catch-revealed) { animation-name: none !important; }
/* Das Seebild aus game-studio.js in Tiefenschiefer-Tönen (Füllungen per CSS) */
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(1) { fill: #18253f; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(2) { fill: #111c33; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(3) { fill: #0b2536; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(4) { stroke: #5be7f0; opacity: .18; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(5) { fill: #4a3524; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(6) { stroke: #2e2118; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(7) { fill: #3b2a1e; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .studio-lake path:nth-of-type(8) { stroke: rgba(214, 236, 255, .45); }
/* Beim Fang: Schnur und Pose weg – sie kreuzten den Namen */
body.tc-redesign.tc-max #gameOverlay .theme-fishing .catch .studio-lake :is(path:nth-of-type(8), circle) { display: none; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing :is(.catch, .fishing-stage)::before,
body.tc-redesign.tc-max #gameOverlay .theme-fishing :is(.catch, .fishing-stage)::after { border-color: rgba(91, 231, 240, .16) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .catch-icon {
  border: 2px solid rgba(91, 231, 240, .5) !important;
  background: radial-gradient(circle at 50% 40%, rgba(91, 231, 240, .22), rgba(8, 20, 38, .92) 70%) !important;
  box-shadow: 0 0 0 6px rgba(8, 20, 38, .55), 0 0 36px rgba(91, 231, 240, .18), 0 16px 30px rgba(3, 12, 24, .6) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-fishing .catch-name {
  position: relative;
  z-index: 1;
  font: 800 36px/1 var(--mx-font-display) !important;
  letter-spacing: .01em !important;
  color: #fff !important;
  text-shadow: 0 3px 0 rgba(3, 12, 24, .8), 0 0 18px rgba(3, 12, 24, .9) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-fishing .catch-sub {
  position: relative;
  z-index: 1;
  display: inline-block !important;
  width: auto !important;
  margin-top: 10px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: rgba(6, 14, 28, .86) !important;
  box-shadow: inset 0 0 0 1px rgba(91, 231, 240, .22);
  color: #d9f7fb !important;
  font: 650 14px/1.2 var(--mx-font-body) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-fishing .fishing-status-row { background: rgba(6, 14, 28, .86) !important; border-radius: 14px !important; box-shadow: inset 0 0 0 1px rgba(91, 231, 240, .2); }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .fishing-status-title { font: 800 24px/1 var(--mx-font-display) !important; color: #fff !important; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .fishing-status-sub { font: 600 13.5px/1.3 var(--mx-font-body) !important; color: #cdeff5 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-fishing .fishing-ripple { border-color: rgba(91, 231, 240, .45) !important; }

/* ------------------------------------------------------------ 6.9 Enderauge (Dice) – #diceMarker/#diceFill/.dice-hit Inline-Werte gehören JS */
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice {
  padding: 26px !important;
  border: 0 !important;
  border-radius: 26px !important;
  background: radial-gradient(80% 60% at 50% 0%, rgba(181, 140, 255, .14), transparent 70%), var(--frame-bg) !important;
  box-shadow: var(--frame-shadow) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-readout {
  border: 1px solid rgba(181, 140, 255, .35) !important;
  background: repeating-conic-gradient(rgba(181, 140, 255, .12) 0 1deg, transparent 1deg 10deg), radial-gradient(#2a2148, #0e1226 68%) !important;
  box-shadow: inset 0 0 0 10px #0d1226, inset 0 0 0 11px rgba(181, 140, 255, .25), 0 0 40px rgba(181, 140, 255, .15) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-roll {
  font: 800 64px/1 var(--mx-font-display) !important;
  letter-spacing: .01em !important;
  color: var(--mx-text) !important;
  text-shadow: 0 4px 0 rgba(0, 0, 0, .5) !important;
  font-variant-numeric: tabular-nums;
}
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-roll.safe { color: var(--mx-emerald) !important; text-shadow: 0 4px 0 #075437, 0 0 26px rgba(46, 229, 157, .35) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-roll.boom { color: #ff7a86 !important; text-shadow: 0 4px 0 #5e1420 !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-sub { font: 600 13px/1.2 var(--mx-font-body) !important; color: var(--mx-text-2) !important; letter-spacing: 0 !important; text-transform: none !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-bar {
  height: 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255, 77, 94, .55), rgba(255, 77, 94, .35)) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .5), 0 0 0 3px #0b1020, 0 0 0 4px rgba(255, 255, 255, .06) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-fill { background: linear-gradient(90deg, #19c985, #4ff0b1) !important; border-radius: 999px !important; box-shadow: 0 0 14px rgba(46, 229, 157, .35) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-marker { background: var(--mx-gold) !important; box-shadow: 0 0 0 2px #0b1020, 0 0 12px rgba(255, 201, 60, .6) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-hit { background: #fff !important; box-shadow: 0 0 0 2px #0b1020, 0 0 14px #fff !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-scale { color: var(--mx-text-2) !important; font: 600 12.5px/1 var(--mx-font-body) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-controls {
  padding: 14px !important;
  border: 1px solid var(--mx-line-soft) !important;
  border-radius: 16px !important;
  background: rgba(6, 10, 20, .6) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .4) !important;
}
body.tc-redesign.tc-max #gameOverlay .theme-dice #diceOver {
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, #3a2f5f, #2a2248) !important;
  color: var(--mx-text) !important;
  -webkit-text-fill-color: var(--mx-text) !important;
  font: 700 14px/1 var(--mx-font-body) !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 3px 0 #120d24 !important;
  cursor: pointer;
}
body.tc-redesign.tc-max #gameOverlay .theme-dice #diceTarget { accent-color: var(--mx-amethyst); }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-odds { color: var(--mx-text-2) !important; font: 600 13px/1.3 var(--mx-font-body) !important; }
body.tc-redesign.tc-max #gameOverlay .theme-dice .dice-odds b { color: var(--mx-text) !important; font: 800 15px/1 var(--mx-font-body) !important; letter-spacing: 0; font-variant-numeric: tabular-nums; }

/* ------------------------------------------------------------ 6.10 Kartentische (Casino War, Red Dog, Three Card Poker): max-game-cards.css */

/* ------------------------------------------------------------ 6.11 Drachenarena */
body.tc-redesign.tc-max #gameOverlay .arena-stage {
  width: min(900px, 100%);
  border: 0;
  border-radius: 24px;
  background: #111a2e;
  box-shadow: var(--frame-shadow);
}
body.tc-redesign.tc-max #gameOverlay .arena-heading { padding: 16px 22px; background: linear-gradient(180deg, #1c2540, #151d33); box-shadow: inset 0 -1px 0 var(--mx-line-soft); }
body.tc-redesign.tc-max #gameOverlay .arena-heading span { font: 600 13px/1.2 var(--mx-font-body); letter-spacing: 0; text-transform: none; color: var(--mx-amethyst); }
body.tc-redesign.tc-max #gameOverlay .arena-heading h3 { margin: 4px 0 0; font: 800 32px/1 var(--mx-font-display) !important; color: var(--mx-text); }
body.tc-redesign.tc-max #gameOverlay .arena-round { font: 800 40px/1 var(--mx-font-display); color: var(--mx-gold); letter-spacing: .01em; }
body.tc-redesign.tc-max #gameOverlay .arena-round small { font: 600 14px/1 var(--mx-font-body); color: var(--mx-text-2); letter-spacing: 0; }
body.tc-redesign.tc-max #gameOverlay .arena-boss > span { font: 700 13.5px/1.2 var(--mx-font-body); letter-spacing: 0; text-transform: none; color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, .9); }
body.tc-redesign.tc-max #gameOverlay .arena-life { padding: 4px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 8px; background: rgba(8, 6, 20, .78); }
body.tc-redesign.tc-max #gameOverlay .arena-life i { height: 10px; border-radius: 3px; background: linear-gradient(180deg, #ff8a96, #d8344a); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 0 8px rgba(255, 77, 94, .35); }
body.tc-redesign.tc-max #gameOverlay .arena-life i.broken { background: #2a2338; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .6); }
body.tc-redesign.tc-max #gameOverlay .arena-scene-caption span { font: 700 13px/1.2 var(--mx-font-body); letter-spacing: 0; text-transform: none; color: var(--mx-amethyst); text-shadow: 0 2px 6px rgba(0, 0, 0, .9); }
body.tc-redesign.tc-max #gameOverlay .arena-scene-caption strong { font: 700 21px/1.25 var(--mx-font-body); color: #fff; }
body.tc-redesign.tc-max #gameOverlay .arena-weapons { gap: 10px; padding: 16px; background: #111a2e; }
body.tc-redesign.tc-max #gameOverlay .arena-weapons button {
  gap: 10px;
  padding: 14px 14px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(180deg, #232e4c, #1a233d);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 4px 0 #0a0f1c, 0 12px 18px -10px rgba(0, 0, 0, .8);
  font-family: var(--mx-font-body);
  transition: transform var(--mx-fast) var(--mx-ease), box-shadow var(--mx-fast) var(--mx-ease), filter var(--mx-fast);
}
body.tc-redesign.tc-max #gameOverlay .arena-weapons button:not(:disabled):hover { transform: translateY(-2px); filter: brightness(1.1); box-shadow: inset 0 0 0 2px rgba(181, 140, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .12), 0 6px 0 #0a0f1c, 0 14px 20px -10px rgba(0, 0, 0, .8); }
body.tc-redesign.tc-max #gameOverlay .arena-weapons button:not(:disabled):active { transform: translateY(3px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 1px 0 #0a0f1c; }
body.tc-redesign.tc-max #gameOverlay .arena-weapons button:disabled { opacity: .78; }
body.tc-redesign.tc-max #gameOverlay .arena-weapon-icon { font-size: 26px; color: var(--mx-diamond); }
body.tc-redesign.tc-max #gameOverlay .arena-weapon-copy small { font-size: 12px; font-weight: 600; color: var(--mx-text-2); letter-spacing: 0; }
body.tc-redesign.tc-max #gameOverlay .arena-weapon-copy b { font-size: 15px; font-weight: 700; }
body.tc-redesign.tc-max #gameOverlay .arena-weapon-copy em { font-size: 12.5px; font-style: normal; color: var(--mx-text-2); }
body.tc-redesign.tc-max #gameOverlay .arena-weapons button > strong { font: 800 24px/1 var(--mx-font-display); letter-spacing: .01em; color: var(--mx-gold); }
body.tc-redesign.tc-max #gameOverlay .arena-loot { padding: 16px 22px; border-top: 1px solid var(--mx-line-soft); background: #0e1628; }
body.tc-redesign.tc-max #gameOverlay .arena-loot > span { font: 600 13.5px/1.2 var(--mx-font-body); letter-spacing: 0; text-transform: none; color: var(--mx-text-2); }
body.tc-redesign.tc-max #gameOverlay .arena-loot > strong { font: 800 28px/1 var(--mx-font-display); letter-spacing: .01em; color: var(--mx-gold); }
body.tc-redesign.tc-max #gameOverlay .arena-loot > small { font-size: 13px; color: var(--mx-text-2); }
body.tc-redesign.tc-max #gameOverlay .arena-loot > strong.is-empty { color: var(--mx-text-2); }
body.tc-redesign.tc-max #gameOverlay .arena-victory .arena-loot { background: radial-gradient(400px 120px at 0% 0%, rgba(46, 229, 157, .2), transparent 70%), #0e1628; }
body.tc-redesign.tc-max #gameOverlay .arena-victory .arena-loot strong { color: var(--mx-emerald); }


/* ------------------------------------------------------------ 7. Hilfe-Dialog: Bewertung (max-fx.js fügt den Knopf ein) */
body.tc-redesign.tc-max .tc-game-help .mx-help-rate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  margin: 0 0 16px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffd766, #f6b21f);
  color: var(--mx-gold-ink);
  font: 800 15px/1 var(--mx-font-body);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 4px 0 var(--mx-gold-lo);
  cursor: pointer;
}
body.tc-redesign.tc-max .tc-game-help .mx-help-rate:active { transform: translateY(3px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 var(--mx-gold-lo); }
body.tc-redesign.tc-max .tc-game-help .mx-help-rate:focus-visible,
body.tc-redesign.tc-max .tc-game-help .icon-btn-table:focus-visible { outline: 3px solid var(--mx-text); outline-offset: 3px; }

/* ------------------------------------------------------------ 7.1 Chat im Spiel: dockt ab 601 px im Brett an, das Brett rückt nach links.
   Lage, Breite und Brett-Abstand regelt allein max-chat.css (js/redesign.js misst --mxc-g-*). Hier nur, was das Spiel betrifft:
   Tafel rückt mit, und die Bretter richten sich nach der wirklich freien Breite (Container #gameBoard) –
   statt auf eine Mindestbreite gezwungen und dann auf 45 % verkleinert zu werden (1024 px mit Chat). */
body.tc-redesign.tc-max #gameOverlay #gameBoard { container: mx-board / inline-size; }
@media (min-width: 601px) and (min-height: 521px) {
  body.tc-redesign.tc-max.tc-game-open:has(#floatingChatWidget:not([hidden])) #gameOverlay .mx-fx-layer { padding-right: calc(var(--mxc-game-chat-w, 360px) + 40px) !important; }
}
@media (min-width: 821px) {
  body.tc-redesign.tc-max.tc-game-open #floatingChatContainer { left: auto !important; align-items: stretch !important; }
  body.tc-redesign.tc-max.tc-game-open #floatingChatContainer #floatingChatWidget { max-height: none !important; }
}

/* ------------------------------------------------------------ 7.2 Niedrige Laptops (≤ 800 px hoch, u. a. 1366 × 768): kompakter, damit kein Brett unter zoom .9 fällt */
@media (min-width: 821px) and (max-height: 800px) {
  body.tc-redesign.tc-max #gameOverlay { padding: 8px !important; }
  body.tc-redesign.tc-max #gameOverlay .theater-table { --head-h: 56px; }
  body.tc-redesign.tc-max #gameOverlay #gameBoard { padding: 14px 20px !important; }
  body.tc-redesign.tc-max #gameOverlay #gameStatus { min-height: 44px !important; padding: 8px 20px !important; }
  body.tc-redesign.tc-max #gameOverlay .tc-control-dock { gap: 14px !important; padding: 16px 18px !important; }
  body.tc-redesign.tc-max #gameOverlay :is(#betRow, #actionRow) { gap: 14px !important; }
  body.tc-redesign.tc-max #gameOverlay .bet-input { height: 52px !important; min-height: 52px !important; }
  body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) { margin-bottom: 10px !important; }
  body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) .meta { padding: 7px 14px 8px !important; gap: 4px; }
  body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) .meta b { font-size: 24px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-mines .mines-grid { padding: 12px !important; gap: 8px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .tower { padding: 10px !important; gap: 5px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row { padding: 4px 8px 5px 6px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .slot { height: 42px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-plinko .pegs { height: 300px !important; }
}

/* ------------------------------------------------------------ 8. Mobil (≤ 820 px): Brett oben, Status, Steuerpult unten im Daumenbereich */
@media (max-width: 820px) {
  body.tc-redesign.tc-max #gameOverlay { padding: 0 !important; }
  body.tc-redesign.tc-max #gameOverlay .theater-table {
    --head-h: 56px;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: var(--head-h) minmax(0, 1fr) auto auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.tc-redesign.tc-max #gameOverlay .theater-table::before { inset: var(--head-h) 0 0 0 !important; }
  /* Kopf: ← · Titel · Guthaben · Bewerten · Hilfe. Schließen doppelt „←“, der Chat braucht mobil den ganzen Schirm. */
  body.tc-redesign.tc-max #gameOverlay .table-head { padding: 0 8px !important; gap: 6px !important; }
  body.tc-redesign.tc-max #gameOverlay .table-head-left { gap: 8px !important; flex: 1 1 0; min-width: 0; }
  body.tc-redesign.tc-max #gameOverlay .table-head-right { gap: 5px !important; }
  body.tc-redesign.tc-max #gameOverlay .game-title-group { gap: 8px; flex: 1 1 0; min-width: 0; }
  body.tc-redesign.tc-max #gameOverlay .game-title-group::before { display: none; }
  /* Lange Namen („Erz-Walzen (5×3 Slot)“) dürfen zweizeilig werden statt abgeschnitten */
  body.tc-redesign.tc-max #gameOverlay .table-head #gameTitle {
    flex: 1 1 0; min-width: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-wrap: balance;
    font-size: 19px !important;
    line-height: .98 !important;
    padding-top: 1px;
  }
  body.tc-redesign.tc-max #gameOverlay :is(.icon-btn-table, .back-lobby-btn) { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 11px !important; }
  body.tc-redesign.tc-max #gameOverlay :is(#fullscreenToggleBtn, #gameClose) { display: none !important; }
  body.tc-redesign.tc-max #gameOverlay .back-lobby-btn { padding: 0 !important; }
  body.tc-redesign.tc-max #gameOverlay .back-lobby-btn .back-text { display: none !important; }
  body.tc-redesign.tc-max #gameOverlay #tableBalance { height: 36px; margin: 0 3px 0 0 !important; padding: 0 6px !important; gap: 0; font-size: 15px !important; letter-spacing: 0 !important; }
  body.tc-redesign.tc-max #gameOverlay #tableBalance::before { display: none; }
  body.tc-redesign.tc-max #gameOverlay #gameBoard { grid-area: 2 / 1 / 3 / 2 !important; padding: 14px 12px !important; }
  body.tc-redesign.tc-max #gameOverlay #gameStatus {
    grid-area: 3 / 1 / 4 / 2 !important;
    flex-wrap: wrap;
    gap: 4px 8px;
    min-height: 42px !important;
    padding: 8px 14px !important;
    font-size: 13.5px !important;
  }
  body.tc-redesign.tc-max #gameOverlay .tc-control-dock {
    grid-area: 4 / 1 / 5 / 2 !important;
    gap: 12px !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    border-left: 0 !important;
    border-top: 1px solid var(--mx-line) !important;
    overflow: visible;
  }
  body.tc-redesign.tc-max #gameOverlay .tc-control-dock :is(.micro-guide, .mx-round) { display: none !important; }
  body.tc-redesign.tc-max #gameOverlay #betRow:not([hidden]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "input start" "chips chips" "opts opts";
    gap: 10px 10px !important;
    position: relative;
  }
  body.tc-redesign.tc-max #gameOverlay #betRow .bet,
  body.tc-redesign.tc-max #gameOverlay #betRow .bet-control-wrap { display: contents !important; }
  body.tc-redesign.tc-max #gameOverlay .bet-label-row {
    position: absolute !important;
    width: 1px !important; height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  body.tc-redesign.tc-max #gameOverlay .bet-input { grid-area: input; height: 52px !important; min-height: 52px !important; }
  body.tc-redesign.tc-max #gameOverlay .bet-input input { font-size: 27px !important; padding-left: 14px !important; }
  body.tc-redesign.tc-max #gameOverlay .bet-input span { padding-right: 12px; font-size: 16px; }
  body.tc-redesign.tc-max #gameOverlay .tc-control-dock #startBtn { grid-area: start; min-height: 52px !important; font-size: 16px !important; padding: 8px 10px !important; }
  body.tc-redesign.tc-max #gameOverlay .chips { grid-area: chips; padding: 0 2px 4px !important; }
  body.tc-redesign.tc-max #gameOverlay .chips .chip {
    display: grid !important;
    width: 44px !important; height: 44px !important;
    background:
      radial-gradient(circle, var(--c-face) 0 16px, rgba(0, 0, 0, .32) 16.5px 17.5px, transparent 18px),
      repeating-conic-gradient(from -8deg, var(--c-stripe) 0 16deg, var(--c) 16deg 45deg) !important;
    font-size: 14.5px !important;
  }
  body.tc-redesign.tc-max #gameOverlay .chips .chip:is([data-bet="1000"], [data-bet="2500"]) { font-size: 13px !important; }
  body.tc-redesign.tc-max #gameOverlay #gameOptions { grid-area: opts; }
  body.tc-redesign.tc-max #gameOverlay #gameOptions label { flex-direction: row; align-items: center !important; justify-content: space-between; gap: 12px; font-size: 14px !important; }
  body.tc-redesign.tc-max #gameOverlay #gameOptions select { width: 62% !important; height: 44px !important; min-height: 44px !important; font-size: 14px !important; }
  body.tc-redesign.tc-max #gameOverlay :is(#betRow, #actionRow) { gap: 10px !important; }
  body.tc-redesign.tc-max #gameOverlay #gameActions { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px !important; }
  body.tc-redesign.tc-max #gameOverlay #gameActions .btn { min-height: 48px !important; padding: 6px 8px !important; font-size: 13.5px !important; }
  body.tc-redesign.tc-max #gameOverlay .tc-control-dock #cashoutBtn { min-height: 50px !important; font-size: 15px !important; }
  body.tc-redesign.tc-max #gameOverlay #actionRow:has(#gameActions:empty):has(#cashoutBtn[hidden])::before { padding: 10px 12px; font-size: 13.5px; text-align: center; }

  /* Bretter: Platz fürs Spiel */
  body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) { margin-bottom: 12px !important; }
  body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) .meta { min-width: 88px; padding: 8px 12px 9px !important; }
  body.tc-redesign.tc-max #gameOverlay :is(.mines-meta, .tower-meta) .meta b { font-size: 24px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-mines .mines-grid { padding: 12px !important; gap: 8px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .tower { padding: 10px !important; gap: 6px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row { grid-template-columns: 54px repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; padding: 5px 6px 7px 4px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .tower-row .mult { font-size: 17px !important; padding-right: 4px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .slot { height: 44px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-tower .slot-badge { display: none !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette { padding: 16px 12px !important; gap: 16px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .bets { padding: 10px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-blackjack .felt { border-width: 10px !important; border-radius: 60px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-plinko .plinko { padding: 18px 8px 12px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-plinko .pegs { height: 260px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-plinko .bins { gap: 3px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-plinko .bin { font-size: 10px !important; letter-spacing: -.02em !important; padding-inline: 0 !important; min-height: 34px !important; border-radius: 6px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-dice .dice { padding: 18px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-cabinet { padding: 10px 10px 14px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-marquee { padding: 6px 6px 6px 12px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-slots .slot-jackpot-pill { font-size: 12px !important; }
  body.tc-redesign.tc-max #gameOverlay .mx-fx-layer { padding: 0 10px 5px; }
  body.tc-redesign.tc-max #gameOverlay .mx-fx-plate { gap: 12px; padding: 10px 16px 11px 12px; }
  body.tc-redesign.tc-max #gameOverlay .mx-fx-meta { padding-right: 12px; }
  body.tc-redesign.tc-max #gameOverlay .mx-fx-amount > span { font-size: 36px; }
  body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-big .mx-fx-amount > span { font-size: 40px; }
  body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-slim .mx-fx-amount > span { font-size: 24px; }
  body.tc-redesign.tc-max #gameOverlay #gameStatus[data-mx-net]:not(:empty)::before { font-size: 12px; padding: 3px 8px 2px; }
}
/* Handy: Chat ist dort ein Vollbild-Blatt (max-chat.css) – kein Chat-Knopf im Spielkopf. Ab 601 px dockt er an, der Knopf bleibt. */
@media (max-width: 600px) {
  body.tc-redesign.tc-max #gameOverlay #tcGameChat { display: none !important; }
}
/* Gast: Hinweis über Einsatz und Start */
@media (max-width: 820px) {
  body.tc-redesign.tc-max #gameOverlay #betRow:not([hidden]):has(> #gameGuestNote:not([hidden])) { grid-template-areas: "note note" "input start" "chips chips" "opts opts"; }
  body.tc-redesign.tc-max #gameOverlay #gameGuestNote { grid-area: note; }
  body.tc-redesign.tc-max #gameOverlay #gameGuestNote:not([hidden]) { padding: 9px 12px; font-size: 13px; }
}
/* Schmales Brett (Handy, Tablet oder Laptop mit angedocktem Chat; Container #gameBoard, s. 7.1): Endertisch kompakt –
   Rad neben dem Ergebnis, Einsatzfelder fingergroß (≥ 44 px) ohne Verkleinerung durch fitStage (390 × 844: Zoom 1 statt 0,77).
   Steht nach Abschnitt 8, damit es dessen Handy-Abstände ablöst. */
@container mx-board (max-width: 560px) {
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette { grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; padding: 10px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .roulette-left { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 18px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .wheel-wrap { width: 128px !important; height: 128px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .wheel-hub { width: 36px !important; height: 36px !important; margin: -18px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .ball > i { top: 5px !important; width: 8px !important; height: 8px !important; margin-left: -4px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .bets { padding: 8px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .bet-groups { gap: 6px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette .bet-numbers { gap: 5px !important; margin-top: 8px !important; }
  body.tc-redesign.tc-max #gameOverlay .theme-roulette :is(.bet-chip, .num) { min-height: 44px !important; }
}
/* Tablet hochkant: Pult nicht über die ganze Breite ziehen */
@media (min-width: 600px) and (max-width: 820px) {
  body.tc-redesign.tc-max #gameOverlay .tc-control-dock { padding-inline: max(14px, calc((100% - 520px) / 2)) !important; }
  body.tc-redesign.tc-max #gameOverlay .table-head { padding: 0 14px !important; }
  body.tc-redesign.tc-max #gameOverlay .table-head #gameTitle { font-size: 24px !important; }
  body.tc-redesign.tc-max #gameOverlay #tableBalance { font-size: 17px !important; padding: 0 10px !important; }
}

/* ------------------------------------------------------------ 9. Bewegung (nur ohne reduzierte Bewegung) */
@keyframes mxgPlateIn { 0% { opacity: 0; transform: translateY(14px) scale(.86); } 60% { opacity: 1; transform: translateY(-3px) scale(1.035); } 100% { opacity: 1; transform: none; } }
@keyframes mxgGlow { 0% { opacity: 0; } 18% { opacity: 1; } 70% { opacity: .75; } 100% { opacity: 0; } }
@keyframes mxgRays { 0% { opacity: 0; transform: rotate(-8deg) scale(.8); } 25% { opacity: 1; } 100% { opacity: 0; transform: rotate(14deg) scale(1.08); } }
@keyframes mxgBit {
  0% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(.35); }
  55% { opacity: 1; transform: translate(var(--dx), var(--dy)) rotate(calc(var(--rot) * .7)) scale(1); }
  100% { opacity: 0; transform: translate(calc(var(--dx) * 1.12), calc(var(--dy) + 110px)) rotate(var(--rot)) scale(.85); }
}
@keyframes mxgStatusPulse { 0% { opacity: 0; } 22% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mxgShake { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-7px) rotate(-.4deg); } 45% { transform: translateX(6px) rotate(.35deg); } 70% { transform: translateX(-3px); } }
@keyframes mxgBoomFlash { 0% { filter: brightness(1.9) saturate(1.2); box-shadow: inset 0 3px 8px rgba(0, 0, 0, .45), 0 0 0 3px rgba(255, 77, 94, .95), 0 0 46px rgba(255, 90, 50, .9); } 100% { filter: none; } }
@keyframes mxgBalanceWin { 0% { transform: scale(1); } 30% { transform: scale(1.06); } 100% { transform: scale(1); } }

@keyframes mxgOreIn { 0% { scale: .35; rotate: -12deg; opacity: 0; } 55% { scale: 1.16; rotate: 4deg; opacity: 1; } 100% { scale: 1; rotate: 0deg; opacity: 1; } }
@keyframes mxgRollIn { 0% { translate: 0 -34%; opacity: 0; filter: blur(6px); } 60% { translate: 0 6%; opacity: 1; filter: blur(0); } 100% { translate: 0 0; opacity: 1; filter: blur(0); } }
@keyframes mxgBallSettle { 0% { translate: 0 0; } 35% { translate: 0 -4px; } 60% { translate: 0 0; } 80% { translate: 0 -1.5px; } 100% { translate: 0 0; } }
@keyframes mxgHitBump { 0% { scale: 1; } 40% { scale: 1.18; } 100% { scale: 1; } }
@media all {
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .mx-fx-plate {
    animation-name: mxgPlateIn;
    animation-duration: .46s;
    animation-timing-function: var(--mx-ease);
    animation-fill-mode: both;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .mx-fx-glow {
    animation-name: mxgGlow;
    animation-duration: 2.6s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .mx-fx-layer.is-big .mx-fx-glow { animation-duration: 3.4s; }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .mx-fx-rays {
    animation-name: mxgRays;
    animation-duration: 2.8s;
    animation-timing-function: var(--mx-ease);
    animation-fill-mode: both;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .mx-fx-bit {
    animation-name: mxgBit;
    animation-duration: 1.1s;
    animation-delay: var(--delay, 0ms);
    animation-timing-function: cubic-bezier(.16, .72, .3, 1);
    animation-fill-mode: both;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay #gameStatus[data-mx-fx]::after {
    animation-name: mxgStatusPulse;
    animation-duration: 1.1s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay #gameBoard:is(.shake-anim, .mx-shake) > .tc-stage-content {
    animation-name: mxgShake;
    animation-duration: .38s;
    animation-timing-function: ease-out;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay #gameBoard.mx-shake .tile.boom {
    animation-name: mxgBoomFlash !important;
    animation-duration: .5s !important;
    animation-timing-function: ease-out !important;
    animation-iteration-count: 1 !important;
  }
  /* Spielzüge: nur das Neue bewegt sich (Markierungen aus game-studio.js / playworld.js) */
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .theme-mines .tile.studio-tile-reveal > svg {
    animation-name: mxgOreIn !important;
    animation-duration: .42s !important;
    animation-timing-function: var(--mx-ease) !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: both !important;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .theme-dice .dice-roll.tc-eye-arrival {
    animation-name: mxgRollIn !important;
    animation-duration: .46s !important;
    animation-timing-function: var(--mx-ease) !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: both !important;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .theme-roulette .ball.settled > i {
    animation-name: mxgBallSettle;
    animation-duration: .42s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay .theme-slots .slot-cell.hit.tc-ore-arrival > .block {
    animation-name: mxgHitBump;
    animation-duration: .5s;
    animation-timing-function: var(--mx-ease-spring);
    animation-iteration-count: 1;
  }
  body.tc-redesign.tc-max:not(.tc-reduced-motion) #gameOverlay #tableBalance.balance-win-pulse {
    animation-name: mxgBalanceWin !important;
    animation-duration: .6s !important;
    animation-timing-function: var(--mx-ease-spring) !important;
    animation-iteration-count: 1 !important;
  }
}
/* Reduzierte Bewegung: Tafel steht einfach da, Status zeigt die Farbe ohne Puls. */
body.tc-redesign.tc-max.tc-reduced-motion #gameOverlay .mx-fx-layer.is-out,
body.tc-redesign.tc-max.tc-reduced-motion #gameOverlay .mx-fx-rays { transition: none; }
@media not all {
  body.tc-redesign.tc-max #gameOverlay .mx-fx-layer.is-out { transition: none; }
  body.tc-redesign.tc-max #gameOverlay .mx-fx-rays { display: none; }
}
body.tc-redesign.tc-max.tc-reduced-motion #gameOverlay .mx-fx-rays { display: none; }
body.tc-redesign.tc-max.tc-page-idle #gameOverlay :is(.mx-fx-plate, .mx-fx-glow, .mx-fx-rays, .mx-fx-bit) { animation-play-state: paused !important; }

/* Reduzierte Bewegung: auch die eigenen Übergänge aus (drei IDs schlagen alle !important-Regeln oben) */
@media not all {
  body.tc-redesign.tc-max #gameOverlay :not(#mx-a):not(#mx-b),
  body.tc-redesign.tc-max #gameOverlay :not(#mx-a):not(#mx-b)::before,
  body.tc-redesign.tc-max #gameOverlay :not(#mx-a):not(#mx-b)::after { transition: none !important; }
}
body.tc-redesign.tc-max.tc-reduced-motion #gameOverlay :not(#mx-a):not(#mx-b),
body.tc-redesign.tc-max.tc-reduced-motion #gameOverlay :not(#mx-a):not(#mx-b)::before,
body.tc-redesign.tc-max.tc-reduced-motion #gameOverlay :not(#mx-a):not(#mx-b)::after { transition: none !important; }

/* Tagesbremse am Spieltisch (app.js updateBetLimits → #dailyLimitHint) */
#gameOverlay .mx-daily-hint {
  margin: 4px 0 6px;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--mx-text-2, #cbd5e1);
}
#gameOverlay .mx-daily-hint.is-blocked {
  padding: 6px 10px;
  border: 1px solid rgba(255, 201, 60, .45);
  border-radius: 8px;
  background: rgba(255, 201, 60, .10);
  color: var(--mx-gold-hi, #ffe08a);
  font-weight: 600;
}
#gameOverlay .mx-daily-hint[hidden] { display: none !important; }
/* Mobil ist .bet „display: contents“ (Raster input/start/chips/opts) – Hinweis über die volle Breite */
body.tc-redesign.tc-max #gameOverlay #betRow .mx-daily-hint { grid-column: 1 / -1; margin: 0; }
