/* Shared table palette. Colors only: seat geometry and game state remain unchanged. */
body:is(.mobile-game-active,.desktop-game-active) {
 --bg-card:#171e20;--card-surface:#101618;--gold-light:#dbc695;
 --text-primary:#eeede7;--text-secondary:#b7b9b4;--text-muted:#8c9691;
 --felt-hi:#294758;--felt-mid:#254252;--felt-primary:#203b4b;--felt-secondary:#192e3d;
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen {background:radial-gradient(ellipse at 50% 38%,#172a3a,#0e1b29 78%)}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .table-header {background:#0b0f11;border-color:#ffffff0c}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .poker-table {background:radial-gradient(ellipse at 50% 42%,#2b495a 0%,#233e4f 60%,#1b3242 100%)}
body.desktop-game-active #table-screen .table-rail {background:linear-gradient(180deg,#3b4248,#252c33);border-color:#59616a;box-shadow:0 18px 40px #0006,inset 0 1px 0 #ffffff14}
body.desktop-game-active #table-screen .table-rail::before,body.desktop-game-active #table-screen .table-rail::after {background:none;border-color:#ffffff12}
body.mobile-game-active #table-screen .poker-table {box-shadow:0 0 0 6px #252f38,0 0 0 9px #49535c,0 12px 32px #0005,inset 0 0 45px #0003}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.player-info-box,.mobile-opp-strip,.mobile-me-strip,.mobile-extra-strip,.mobile-extra-mini) {background:#171e20!important;border-color:#797c70!important;box-shadow:0 4px 12px #0004}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.player-info-box.active-turn,.mobile-me-strip.active-turn,.mobile-opp-strip.active-turn,.mobile-extra-strip.active-turn,.mobile-extra-mini.active-turn) {border-color:#e0bf7d!important;box-shadow:0 0 0 1px #e0bf7d55,0 4px 14px #0004}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.p-name,.mobile-opp-name,.mobile-me-name,.mobile-extra-name,.mobile-extra-mini-name) {color:#eeede7}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.p-stack:not(.p-stack-low):not(.p-stack-crit):not(.p-stack-allin),.mobile-opp-stack,.mobile-me-stack,.mobile-extra-stack,.mobile-extra-mini-stack):not(.p-stack-away) {color:#dbc695;text-shadow:none}   /* not Sitting out (style.css .p-stack-away) */
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.mobile-extra-avatar,.mobile-extra-mini-avatar,.mobile-opp-avatar,.mobile-me-avatar) {border-color:#a99b7e}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.pot-chips-amount,.bet-stack-amount) {background:#0e241e;color:#ead8ad;border-color:#557365;box-shadow:0 2px 5px #0003;text-shadow:none}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .bottom-zone {background:#101618;border-color:#ffffff0c}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.action-main,.bottom-zone-log) {background:#11191c;border-color:#515950;box-shadow:none}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-fold {background:#182125;border-color:#46504d;color:#c8ccc5;box-shadow:none}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-check {background:#253c34;border-color:#526b59;color:#eeede7;box-shadow:inset 0 1px 0 #ffffff0a}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-bet {background:linear-gradient(180deg,#d7b777,#b99557);border-color:#ecd29a;color:#24221e;box-shadow:inset 0 1px 0 #ffffff20}
body:is(.mobile-game-active,.desktop-game-active) #table-screen #sizing-row :is(.btn-quick,.bet-input) {background:#182125;border-color:#394541;color:#c8ccc5;box-shadow:none}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-check:hover:not(:disabled) {background:#345344}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-bet:hover:not(:disabled) {background:#e2c78f}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.btn-fold,.btn-quick):hover:not(:disabled) {background:#2c3938}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .action-panel :is(button,input):focus-visible {outline-color:#dbc695}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .pot-total {background:#102820;border-color:#688272;color:#ead8ad;box-shadow:0 3px 9px #0004}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .player-info-box {backdrop-filter:none;-webkit-backdrop-filter:none}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .bet-slider::-webkit-slider-thumb {background:#d7b777;border-color:#efdbab}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .bet-slider::-moz-range-thumb {background:#d7b777;border-color:#efdbab}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .table-area {background:transparent}

/* The desktop command panels sit directly on the room background. */
body.desktop-game-active #table-screen .bottom-zone {background:transparent;border-top:0;box-shadow:none}

/* Your turn hasn't started yet: the new card is still landing (assets/table.js _turnStartHoldUntil). */
#table-screen.turn-pending :is(.action-btn-grid,#sizing-row,.action-btns-col) {opacity:.45;pointer-events:none;transition:opacity .15s}

/* Casino room treatment: rich felt, walnut rail, brass light, quiet charcoal UI. */
body:is(.mobile-game-active,.desktop-game-active) #table-screen {
 background:#0c0e0f url('poker-room.svg') center center / cover no-repeat;
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .table-header {
 background:linear-gradient(180deg,#080b0ded,#0e1315e8);border-bottom-color:#d7b77718;
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .poker-table {
 background-image:url('felt-grain.svg'),radial-gradient(ellipse at 48% 35%,#176746 0%,#105039 42%,#093b2b 76%,#06271f 100%);
 background-size:160px 160px,100% 100%;
 box-shadow:inset 0 0 0 2px #050f0c,inset 0 0 55px #0009,0 0 0 2px #071512;
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .poker-table::before {border-color:#b8d3a22e;box-shadow:inset 0 0 1px #d9deb33d}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .poker-table::after {color:#c3cf91;opacity:.14}
body.desktop-game-active #table-screen .table-rail {
 background:repeating-linear-gradient(3deg,#ffffff03 0 1px,#00000012 2px 3px,transparent 4px 7px),linear-gradient(180deg,#39271d,#171310 46%,#37271d);
 border-color:#201811;box-shadow:0 0 0 1px #f0d098,0 0 0 3px #845d32,0 -3px 8px #e4a24760,0 18px 40px #000b,inset 0 2px 3px #e3b5679c,inset 0 -2px 3px #000;
}
body.desktop-game-active #table-screen .table-rail::before {background:linear-gradient(115deg,#edc48335,transparent 30%,transparent 68%,#e4ae6538)}
body.mobile-game-active #table-screen .poker-table {
 box-shadow:inset 0 0 0 2px #071c14,inset 0 0 36px #0007,0 0 0 5px #201b16,0 0 0 8px #463125,0 0 0 9px #bc9658,0 0 0 11px #211a14,0 12px 28px #0009;
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.player-info-box,.mobile-opp-strip,.mobile-me-strip,.mobile-extra-strip,.mobile-extra-mini) {
 background:linear-gradient(155deg,#242a2b,#121a1d)!important;box-shadow:0 4px 12px #0008,inset 0 1px 0 #ffffff0c;
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.mobile-me-left,.mobile-opp-strip-left)::after {background:linear-gradient(155deg,#242a2b,#121a1d)}
/* Empty board slots are ghosts in the felt's own green (Shaun, 2026-10-05): no fill of their own, a dashed edge and
   skull a few shades lighter than the felt, tinted rather than white so they follow the felt's light and shade. */
body:is(.mobile-game-active,.desktop-game-active) #table-screen .community-cards .card.empty {background:transparent;border-color:#3caf7d4a;box-shadow:none}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.action-main,.bottom-zone-log) {
 background:linear-gradient(155deg,#192124f5,#0c1317f5);border-color:#8a8e7c88;box-shadow:0 8px 22px #0005,inset 0 1px 0 #ffffff08;
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .table-header .brand {color:#f2f0e8;text-shadow:0 1px 2px #000}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .table-header .brand::before {content:'';display:inline-block;width:22px;height:17px;background:#a62c25;clip-path:polygon(0 20%,25% 42%,50% 0,75% 42%,100% 20%,83% 92%,17% 92%);margin-right:9px;vertical-align:-2px}
body.mobile-game-active #table-screen {background-position:center;background-image:linear-gradient(#080c0e66,#080c0e88),url('poker-room.svg')}

/* Physical rail layers: brass lip, walnut cushion, dark inner bolster, recessed felt. */
body:is(.mobile-game-active,.desktop-game-active) #table-screen {
 background:radial-gradient(ellipse at 50% 38%,#06090788 20%,#06090bcc 100%),url('poker-room-v2-o.webp') center / cover no-repeat;
}
body.desktop-game-active #table-screen .table-rail {
 background:repeating-linear-gradient(177deg,transparent 0 3px,#e6b17a0d 4px,#08030233 5px,transparent 7px 11px),repeating-linear-gradient(2deg,#34231b 0px,#463025 3px,#271a15 6px,#37241b 10px);
 border-color:#2d1c12;
 box-shadow:0 0 0 1px #ffdf9f,0 0 0 3px #b47832,0 2px 0 5px #211811,0 15px 0 3px #100e0d,0 28px 38px #000b,inset 0 3px 2px #ffdda0b3,inset 0 -5px 6px #070504,inset 0 9px 13px #b17d3c4d;
}
body.desktop-game-active #table-screen .table-rail::before {inset:2px;border:1px solid #f4ce8a66;background:linear-gradient(135deg,#ffdc9a36,transparent 25%,transparent 65%,#ffcd7133);box-shadow:inset 0 1px 3px #ffdfa288}
body.desktop-game-active #table-screen .poker-table {
 box-shadow:0 0 0 5px #080e0c,0 0 0 9px #18211b,0 0 0 10px #716448,inset 0 0 0 2px #020c08,inset 0 12px 26px #0009,inset 0 -8px 24px #0005;
 background-image:url('felt-grain.svg'),radial-gradient(ellipse at 48% 34%,#1e704e,#11563b 42%,#083c2b 76%,#05291f);
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .poker-table::before {inset:14px;border:1px solid #c3d3a52e;box-shadow:none}
body.mobile-game-active #table-screen .poker-table {
 box-shadow:inset 0 0 0 2px #041a11,inset 0 10px 24px #0008,0 0 0 4px #101c15,0 0 0 5px #726044,0 0 0 11px #35251b,0 0 0 13px #57402b,0 0 0 14px #edc98a,0 0 0 16px #795127,0 7px 0 17px #161310,0 18px 28px #0009;
}
@media(min-width:600px) {
 body.mobile-game-active #table-screen .poker-table {box-shadow:inset 0 0 0 2px #041a11,inset 0 15px 34px #0008,0 0 0 6px #111e16,0 0 0 7px #726044,0 0 0 18px #35251b,0 0 0 21px #59402b,0 0 0 22px #edc98a,0 0 0 24px #795127,0 9px 0 25px #161310,0 24px 34px #0009}
}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.player-info-box,.mobile-opp-strip,.mobile-me-strip,.mobile-extra-strip,.mobile-extra-mini) {border-color:#aaa58c!important;box-shadow:0 4px 12px #0009,inset 0 1px 0 #e9ddba21}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.player-info-box.active-turn,.mobile-me-strip.active-turn,.mobile-opp-strip.active-turn,.mobile-extra-strip.active-turn,.mobile-extra-mini.active-turn) {border-color:#e5c47d!important;box-shadow:0 0 0 1px #e5c47d44,0 4px 12px #0009}
/* One walnut material across desktop and touch layouts. The mobile frame is
   attached to the oval itself; its rectangular sizing wrapper stays unpainted. */
body:is(.mobile-game-active,.desktop-game-active) #table-screen {
 --rail-walnut:repeating-linear-gradient(177deg,transparent 0 3px,#e6b17a0d 4px,#08030233 5px,transparent 7px 11px),repeating-linear-gradient(2deg,#34231b 0px,#463025 3px,#271a15 6px,#37241b 10px);
}
body.desktop-game-active #table-screen .table-rail {background:var(--rail-walnut)}
body.mobile-game-active #table-screen .poker-table {box-shadow:0 0 0 5px #080e0c,0 0 0 8px #18211b,0 0 0 9px #716448,0 0 0 18px #211811,0 8px 0 19px #100e0d,0 22px 32px #000b,inset 0 0 0 2px #020c08,inset 0 12px 26px #0009,inset 0 -8px 24px #0005}
body.mobile-game-active #table-screen .poker-table::before {
 inset:-18px;border-radius:50%;border:2px solid #e8bd79;padding:8px;
 background:linear-gradient(135deg,#ffdc9a55,transparent 25%,transparent 65%,#ffcd7144),var(--rail-walnut);
 box-shadow:inset 0 3px 2px #ffdda0b3,inset 0 -5px 6px #070504,inset 0 9px 13px #b17d3c4d;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 pointer-events:none;
}
/* Keep Safari's spread shadows off the un-clipped table box. Paint felt and
   rail on independently clipped ovals so their rectangular bounds stay clear. */
body.mobile-game-active #table-screen .poker-table {background:none!important;box-shadow:none!important;border:0!important;outline:none!important}
body.mobile-game-active #table-screen .poker-table::before {clip-path:ellipse(50% 50% at 50% 50%)}
body.mobile-game-active #table-screen .poker-table::after {
 content:'';inset:0;top:0;left:0;width:auto;height:auto;transform:none;border-radius:50%;opacity:1;
 background:url('felt-grain.svg') 0 0 / 160px 160px,radial-gradient(ellipse at 48% 34%,#1e704e,#11563b 42%,#083c2b 76%,#05291f);
 border:5px solid #101c15;box-sizing:border-box;box-shadow:inset 0 0 0 2px #716448,inset 0 12px 26px #0009,inset 0 -8px 24px #0005;
 clip-path:ellipse(50% 50% at 50% 50%);z-index:0;pointer-events:none;
}
/* Portrait oval with straighter side rails, shared by the felt and frame. */
@media(orientation:portrait) {
 body.mobile-game-active #table-screen .poker-table {border-radius:50% / 25%}
 body.mobile-game-active #table-screen .poker-table::before,
 body.mobile-game-active #table-screen .poker-table::after {border-radius:50% / 25%;clip-path:inset(0 round 50% / 25%)}
}

/* Charcoal, forest green and burnished gold action buttons. */
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-fold {background:linear-gradient(180deg,#202626,#0e1213);border-color:#756c53;color:#d0cec4;box-shadow:inset 0 1px 0 #ffffff13}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-check {background:linear-gradient(180deg,#244137,#10261f);border-color:#557b69;color:#f1f0e7;box-shadow:inset 0 1px 0 #ffffff17}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-bet {background:linear-gradient(180deg,#ebc985 0%,#bd965c 42%,#7d6035 100%);border-color:#e2c48b;color:#171711;box-shadow:inset 0 1px 0 #fff1cf80}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.btn-fold,.btn-check,.btn-bet) {transition:filter .15s ease,border-color .15s ease}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-fold:hover:not(:disabled) {background:linear-gradient(180deg,#202626,#0e1213);filter:brightness(1.12)}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-check:hover:not(:disabled) {background:linear-gradient(180deg,#244137,#10261f);filter:brightness(1.12)}
body:is(.mobile-game-active,.desktop-game-active) #table-screen .btn-bet:hover:not(:disabled) {background:linear-gradient(180deg,#ebc985 0%,#bd965c 42%,#7d6035 100%);filter:brightness(1.07)}
body:is(.mobile-game-active,.desktop-game-active) #table-screen :is(.btn-fold,.btn-check,.btn-bet):active:not(:disabled) {filter:brightness(.96)}

/* Match the mobile header to the control tray, with a tighter portrait height. */
body.mobile-game-active #table-screen .table-header {background:#101618;border-color:#ffffff0c;box-shadow:none}
@media (orientation:portrait) {
 body.mobile-game-active #table-screen .table-header {height:calc(44px + env(safe-area-inset-top));min-height:0}
}
/* Player Notes: a tagged player's plaque border is their note color (assets/table.js _applyNotesRing). The palette
   rules above set every plaque border with !important, which hid the color (Shaun, 2026-10-02: "their plaque wasnt
   highlighting that color"). Their turn's gold border still wins while it's their turn. */
body:is(.mobile-game-active,.desktop-game-active) #table-screen .player-info-box.has-notes-ring:not(.active-turn) {border-color:var(--notes-ring-color)!important;box-shadow:0 0 0 1px var(--notes-ring-color),0 4px 12px #0009}
/* Muck Club members get no table flair: the gold avatar ring and shimmering gold name were removed (Shaun, 2026-10-08:
   "kill the gold highlight for muck club members, i dont like it visually"). state.members still marks them. */
/* Empty board slots carry a faint skull, like the Muck GTO trainer's (assets/gto-table.css .gt-card.slot). */
body:is(.mobile-game-active,.desktop-game-active) #table-screen .community-cards .card.empty{position:relative}
/* Empty board slots: just the dashed outline, no skull (Shaun, 2026-10-06: "kill these skulls on the main game table") */

/* Sit-out / player-away screen and the Leave confirm, styled like the site's popups (Shaun, 2026-10-06: "rn its like
   old styles"): dark card, gold icon, the main action gold, the other a quiet outline. Both sit outside #table-screen. */
:is(html,#gp-a) :is(body,#gp-b) .game-dim-overlay,
:is(html,#gp-a) :is(body,#gp-b) .exit-confirm-modal {background:color-mix(in srgb,var(--muck-bg,#0b0d0e) 72%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
:is(html,#gp-a) :is(body,#gp-b) :is(.game-dim-card,.exit-confirm-card) {width:min(92vw,380px);padding:30px 28px 26px;border:1px solid var(--muck-line-strong,#4a5a5c);border-radius:16px;background:var(--muck-surface-1,#181f20);box-shadow:0 24px 80px #000a;color:var(--muck-text,#f4f1e9);font-family:var(--muck-font,Inter,system-ui,sans-serif);text-align:center}
:is(html,#gp-a) :is(body,#gp-b) :is(.game-dim-card,.exit-confirm-card) .game-dim-icon {display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:color-mix(in srgb,var(--muck-gold,#ffd34f) 12%,transparent);color:var(--muck-gold,#ffd34f);font-size:28px}
:is(html,#gp-a) :is(body,#gp-b) :is(.game-dim-title,.exit-confirm-title) {margin:0;font:800 22px/1.2 var(--muck-font,Inter,system-ui,sans-serif);letter-spacing:-.02em;color:var(--muck-text,#f4f1e9)}
:is(html,#gp-a) :is(body,#gp-b) :is(.game-dim-subtitle,.exit-confirm-sub) {margin:8px 0 0;font:500 14px/1.5 var(--muck-font,Inter,system-ui,sans-serif);color:var(--muck-text-2,#b8bec0)}
:is(html,#gp-a) :is(body,#gp-b) .game-dim-subtitle:empty {display:none}
:is(html,#gp-a) :is(body,#gp-b) :is(.game-dim-actions,.exit-confirm-actions) {display:flex;gap:10px;width:100%;align-self:stretch;margin-top:22px}
:is(html,#gp-a) :is(body,#gp-b) :is(.game-dim-actions,.exit-confirm-actions) > .btn:not(.hidden) {flex:1 1 0;min-height:48px;margin:0;padding:0 16px;border-radius:10px;font:800 15px/1 var(--muck-font,Inter,system-ui,sans-serif);letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:none;cursor:pointer;transition:filter .12s,background .12s,border-color .12s}
/* main action: Back In (sitting out) and Stay (leave confirm) are gold; leaving is the quiet one */
:is(html,#gp-a) :is(body,#gp-b) :is(#game-dim-back-in-btn,#exit-confirm-leave-btn) {border:1px solid transparent;background:var(--muck-gold-cta,#ffd34f);color:var(--muck-gold-ink,#1a1406)}
:is(html,#gp-a) :is(body,#gp-b) :is(#game-dim-back-in-btn,#exit-confirm-leave-btn):hover {filter:brightness(1.06)}
:is(html,#gp-a) :is(body,#gp-b) :is(#game-dim-exit-btn,#exit-confirm-stay-btn) {border:1px solid var(--muck-line-strong,#4a5a5c);background:var(--muck-surface-2,#20292a);color:var(--muck-text,#f4f1e9)}
:is(html,#gp-a) :is(body,#gp-b) :is(#game-dim-exit-btn,#exit-confirm-stay-btn):hover {background:#292b31;border-color:var(--muck-gold-muted,#a8904f);color:#cdb47e}
:is(html,#gp-a) :is(body,#gp-b) :is(.game-dim-actions,.exit-confirm-actions) > .btn:focus-visible {outline:2px solid var(--muck-gold,#ffd34f);outline-offset:3px}

/* "You're sitting out": the Muck Poker logo where the pause icon was (Shaun, 2026-10-09). */
.game-dim-card .game-dim-logo{display:block;width:170px;height:auto;margin:2px auto 18px}
.game-dim-card .game-dim-logo.hidden{display:none}

/* Card backs: deep crimson with a gold lattice, gold border and corner flourishes (gpt-image-2.5, 2026-10-09; Shaun: "i like
   this color scheme"; then "kill the skull and the diamond, make the hatching across the card face a bit more bright").
   assets/card-backs/crimson-lattice.webp (the skull versions, skull-crimson-1/2, are kept beside it). It's the red deck (the default); a player who
   picked another deck colour in Settings keeps theirs. */
/* The red back is drawn, not a picture, and built to stay clean tilted (Shaun, 2026-10-24: "look at theirs and look
   at mine, same fucking screen", CoinPoker beside ours): the picture's 1px gold hairlines and fine lattice broke into steps
   at the fan's 8deg on a 1x screen and went soft at card size. A thick cream rim (a real border, so it lands on whole
   pixels) around a solid red field reads cleanly at any angle. (Patterns inside the rim, the lattice art and a two-red
   diamond, were tried and dropped: Shaun, "the solid red with the cream outlines".) */
body:is([data-deck="red"],:not([data-deck])) #table-screen .card.back{
 box-sizing:border-box;border:3px solid #f1dfb8;
 /* a soft sheen and a faint red-on-red diamond texture, so the field isn't flat (Shaun, 2026-10-24: "could we put some
    subtle texture on those cardbacks tho? it just looks so plain with the big red area"; T2 of three) */
 background:
  linear-gradient(45deg,transparent 42%,#ffffff0d 46% 54%,transparent 58%) 0 0 / 10px 10px,
  linear-gradient(-45deg,transparent 42%,#ffffff0d 46% 54%,transparent 58%) 0 0 / 10px 10px,
  radial-gradient(ellipse 75% 65% at 50% 42%,#9c1a1f 0%,#8a1519 55%,#6c0f13 100%);
 box-shadow:0 0 0 1px #2a0505,2px 4px 10px #0009;
}
body.mobile-game-active:is([data-deck="red"],:not([data-deck])) #table-screen .card.back{border-width:2px;box-shadow:0 0 0 1px #2a0505,1px 2px 5px #0008}   /* phones too ("i guess we should do it for mobile too"): a thinner rim for their smaller cards */
body:is([data-deck="red"],:not([data-deck])) #table-screen .card.back::before,body:is([data-deck="red"],:not([data-deck])) #table-screen .card.back::after{display:none!important}