/* Secret-choice games (choice-games.js / table-choice.js): a dark lounge table. */
body[data-game="lowestunique"] #felt, body[data-game="splitsteal"] #felt, body[data-game="twothirds"] #felt, body[data-game="vulturebids"] #felt, body[data-game="treasurerun"] #felt, body[data-game="ticker"] #felt, body[data-game="galaauction"] #felt, body[data-game="threefronts"] #felt, body[data-game="lemonade"] #felt, body[data-game="fishpond"] #felt, body[data-game="mysteryboxes"] #felt, body[data-game="standoff"] #felt { background: radial-gradient(ellipse 60% 45% at 50% 40%, rgba(255, 220, 160, .07), transparent 70%), radial-gradient(ellipse 120% 100% at 50% 50%, #2e2a3e 0%, #1a1726 55%, #08070d 100%); }
.ch-dot { display: inline-block; width: 1.2vmin; height: 1.2vmin; border-radius: 50%; vertical-align: middle; margin: 0 .3vmin; }
.ch-grid { display: grid; grid-template-columns: repeat(10, 7vmin); gap: .6vmin; }
.ch-grid span { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 7vmin; padding: .4vmin; border-radius: 1vmin; background: rgba(0, 0, 0, .3); font-family: var(--num); color: var(--mute); }
.ch-grid span b { font-weight: 400; font-size: 2.2vmin; }
.ch-grid span.dup { background: rgba(200, 60, 60, .25); }
.ch-grid span.uniq { background: rgba(80, 160, 90, .25); color: var(--ivory); }
.ch-grid span.win { box-shadow: 0 0 0 .3vmin #ffd070; background: rgba(255, 210, 112, .3); }
.ch-pairs { display: flex; flex-direction: column; gap: 1vmin; }
.ch-pair { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2vmin; padding: 1vmin 2vmin; border-radius: 1.4vmin; background: rgba(0, 0, 0, .3); font-family: var(--ui); font-size: 2vmin; color: var(--ivory); }
.ch-pair span { display: flex; align-items: center; gap: 1vmin; }
.ch-pair span:last-child { justify-content: flex-end; }
.ch-pair em { font-style: normal; font-family: var(--num); font-size: 4vmin; color: #ffd070; }
.ch-pair b.split { color: #9fe8a8; } .ch-pair b.steal { color: #ff8a8a; }
.ch-line { position: relative; width: 80vmin; height: 12vmin; margin: 4vmin 0 2vmin; border-bottom: .3vmin solid var(--gold-ink); }
.ch-line span { position: absolute; bottom: 1vmin; transform: translateX(-50%); min-width: 3.6vmin; padding: .3vmin .6vmin; border-radius: 99px; font-family: var(--num); font-size: 1.6vmin; color: #fff; text-align: center; }
.ch-line span.win { box-shadow: 0 0 0 .3vmin #ffd070; z-index: 1; }
.ch-line i { position: absolute; top: -3vmin; bottom: 0; width: .3vmin; font-style: normal; }
.ch-line i.tgt { background: #ffd070; } .ch-line i.avg { background: rgba(255, 255, 255, .35); }
.ch-line i small { position: absolute; top: -2.4vmin; left: 50%; transform: translateX(-50%); white-space: nowrap; font-family: var(--ui); font-size: 1.5vmin; color: var(--ivory); }
.ch-prize { display: flex; flex-direction: column; align-items: center; min-width: 22vmin; padding: 2vmin 3vmin; border-radius: 1.6vmin; background: linear-gradient(170deg, #fffaf0, #efe4cc); color: #2a2320; font-family: var(--display); font-weight: 700; font-size: 7vmin; box-shadow: 0 1.6vmin 3vmin rgba(0, 0, 0, .5); }
.ch-prize.bad { background: linear-gradient(170deg, #ffd8d0, #e8a898); color: #6a1a14; }
.ch-prize small { font-family: var(--ui); font-weight: 600; font-size: 1.7vmin; color: #7a6a4a; }
.ch-cards { display: flex; flex-wrap: wrap; gap: 1vmin; justify-content: center; }
.ch-cards span { display: flex; flex-direction: column; align-items: center; gap: .3vmin; min-width: 9vmin; padding: 1vmin; border-radius: 1vmin; background: #fbf6ea; color: #2a2320; font-family: var(--ui); font-size: 1.5vmin; box-shadow: 0 .8vmin 1.6vmin rgba(0, 0, 0, .4); }
.ch-cards span b { font-family: var(--num); font-weight: 400; font-size: 4vmin; }
.ch-cards span.win { box-shadow: 0 0 0 .4vmin #ffd070, 0 .8vmin 1.6vmin rgba(0, 0, 0, .4); }
.ch-cards span.tie { opacity: .45; text-decoration: line-through; }
.ch-cards span.loot b { font-size: 2.6vmin; }
.ch-path { display: flex; flex-wrap: wrap; gap: .8vmin; justify-content: center; max-width: 86vmin; }
.ch-path span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 8vmin; height: 10vmin; border-radius: 1vmin; background: #2a3e4e; color: #bfe8ff; font-family: var(--ui); font-weight: 800; font-size: 2.2vmin; box-shadow: inset 0 0 0 .14vmin rgba(255, 255, 255, .15); }
.ch-path span.hz { background: #4e2a2a; font-size: 4.4vmin; }
.ch-path span.new { animation: trPop .4s; box-shadow: 0 0 0 .3vmin #ffd070; }
.ch-path small { font-size: 1.2vmin; color: #ffd070; }
.ch-crew { display: flex; flex-wrap: wrap; gap: .8vmin; justify-content: center; }
.ch-crew span { display: flex; align-items: center; gap: .6vmin; padding: .6vmin 1.4vmin; border-radius: 99px; background: rgba(0, 0, 0, .3); font-family: var(--ui); font-size: 1.7vmin; color: var(--mute); }
.ch-crew span.in { color: var(--ivory); box-shadow: inset 0 0 0 .2vmin #6ad0ff; }
.ch-crew span.hit { color: #ffa898; box-shadow: inset 0 0 0 .2vmin #ff6a5a; }
.ch-crew small { color: var(--gold-ink); }
.ch-stocks { border-collapse: collapse; font-family: var(--ui); color: var(--ivory); }
.ch-stocks td { padding: .8vmin 1.6vmin; border-bottom: .14vmin solid rgba(255, 255, 255, .08); font-size: 2vmin; }
.ch-stocks td small { display: block; font-size: 1.3vmin; color: var(--mute); }
.ch-stocks td.p { font-family: var(--num); font-size: 3.4vmin; }
.ch-stocks td.up { color: #9fe8a8; } .ch-stocks td.down { color: #ffa898; }
.ch-spark { width: 18vmin; height: 5vmin; } .ch-spark polyline { fill: none; stroke: #ffd070; stroke-width: 2; }
.ch-fronts { border-collapse: collapse; font-family: var(--ui); color: var(--ivory); font-size: 1.8vmin; }
.ch-fronts th, .ch-fronts td { padding: .6vmin 1.4vmin; text-align: left; } .ch-fronts th { font-size: 3vmin; }
.ch-fronts td b { margin-left: .6vmin; font-family: var(--num); color: #ffd070; } .ch-fronts td.b { font-family: var(--num); font-size: 3vmin; color: #9fe8a8; }
.ch-stands { display: flex; flex-wrap: wrap; gap: 1vmin; justify-content: center; }
.ch-stands span { display: flex; flex-direction: column; align-items: center; gap: .3vmin; padding: 1.2vmin 1.6vmin; border-radius: 1.2vmin; background: #fff4c8; color: #4a3a10; font-family: var(--ui); font-size: 1.6vmin; }
.ch-stands b { font-size: 1.8vmin; } .ch-stands small.up { color: #1f7a3a; font-weight: 800; } .ch-stands small.down { color: #a8232a; font-weight: 800; }
.ch-pond { position: relative; width: 60vmin; min-height: 18vmin; padding: 2vmin; border-radius: 50%; background: radial-gradient(ellipse, #2a7aaa, #124a6a 70%, #0a2a3a); font-size: 3vmin; line-height: 1.3; text-align: center; box-shadow: 0 0 0 .6vmin #3a5a2a, 0 1.6vmin 3vmin rgba(0, 0, 0, .5); }
.ch-pond b { display: block; font-family: var(--num); font-weight: 400; font-size: 5vmin; color: #fff; }
.ch-pond.dead { background: radial-gradient(ellipse, #5a4a3a, #2a2018 70%); }
.ch-boxes { display: flex; gap: 3vmin; }
.ch-boxes span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 18vmin; height: 18vmin; border-radius: 1.6vmin; background: linear-gradient(160deg, #b8323a, #7a1a24); font-size: 8vmin; color: #fff; box-shadow: 0 1.6vmin 3vmin rgba(0, 0, 0, .5); }
.ch-boxes span em { font-style: normal; font-family: var(--ui); font-weight: 800; font-size: 2vmin; }
.ch-boxes span.open { background: linear-gradient(160deg, #fffaf0, #efe4cc); color: #2a2320; }
.ch-boxes span b { font-family: var(--num); font-weight: 400; font-size: 7vmin; }
.ch-boxes span small { font-family: var(--ui); font-size: 1.3vmin; text-align: center; }
.ch-aims { display: flex; flex-direction: column; gap: .6vmin; font-family: var(--ui); font-size: 2.2vmin; color: var(--ivory); text-align: center; }
.ch-aims .bang { color: #ffa898; }
.pp-opts.cards .pp-opt.vb-card span { font-size: 26px; }
.pp-opts.cards .pp-opt.vb-card.money { background: linear-gradient(170deg, #e8f4d8, #c8e0b0); }