/* One readable face system; per-game backs share the Sun City sun medallion. */
:root{--sc-card-back:url('/cards/sun-city-texas-back.webp');--sc-card-accent:#8f643e;--sc-card-paper:#fffdf6}
[data-card-theme="baccarat"],.baccarat-stage,#game-dialog[data-game="baccarat"]{--sc-card-back:url('/cards/sun-city-baccarat-back.webp');--sc-card-accent:#68866a;--sc-card-paper:#fffdf3}
[data-card-theme="blackjack"]{--sc-card-back:url('/cards/sun-city-blackjack-back.webp');--sc-card-accent:#627d99;--sc-card-paper:#fcfdff}
[data-card-theme="texas"],#game-dialog[data-game="poker"]{--sc-card-back:url('/cards/sun-city-texas-back.webp');--sc-card-accent:#a17460;--sc-card-paper:#fffaf1}
.game-dialog .poker-card.sc-card{position:relative;padding:0;background:var(--sc-card-paper);border:1px solid #e9dbb8;overflow:hidden;box-shadow:0 3px 6px #0005}
.game-dialog .poker-card.sc-card.empty-card{background:#0b211733;border:1px dashed #a5b29866;box-shadow:none}
.game-dialog .poker-card.sc-card.covered{background:#10261e;border-color:#d3bb80}
.poker-card.sc-card>.sc-card-face,.sc-card-front>.sc-card-face{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;border-radius:inherit}
.sc-card-face{color:#182a26;fill:currentColor;font-family:Arial,"Noto Sans",sans-serif}
.sc-card-face.sc-red{color:#b72f3a}
.sc-card-face .sc-face-field{fill:var(--sc-card-paper)}
.sc-card-face .sc-face-keyline{fill:none;stroke:var(--sc-card-accent);stroke-width:.7;opacity:.48}
.sc-card-face .sc-index{font-size:32px;font-weight:700;letter-spacing:-1.5px}
.sc-card-face .sc-index.sc-ten{font-size:27px}
.sc-card-face .sc-pip{font-size:29px;font-family:Arial,serif}
.sc-card-face .sc-ace{font-size:78px;font-family:Arial,serif}
.sc-card-face .sc-court-frame{fill:none;stroke:var(--sc-card-accent);stroke-width:1.3;opacity:.65}
.sc-card-face .sc-court-rank{font-family:Georgia,"Times New Roman",serif;font-size:53px;font-weight:600}
.sc-card-face .sc-court-suit{font-family:Arial,serif;font-size:35px}
.sc-card-face .sc-card-brand{fill:var(--sc-card-accent);font:600 8px Arial,sans-serif;letter-spacing:1.6px}
.sc-card-face .sc-compact-suit{display:none;font:70px Arial,serif}
/* Retain existing masking and flip contracts: no visible face can show through a card back. */
.poker-card.sc-card>.poker-card-back.sc-card-back,.game-dialog .card-back.sc-card-back{position:absolute;inset:0;border:0;border-radius:inherit;background-color:#10281f;background-image:var(--sc-card-back);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:inset 0 0 0 1px #d5bd83;pointer-events:none}
.poker-card.sc-card>.poker-card-back.sc-card-back{display:none;z-index:2}
.poker-card.sc-card:is(.covered,.card-masked)>.poker-card-back.sc-card-back{display:block}
.poker-card.sc-card.card-masked>.sc-card-face{visibility:hidden}
.game-dialog .card-front.sc-card-front{background:var(--sc-card-paper);border:1px solid #e7d8b9;border-radius:5px;overflow:hidden}
#baccarat-dialog .card-back.sc-card-back{border:0;background-color:#07382b;background-image:var(--sc-card-back);background-size:100% 100%;color:transparent}
#baccarat-dialog .card-front.sc-card-front{background:var(--sc-card-paper);color:#182a26}
#baccarat-dialog .dealing-shoe{font-size:0;background:var(--sc-card-back) center/100% 100% no-repeat;border:1px solid #d8be7e;box-shadow:2px 0 0 #c6c1a0,4px 0 0 #173b2c}
.game-dialog .shuffle-packet i,.game-dialog .deal-packet i{font-size:0;color:transparent;background:var(--sc-card-back) center/100% 100% no-repeat;border:1px solid #d7bd83}
/* Distant opponents and crowded Omaha hands use rank + one suit, never unreadable micro-pips. */
:is(#multi-table,#pvp-table) .concept-seat.opponent .sc-pips,
:is(#multi-table,#pvp-table) .concept-seat.opponent .sc-bottom,
:is(#multi-table,#pvp-table) .concept-seat.opponent .sc-card-brand,
:is(#multi-table,#pvp-table) .south .poker-hole:has(.poker-card:nth-child(4)) .sc-pips,
:is(#multi-table,#pvp-table) .south .poker-hole:has(.poker-card:nth-child(4)) .sc-bottom,
:is(#multi-table,#pvp-table) .south .poker-hole:has(.poker-card:nth-child(4)) .sc-card-brand{display:none}
:is(#multi-table,#pvp-table) .concept-seat.opponent .sc-index,
:is(#multi-table,#pvp-table) .south .poker-hole:has(.poker-card:nth-child(4)) .sc-index{font-size:49px;transform:translate(10px,14px)}
:is(#multi-table,#pvp-table) .concept-seat.opponent .sc-compact-suit,
:is(#multi-table,#pvp-table) .south .poker-hole:has(.poker-card:nth-child(4)) .sc-compact-suit{display:block}
.mini-bac-cards .poker-card.sc-card{width:35px;height:51px;flex:0 0 35px;border:1px solid #dcc99d;border-radius:4px;box-shadow:0 3px 8px #0005}
.mini-bac-cards .poker-card-back.sc-card-back{width:100%;height:100%;margin:0;transform:none}
.mini-bac-cards .poker-card.sc-card:first-child{transform:rotate(-9deg)}.mini-bac-cards .poker-card.sc-card:last-child{transform:rotate(8deg)}
:is(#multi-table,#pvp-table) .concept-seat.opponent .sc-index.sc-ten,
:is(#multi-table,#pvp-table) .south .poker-hole:has(.poker-card:nth-child(4)) .sc-index.sc-ten{font-size:40px}
@media(max-width:760px){
 /* Keep the corners readable at the existing mobile card sizes. */
 .game-dialog .sc-card-face .sc-index{font-size:34px}
 .game-dialog .sc-card-face .sc-index.sc-ten{font-size:27px}
 .game-dialog .sc-card-face .sc-card-brand{font-size:7px;letter-spacing:1px}
 .game-dialog .bj-hand .poker-hole:has(.poker-card:nth-child(6)) .sc-pips,
 .game-dialog .bj-hand .poker-hole:has(.poker-card:nth-child(6)) .sc-bottom,
 .game-dialog .bj-hand .poker-hole:has(.poker-card:nth-child(6)) .sc-card-brand{display:none}
 .game-dialog .bj-hand .poker-hole:has(.poker-card:nth-child(6)) .sc-compact-suit{display:block}
 :is(#multi-table,#pvp-table) .concept-seat.opponent .sc-index,
 :is(#multi-table,#pvp-table) .south .poker-hole:has(.poker-card:nth-child(4)) .sc-index{font-size:49px}
}