/* Cosmetic styling never replaces the mint turn marker or gold leader marker. */
.frame-deco {--frame-edge:#d3b770;--frame-surface:#18252f;--frame-ink:#f5df9b;--frame-detail:repeating-linear-gradient(135deg,transparent 0 8px,#bfa56317 8px 9px)}
.frame-velvet {--frame-edge:#c78b9d;--frame-surface:#3b2232;--frame-ink:#ffd9e3;--frame-detail:linear-gradient(120deg,#b95e7929,transparent)}
.frame-silver {--frame-edge:#bfced8;--frame-surface:#28333c;--frame-ink:#f0f5ff;--frame-detail:linear-gradient(150deg,#e4f1ff26,transparent 60%)}
.frame-neon {--frame-edge:#b39be5;--frame-surface:#282239;--frame-ink:#e6d9ff;--frame-detail:repeating-linear-gradient(90deg,transparent 0 9px,#b19af017 9px 10px)}
.frame-copper {--frame-edge:#d29869;--frame-surface:#332820;--frame-ink:#ffe0b9;--frame-detail:linear-gradient(135deg,#d5a06f22,transparent)}
:is(.seat,.cosmetic-nameplate)[class*="frame-"]:not(.frame-classic) .seat-info {border-color:var(--frame-edge);background:var(--frame-detail),var(--frame-surface);box-shadow:inset 0 0 0 2px #0003,0 3px #111b1e}
:is(.seat,.cosmetic-nameplate)[class*="frame-"]:not(.frame-classic) .seat-name {color:var(--frame-ink)}
.seat.chip-leader[class*="frame-"] .seat-info {border-color:#ffe38c;box-shadow:0 0 0 1px #b88933,0 0 15px #ffc84d4a}
.seat.active[class*="frame-"] .seat-info {border-color:#b6ffe2;background:#123f35;box-shadow:0 0 0 3px #56dba87a,0 0 20px #54d9a970}
.seat.active[class*="frame-"] .seat-name {color:#f2fff8}
.cosmetic-nameplate {width:100%;max-width:135px}.cosmetic-nameplate .seat-info {width:100%;padding:9px 6px}.cosmetic-nameplate .seat-name{font-size:12px}.cosmetic-nameplate .seat-stack{font-size:17px}
.shop-tabs {overflow-x:auto;scrollbar-width:thin;flex-wrap:wrap}.shop-tabs button {flex-shrink:0;white-space:nowrap}
:root[data-cardback=deco],.back-deco {--back-dark:#142d3a;--back-light:#8c7949;--back-center:#142d3a;--back-symbol:'◆';--back-pattern:repeating-conic-gradient(#a08a4e 0 25%,#173743 0 50%) 0/10px 10px}
:root[data-cardback=sakura],.back-sakura {--back-dark:#583047;--back-light:#a56e83;--back-center:#583047;--back-symbol:'♥'}
:root[data-cardback=moon],.back-moon {--back-dark:#30274d;--back-light:#6b5a91;--back-center:#30274d;--back-symbol:'☾';--back-pattern:radial-gradient(#b5a1dc 1px,transparent 1px) 0/7px 7px,#30274d}
:root[data-cardback=copper],.back-copper {--back-dark:#442f27;--back-light:#996543;--back-center:#442f27;--back-symbol:'◉'}
:root[data-cardback=ice],.back-ice {--back-dark:#284754;--back-light:#8cbdcd;--back-center:#284754;--back-symbol:'✧';--back-pattern:repeating-conic-gradient(#537d8a 0 25%,#9bc6d1 0 50%) 0/8px 8px}
:root[data-cardback=cherry],.back-cherry {--back-dark:#49232d;--back-light:#a54655;--back-center:#49232d;--back-symbol:'♣';--back-pattern:repeating-linear-gradient(90deg,#49232d 0 4px,#a54655 4px 6px)}
.card.back {background:var(--back-pattern,repeating-linear-gradient(45deg,var(--back-dark) 0 3px,var(--back-light) 3px 5px))}.card.back:after{content:var(--back-symbol,'♠');background:var(--back-center)}
/* Each online player brings their own back. Reset inherited preview patterns. */
:is(.seat,.shop-preview) :is(.back-classic,.back-burgundy,.back-emerald,.back-gold),.seat:is(.back-classic,.back-burgundy,.back-emerald,.back-gold){--back-pattern:repeating-linear-gradient(45deg,var(--back-dark) 0 3px,var(--back-light) 3px 5px);--back-symbol:'♠'}
.nameplate-nightowl{color:#d4c0ff}.nameplate-smoothoperator{color:#e8c79c}.nameplate-luckypaws{color:#a8ddbd}.nameplate-velvetpaw{color:#efb6cd}

.back-sakura,.back-copper,:root[data-cardback=sakura],:root[data-cardback=copper]{--back-pattern:repeating-linear-gradient(45deg,var(--back-dark) 0 3px,var(--back-light) 3px 5px)}