/* TOGETHER POKER / Navy & Silver.
 * Classic Gold becomes this skin's default; other saved table themes retain
 * their original palette and continue to use the shared settings controller.
 * Paint only: shared layout retains all coordinates, dimensions and hit areas.
 * The existing #app ancestry gives these rules precedence over legacy paint;
 * no duplicated class selectors or global Cheese overrides are needed.
 */
html[data-site-skin="together"] body.holdem-eight-layout:is(:not([data-user-table-theme]),[data-user-table-theme="classic_gold"]) {
  --black-gold-skin-base-hi: #192a42 !important;
  --black-gold-skin-base-mid: #101c2f !important;
  --black-gold-skin-base-low: #080f1c !important;
  --black-gold-skin-crust-hi: #d0dce6 !important;
  --black-gold-skin-crust-mid: #8b9ead !important;
  --black-gold-skin-crust-low: #384f68 !important;
  --black-gold-skin-felt-hi: #213d56 !important;
  --black-gold-skin-felt-mid: #132b41 !important;
  --black-gold-skin-felt-low: #0d1c2d !important;
  --black-gold-skin-felt-border: #9fb6c373 !important;
  --black-gold-skin-crust-ring: #c2ddf33a !important;
  --black-gold-skin-felt-inner-shadow: #0009 !important;
  --black-gold-skin-crust-glint: #cfeaff35 !important;
}
html[data-site-skin="together"] #app #tableView #eightToolSceneBridge,
html[data-site-skin="together"] #app #tableView #pokerGameViewport,
html[data-site-skin="together"] #app #tableView #actionPanel {
  background-color: var(--black-gold-skin-base-low,#080f1c) !important;
}
html[data-site-skin="together"] #app #tableView #actionPanel,
html[data-site-skin="together"] #app #tableView #actionPanel::before {background: var(--black-gold-skin-base-low,#080f1c) !important;}

/* Flashing white plaques, fold dimming, wins/losses and all-in states keep
 * their shared semantic paint. Only ordinary plaques use the new panels. */
html[data-site-skin="together"] #app #tableView :is(#seats,#seatGhosts) .seat:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .name-pill:not([data-action-timer-phase="flash"]):not(.is-winner):not(.is-loser),
html[data-site-skin="together"] #app #tableView #hero:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .hero-nameplate:not([data-action-timer-phase="flash"]):not(.is-winner):not(.is-loser) {
  background: linear-gradient(#26344b,#152136) !important;
  border-color: #839bb1 !important;
  color: #e6f1ff !important;
  box-shadow: inset 0 1px 0 #b9dfff22,0 3px 6px #0005 !important;
}
html[data-site-skin="together"] #app #tableView :is(#seats,#seatGhosts) .seat:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .name-pill:not([data-action-timer-phase="flash"]) :is(.name,.chips),
html[data-site-skin="together"] #app #tableView #hero:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .hero-nameplate:not([data-action-timer-phase="flash"]) :is(.name,.chips) {
  color: #e9f3ff !important;
  border-color: #9cb9db22 !important;
}
html[data-site-skin="together"] #app #tableView #blindInfoPanel {color: #9eb2c7 !important;}
html[data-site-skin="together"] #app #tableView .community-slot {border-color: #8aa6c35c !important;}
html[data-site-skin="together"] #app #tableView .dealer-marker {
  background: linear-gradient(#ecf3fa,#aec2d4) !important;
  border-color: #849bb1 !important;
  color: #22344c !important;
}

/* Regular buttons change finish; armed CHECK/FOLD, CHECK, ALL-IN, disabled
 * opacity and all button/confirmation behavior remain under shared controls. */
html[data-site-skin="together"] #app #tableView #actionButtons > button:not(.ab-allin):not(.is-allin):not(.ab-check-now):not(.is-armed):not(.ab-preaction) {
  background: linear-gradient(#293a52,#162337) !important;
  border-color: #8699b1 !important;
  color: #edf3ff !important;
}
html[data-site-skin="together"] #app #tableView #actionButtons > button:not(.ab-allin):not(.is-allin):not(.ab-check-now):not(.is-armed):not(.ab-preaction) :is(.ab-label,.ab-amount) {color: #edf3ff !important;}
html[data-site-skin="together"] #app #tableView #actionButtons #btnRaise:not(.ab-allin):not(.is-allin) {
  background: linear-gradient(#8c9fff,#5875ed) !important;
  border-color: #aabaff !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 #fff5,0 3px 9px #0005 !important;
}
html[data-site-skin="together"] #app #tableView #actionButtons #btnRaise:not(.ab-allin):not(.is-allin) :is(.ab-label,.ab-amount) {color: #f6f8ff !important;}
html[data-site-skin="together"] body #eightToolToggleBtn {
  background: #122038 !important;
  color: #b6cbed !important;
  border-color: #5d7899 !important;
  box-shadow: inset 0 1px 0 #d8eaff22 !important;
}

html[data-site-skin="together"] body #eightToolToggleBtn[aria-expanded="true"] {background: #26446e !important; border-color: #cadbff !important;}

/* A presentation marker is applied only to the six exact built-in sources.
 * The original img src/identity and every custom or generated image survive. */
html[data-site-skin="together"] #app #tableView :is(#seats,#seatGhosts,#hero) .avatar[data-together-human] {
  background-image: var(--together-human-image) !important;
  background-size: 120% auto !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 3px 2px #0007) !important;
}
html[data-site-skin="together"] #app #tableView :is(#seats,#seatGhosts,#hero) .avatar[data-together-human] > img {visibility: hidden !important;}
html[data-site-skin="together"] [data-together-human="01"] {--together-human-image: url("assets/avatars/human-01.webp");}
html[data-site-skin="together"] [data-together-human="02"] {--together-human-image: url("assets/avatars/human-02.webp");}
html[data-site-skin="together"] [data-together-human="03"] {--together-human-image: url("assets/avatars/human-03.webp");}
html[data-site-skin="together"] [data-together-human="04"] {--together-human-image: url("assets/avatars/human-04.webp");}
html[data-site-skin="together"] [data-together-human="05"] {--together-human-image: url("assets/avatars/human-05.webp");}
html[data-site-skin="together"] [data-together-human="06"] {--together-human-image: url("assets/avatars/human-06.webp");}

/* The card face, dimensions, rotations, reveal/fold and showdown stay shared. */
html[data-site-skin="together"] body:is(:not([data-card-back-skin]),[data-card-back-skin="back_123game_black_gold"]) #app #tableView :is(#seats,#seatGhosts,#hero) .card.hidden-card {
  background: url("assets/chips/card-back.svg") center / 100% 100% no-repeat !important;
  border-color: #9db3ce !important;
}
html[data-site-skin="together"] body:is(:not([data-card-back-skin]),[data-card-back-skin="back_123game_black_gold"]) #app #tableView :is(#seats,#seatGhosts,#hero) .card.hidden-card::before,
html[data-site-skin="together"] body:is(:not([data-card-back-skin]),[data-card-back-skin="back_123game_black_gold"]) #app #tableView :is(#seats,#seatGhosts,#hero) .card.hidden-card::after {content: none !important; background: none !important;}

/* Repaint the existing four stages without changing icon boxes or amounts. */
html[data-site-skin="together"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack {background: url("assets/chips/chip-stage-1.svg") center / contain no-repeat !important;}
html[data-site-skin="together"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack[data-chip-count="2"] {background-image: url("assets/chips/chip-stage-2.svg") !important;}
html[data-site-skin="together"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack[data-chip-count="3"] {background-image: url("assets/chips/chip-stage-3.svg") !important;}
html[data-site-skin="together"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack[data-chip-count="4"] {background-image: url("assets/chips/chip-stage-4.svg") !important;}
html[data-site-skin="together"] #app #tableView #centralBetPool .bet-chip-stack {background: url("assets/chips/pot-stage-1.svg") center / contain no-repeat !important;}
html[data-site-skin="together"] #app #tableView #centralBetPool[data-pot-pile-stage="2"] .bet-chip-stack {background-image: url("assets/chips/pot-stage-2.svg") !important;}
html[data-site-skin="together"] #app #tableView #centralBetPool[data-pot-pile-stage="3"] .bet-chip-stack {background-image: url("assets/chips/pot-stage-3.svg") !important;}
html[data-site-skin="together"] #app #tableView #centralBetPool[data-pot-pile-stage="4"] .bet-chip-stack {background-image: url("assets/chips/pot-stage-4.svg") !important;}
html[data-site-skin="together"] #app #tableView #betChipLayer .bet-chip-stack > * {visibility: hidden !important;}