/* poker : le nouveau style de table (d'après Chromo). Chargé après table.css.
   Un tapis de casino vert profond, les adversaires assis en arc avec leurs jetons et leur mise devant eux,
   les cinq cartes communes et le pot au milieu, tes deux cartes, ton tas et tes choix dans le plateau de verre.
   Le poker reste une table sombre même en thème clair : c'est l'objet du jeu, comme une vraie table.
   Les sélecteurs passent par html[data-game] : les tuiles .gcard[data-game="poker"] du salon ne sont pas touchées. */
html[data-game="poker"], html[data-theme="light"][data-game="poker"] {
  --bg: oklch(0.185 0.04 166); --surface: oklch(0.245 0.045 166); --surface-2: oklch(0.29 0.05 166); --line: oklch(0.42 0.05 166 / .6);
  --ink: oklch(0.97 0.012 95); --ink-2: oklch(0.87 0.025 130); --mute: oklch(0.79 0.03 145);
  --acc: oklch(0.85 0.14 86); --acc-soft: oklch(0.91 0.09 88); --on-acc: oklch(0.24 0.05 70); --neg: oklch(0.64 0.21 27); --pos: oklch(0.84 0.14 152); --gold: var(--acc);
  --glass-tint: oklch(0.22 0.045 164 / .5); --glass-tint-thick: oklch(0.19 0.045 165 / .8);
  --glass-hi: rgba(255, 255, 255, .3); --glass-rim: rgba(255, 255, 255, .14); --glass-edge: rgba(0, 0, 0, .35);
  --glass-ink: var(--ink); --glass-ink-2: var(--ink-2); --glass-field: rgba(255, 255, 255, .1);
  --felt-hi: oklch(0.47 0.11 160); --felt-mid: oklch(0.32 0.085 162); --felt-lo: oklch(0.14 0.035 168);
  --tb-back: oklch(0.44 0.16 25);
  --pkx-line: oklch(0.86 0.12 86 / .32);
  --pkx-g: oklch(0.82 0.14 86); --pkx-v: oklch(0.5 0.16 305); --pkx-k: oklch(0.27 0.012 260); --pkx-e: oklch(0.6 0.14 155); --pkx-r: oklch(0.57 0.19 27); --pkx-w: oklch(0.95 0.012 90);
}

/* sur téléphone, la table prend la place libre : le tapis reste au milieu, le plateau en bas */
@media (max-width: 1099px) {
  #pk-main > .pkx-table { flex: 1; display: flex; flex-direction: column; }
  #pk-main > .pkx-table > .pkx-felt { margin: auto 0; }
  #s-poker #pk-main > .pk-log { display: none; }
}
#pk-main > .tb-tray { margin-top: auto; }

/* les jetons dessinés : des piles de cylindres rayés, le plus gros en bas */
.pkx-pile { display: inline-flex; flex-direction: column-reverse; align-items: center; flex: none; padding-top: 2px; }
.pkx-pile i { --c: var(--pkx-k); display: block; width: 20px; height: 7px; border-radius: 50%;
  background: linear-gradient(90deg, var(--c) 0 14%, rgba(255, 255, 255, .8) 14% 24%, var(--c) 24% 44%, rgba(255, 255, 255, .8) 44% 56%, var(--c) 56% 76%, rgba(255, 255, 255, .8) 76% 86%, var(--c) 86%);
  box-shadow: inset 0 -1.5px 0 rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 rgba(0, 0, 0, .55); }
.pkx-pile i + i { margin-bottom: -3.5px; }
.pkx-pile i:last-child { background: radial-gradient(ellipse 50% 50% at 50% 45%, var(--c) 0 42%, rgba(255, 255, 255, .85) 46% 56%, var(--c) 60%); }
.pkx-pile .c-g { --c: var(--pkx-g); } .pkx-pile .c-v { --c: var(--pkx-v); } .pkx-pile .c-k { --c: var(--pkx-k); }
.pkx-pile .c-e { --c: var(--pkx-e); } .pkx-pile .c-r { --c: var(--pkx-r); } .pkx-pile .c-w { --c: var(--pkx-w); }
.pkx-piles { display: inline-flex; gap: 3px; align-items: flex-end; }
.pkx-coin { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex: none; vertical-align: -1px;
  background: radial-gradient(circle, var(--pkx-g) 0 36%, rgba(255, 255, 255, .85) 40% 52%, var(--pkx-g) 56%); box-shadow: 0 1px 2px rgba(0, 0, 0, .45); }

#s-poker button.tb-chip { min-height: 44px; }

/* les adversaires : deux cartes cachées, le donneur et les blindes, le tas, la mise du tour devant eux */
#s-poker .tb-opps { height: 128px; }
#s-poker .tb-opps.many { height: 122px; }
/* plus de cinq adversaires sur téléphone : deux rangs serrés, la mise en pastille contre l'avatar */
#s-poker .tb-opps.pkx-zig { height: 152px; }
#s-poker .pkx-zig .tb-opp { gap: 2px; }
#s-poker .pkx-zig .tb-av { width: 40px; height: 40px; font-size: 21px; }
#s-poker .pkx-zig .tb-fan { display: none; }
#s-poker .pkx-zig .tb-badge { top: -6px; left: calc(50% - 31px); min-width: 20px; height: 20px; padding: 0 4px; font-size: 9.5px; line-height: 20px; }
#s-poker .pkx-zig .pkx-d .tb-badge { width: 20px; padding: 0; font-size: 10.5px; }
#s-poker .pkx-zig .pkx-under { position: absolute; top: 24px; left: calc(50% + 6px); margin: 0; z-index: 2; }
#s-poker .pkx-zig .pkx-bet { height: 20px; padding: 0 6px; font-size: 10.5px; line-height: 20px; background: rgba(4, 12, 9, .78); }
#s-poker .pkx-zig .pkx-bet .pkx-pile { display: none; }
#s-poker .pkx-zig .tb-tag { padding: 1px 6px; font-size: 10px; }
#s-poker .pkx-zig .pkx-stk { font-size: 11px; min-height: 14px; }
#s-poker .pkx-zig .pkx-stk .pkx-coin { width: 10px; height: 10px; }
#s-poker .tb-timer { animation-duration: 30s; }
#s-poker .tb-fan i:nth-child(3) { display: none; }
#s-poker .tb-fan i:nth-child(1) { transform: rotate(-12deg); }
#s-poker .tb-fan i:nth-child(2) { transform: translateX(5px) rotate(10deg); }
#s-poker .tb-opp:is(.pkx-fold, .out, .pkx-nocards, .pkx-open) .tb-fan { display: none; }
#s-poker .tb-opp.pkx-fold { opacity: .58; }
#s-poker .tb-opp.pkx-fold .tb-av { filter: grayscale(.5); }
#s-poker .tb-badge { top: -3px; left: calc(50% - 40px); min-width: 24px; height: 24px; padding: 0 6px; border-radius: 12px; font: 750 11px/24px var(--font); }
#s-poker .pkx-d .tb-badge { width: 24px; padding: 0; border-radius: 50%; background: #fff; color: #111; font-size: 12px;
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3.5px rgba(0, 0, 0, .16), 0 2px 6px rgba(0, 0, 0, .45); }
#s-poker .pkx-bl .tb-badge { background: rgba(6, 16, 12, .84); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42), 0 2px 6px rgba(0, 0, 0, .4); }
#s-poker .tb-opps.many .tb-badge { left: calc(50% - 34px); top: -5px; }
#s-poker .tb-opp.pkx-won .tb-av { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 0 3px var(--acc), 0 0 28px 4px color-mix(in oklab, var(--acc) 60%, transparent), 0 8px 18px rgba(0, 0, 0, .4); }
.pkx-stk { display: inline-flex; align-items: center; gap: 4px; min-height: 16px; font-size: 12.5px; font-weight: 650; color: var(--ink-2); font-variant-numeric: tabular-nums; text-shadow: 0 1px 3px rgba(0, 0, 0, .5); white-space: nowrap; }
.pkx-allin { padding: 0 7px; border-radius: 999px; background: var(--neg); color: #fff; font-size: 11.5px; font-weight: 750; line-height: 17px; text-shadow: none; box-shadow: 0 0 12px color-mix(in oklab, var(--neg) 60%, transparent); }
.pkx-under { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin-top: 1px; }
.pkx-bet { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px 0 5px; border-radius: 999px; white-space: nowrap;
  background: rgba(0, 0, 0, .34); box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .2); font: 750 12px/24px var(--font); color: var(--ink); font-variant-numeric: tabular-nums; }
.pkx-bet .pkx-pile { transform: scale(.78); margin: -3px -3px 0; }
.pkx-shown { display: flex; gap: 3px; margin: 2px 0 1px; }
#s-poker .pkx-shown .pk-card { width: 28px; border-radius: 4px; }
#s-poker .pkx-shown .km-corner { top: 2px; left: 3px; }
#s-poker .pkx-shown .km-corner b { font-size: 12px; }
#s-poker .pkx-shown .km-corner i { font-size: 10px; }
#s-poker .pkx-shown .km-pip, #s-poker .pkx-shown .km-corner.bottom { display: none; }
/* sur téléphone, les cartes montrées à l'abattage prennent la place des dos, à côté de l'avatar */
@media (max-width: 1099px) {
  #s-poker .pkx-shown { position: absolute; top: 20px; left: calc(50% + 6px); margin: 0; gap: 0; z-index: 1; }
  #s-poker .pkx-shown .pk-card { width: 25px; box-shadow: 0 3px 8px rgba(0, 0, 0, .45); }
  #s-poker .pkx-shown .pk-card:first-child { transform: rotate(-8deg); }
  #s-poker .pkx-shown .pk-card + .pk-card { margin-left: -6px; transform: rotate(7deg) translateY(1px); }
  #s-poker .tb-opps.many .pkx-shown { left: calc(50% + 2px); top: 14px; }
  #s-poker .tb-opps.many .pkx-shown .pk-card { width: 21px; }
}
#s-poker .tb-opps.many .pkx-stk { font-size: 11.5px; }
#s-poker .tb-opps.many .pkx-bet { padding: 0 6px 0 3px; font-size: 11px; }
#s-poker .tb-opps.many .pkx-shown .km-corner b { font-size: 10px; }

/* le tapis du milieu : la ligne de mise imprimée, les cinq emplacements, le pot */
.pkx-felt { position: relative; display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 10px 22px 12px; border-radius: 999px;
  background: radial-gradient(70% 85% at 50% 42%, color-mix(in oklab, var(--felt-hi) 55%, transparent), transparent 78%);
  box-shadow: inset 0 0 0 1.5px var(--pkx-line), inset 0 0 0 6px rgba(0, 0, 0, .07), inset 0 0 0 7px oklch(0.86 0.12 86 / .12); }
.pkx-street { font-size: 13px; font-weight: 650; color: var(--acc-soft); text-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.pkx-board { display: flex; gap: 6px; }
#s-poker .pkx-board .pk-card { box-sizing: border-box; flex: none; width: 52px; aspect-ratio: 5 / 7.2; height: auto; min-height: 0; margin: 0; padding: 0; border-radius: 7px; }
#s-poker .pkx-board .km-corner { top: 4px; left: 5px; }
#s-poker .pkx-board .km-corner b { font-size: 16px; }
#s-poker .pkx-board .km-corner i { font-size: 12px; }
#s-poker .pkx-board .km-pip { font-size: 26px; padding-top: 14px; }
#s-poker .pkx-board .km-corner.bottom { display: none; }
#s-poker .pkx-board .pk-empty { position: relative; border: 0; background: rgba(0, 0, 0, .16); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .14), inset 0 3px 10px rgba(0, 0, 0, .28); }
#s-poker .pkx-board .pk-empty::before { content: ""; position: absolute; inset: 5px; border-radius: 4px; border: 1px solid oklch(0.86 0.12 86 / .16); }
.pkx-pot { display: inline-flex; align-items: flex-end; gap: 8px; min-height: 30px; }
.pkx-pot-n { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 13px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--ink-2); white-space: nowrap;
  background: rgba(0, 0, 0, .3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 0 0 .5px rgba(255, 255, 255, .16); }
.pkx-pot-n b { font: 750 16px var(--font); color: var(--ink); font-variant-numeric: tabular-nums; }

/* le meneur */
#pk-main .pkx-skip { min-height: 46px; }

/* le plateau de verre : tes deux cartes, ton tas, le curseur de relance et tes choix */
#s-poker .pkx-mine { display: flex; align-items: center; justify-content: center; gap: 8px; }
#s-poker .pkx-mine .tb-fan-hand { flex: none; margin: -12px 0 -18px; padding: 0; overflow: visible; }
#s-poker .pkx-mine .km-corner { top: 6px; left: 7px; }
#s-poker .pkx-mine .km-corner b { font-size: 21px; }
#s-poker .pkx-mine .km-corner i { font-size: 16px; }
#s-poker .pkx-mine .km-pip { font-size: 40px; padding-top: 6px; }
#s-poker .pkx-mine .km-corner.bottom { display: flex; top: auto; left: auto; bottom: 6px; right: 7px; }
#s-poker .pkx-mine.small .km-corner b { font-size: 17px; }
#s-poker .pkx-mine.small .km-corner i { font-size: 13px; }
#s-poker .pkx-mine.small .km-pip { font-size: 30px; }
#s-poker .pkx-mine.small .km-corner.bottom { display: none; }
#s-poker .pkx-mine .tb-slot.no > * { filter: saturate(.4) brightness(.55); }
#s-poker .pkx-mine .tb-slot.pkx-win > * { box-shadow: 0 0 0 2.5px var(--acc), 0 0 22px 3px color-mix(in oklab, var(--acc) 50%, transparent), 0 12px 24px -6px rgba(0, 0, 0, .6) !important; }
.pkx-bank { display: flex; align-items: flex-end; gap: 9px; min-width: 0; }
.pkx-bank .pkx-pile i { width: 26px; height: 9px; }
.pkx-bank .pkx-pile i + i { margin-bottom: -4.5px; }
.pkx-bank-n { display: flex; flex-direction: column; line-height: 1.1; }
.pkx-bank-n b { font: 750 23px var(--font); letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pkx-bank-n small { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
.pkx-role { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 11px; font: 750 10.5px/22px var(--font); font-style: normal;
  background: rgba(6, 16, 12, .6); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42); }
.pkx-role.d { padding: 0; width: 22px; background: #fff; color: #111; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4px rgba(0, 0, 0, .16); }

.pkx-size { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: center; margin: 6px 0 0; }
.pkx-size > input { grid-column: 1; grid-row: 1; }
.pkx-size-top { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; align-items: flex-end; min-width: 66px; padding-right: 4px; line-height: 1.05; font-size: 12px; font-weight: 600; color: var(--ink-2); }
.pkx-amt { font: 750 19px var(--font); color: var(--acc); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pkx-quick { grid-column: 1 / -1; }
#s-poker .pkx-size input[type=range] { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 40px; min-height: 0; margin: 0; padding: 0 2px; border: 0; background: transparent; box-shadow: none; cursor: pointer; }
#s-poker .pkx-size input[type=range]:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; border-radius: 12px; }
#s-poker .pkx-size input[type=range]::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--acc) var(--p, 0%), rgba(255, 255, 255, .18) var(--p, 0%)); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .35); }
#s-poker .pkx-size input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 28px; height: 28px; margin-top: -11px; border: 0; border-radius: 50%;
  background: radial-gradient(circle, var(--pkx-g) 0 34%, #fff 38% 50%, var(--pkx-g) 54%); box-shadow: 0 0 0 2px rgba(255, 255, 255, .9), 0 4px 10px rgba(0, 0, 0, .5); }
#s-poker .pkx-size input[type=range]::-moz-range-track { height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .18); }
#s-poker .pkx-size input[type=range]::-moz-range-progress { height: 6px; border-radius: 3px; background: var(--acc); }
#s-poker .pkx-size input[type=range]::-moz-range-thumb { width: 28px; height: 28px; border: 0; border-radius: 50%;
  background: radial-gradient(circle, var(--pkx-g) 0 34%, #fff 38% 50%, var(--pkx-g) 54%); box-shadow: 0 0 0 2px rgba(255, 255, 255, .9), 0 4px 10px rgba(0, 0, 0, .5); }
.pkx-quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
#s-poker .pkx-quick .btn { min-width: 0; min-height: 44px; padding: 0 4px; border-radius: 999px; font: 600 14px var(--font); white-space: nowrap; }
#s-poker .pkx-quick .btn.on { color: var(--acc); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 0 1.5px var(--acc); }

#s-poker .pkx-acts { gap: 8px; margin-top: 8px; flex-wrap: nowrap; }
#s-poker .pkx-acts .btn { flex: 1 1 0; min-width: 0; padding: 0 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; line-height: 1.1; white-space: nowrap; }
#s-poker .pkx-acts.n3 .btn.hero { flex-grow: 1.35; }
#s-poker .pkx-acts .btn b { font-weight: inherit; }
#s-poker .pkx-acts .btn small { font-size: 13px; font-weight: 650; opacity: .8; font-variant-numeric: tabular-nums; }
.pkx-note { margin: 8px 0 2px; text-align: center; font-size: 14px; color: var(--ink-2); }

/* l'abattage et le classement : des listes de verre */
#pk-main .pkx-result { gap: 6px; border: 0; }
#pk-main .pkx-result .mj-side-title { margin: 0; color: var(--ink-2); }
@media (max-width: 1099px) {
  #pk-main .pkx-result { padding: 0; background: none; border-radius: 0; }
  #pk-main .pkx-result .mj-side-title { padding: 0 6px; }
  #pk-main .pkx-result .mj-list { padding: 2px 14px; }
}
#pk-main .pk-show { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n c" "h c"; column-gap: 12px; row-gap: 1px; align-items: center;
  padding: 9px 0; background: none; border: 0; border-top: .5px solid rgba(255, 255, 255, .12); border-radius: 0; }
#pk-main .pk-show:first-child { border-top: 0; }
#pk-main .pk-show-name { font-size: 15.5px; font-weight: 650; color: var(--ink); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#pk-main .pk-show-hand { font-size: 13.5px; color: var(--ink-2); }
#pk-main .pk-show.win .pk-show-name, #pk-main .pk-show-hand b { color: var(--acc); }
#pk-main .pk-show-cards { display: flex; gap: 4px; }
#pk-main .pk-show .pk-card.mini { width: 32px; border-radius: 5px; }
#pk-main .pk-show .pk-card.mini .km-corner { top: 3px; left: 4px; }
#pk-main .pk-show .pk-card.mini .km-corner b { font-size: 13px; }
#pk-main .pk-show .pk-card.mini .km-corner i { font-size: 10.5px; }
#pk-main .pk-show .pk-card.mini .km-pip { display: grid; font-size: 15px; padding-top: 16px; }
#pk-main .pk-rank { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 0; background: none; border: 0; border-top: .5px solid rgba(255, 255, 255, .12); }
#pk-main .pk-rank:first-child { border-top: 0; }
#pk-main .pk-rank-n { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; flex: none; font: 750 14px var(--font); background: rgba(255, 255, 255, .1); color: var(--ink); }
#pk-main .pk-rank:first-child .pk-rank-n { background: var(--acc); color: var(--on-acc); }
#pk-main .pk-rank-name { flex: 1; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#pk-main .pk-rank.me .pk-rank-name { color: var(--acc); }
#pk-main .pk-rank b { font: 700 17px var(--font); font-variant-numeric: tabular-nums; }

/* jetons et fil dans la colonne de droite (PC) */
#pk-main .pkx-stacks { display: block; font-size: inherit; color: var(--ink); }
#pk-main .pkx-stacks .mj-side-title { margin: 0 0 2px; color: var(--ink-2); }
#pk-main ul.pk-log { display: flex; flex-direction: column; gap: 0; font-size: 15px; color: var(--ink-2); }
#pk-main ul.pk-log li { padding: 9px 2px; border-top: .5px solid rgba(255, 255, 255, .1); }
#pk-main ul.pk-log li.mj-side-title { padding: 0 0 2px; border-top: 0; font-size: 13px; color: var(--ink-2); }
#pk-main ul.pk-log li.mj-side-title + li { border-top: 0; color: var(--ink); }

/* PC : une vraie table ovale au rebord de cuir, les joueurs assis sur le bord, jetons et fil à droite */
@media (min-width: 1100px) {
  #s-poker .pkx-table { position: relative; width: 100%; max-width: 760px; aspect-ratio: 2.45 / 1; margin: 60px auto 0; border-radius: 50%;
    background: radial-gradient(60% 58% at 50% 45%, var(--felt-hi), var(--felt-mid) 68%, color-mix(in oklab, var(--felt-mid), var(--felt-lo) 45%));
    box-shadow: inset 0 0 0 16px oklch(0.19 0.012 60), inset 0 0 0 17px oklch(0.33 0.02 60), inset 0 0 0 20px oklch(0.47 0.08 58), inset 0 0 0 21px rgba(0, 0, 0, .4),
      inset 0 30px 60px rgba(0, 0, 0, .35), 0 30px 60px -20px rgba(0, 0, 0, .65); }
  #s-poker .pkx-table::before { content: ""; position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .14), transparent 9%); -webkit-mask: radial-gradient(closest-side, transparent 93%, #000 94%); mask: radial-gradient(closest-side, transparent 93%, #000 94%); }
  #s-poker .pkx-table .tb-opps { position: absolute; left: 0; right: 0; top: -60px; height: 0; z-index: 2; }
  #s-poker .pkx-felt { position: absolute; inset: 31% 15% 9%; border-radius: 50%; justify-content: center; gap: 10px; padding: 0; background: none; }
  #s-poker .pkx-board { gap: 8px; }
  #s-poker .pkx-board .pk-card { width: 64px; border-radius: 8px; }
  #s-poker .pkx-board .km-corner b { font-size: 19px; }
  #s-poker .pkx-board .km-corner i { font-size: 14px; }
  #s-poker .pkx-board .km-pip { font-size: 32px; padding-top: 16px; }
  #s-poker .pkx-tray { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); column-gap: 28px; align-items: center; padding-bottom: 16px; }
  #s-poker .pkx-tray > * { grid-column: 1 / -1; }
  #s-poker .pkx-tray > .pkx-mine { grid-column: 1; grid-row: 2 / span 2; }
  #s-poker .pkx-tray > :is(.pkx-size, .tb-acts, .pkx-note) { grid-column: 2; }
  #s-poker .pkx-tray > .tb-acts { width: 100%; max-width: none; margin: 10px 0 0; }
  #s-poker .pkx-tray:not(:has(> .pkx-size)) > .tb-acts { margin-top: 0; }
  #s-poker .pkx-tray:not(:has(> :is(.tb-acts, .pkx-note))) > .pkx-mine, #s-poker .pkx-tray:not(:has(> .pkx-mine)) > * { grid-column: 1 / -1; }
  #s-poker .pkx-tray:not(:has(> .pkx-mine)) > .tb-acts { max-width: 460px; margin: 4px auto 0; }
  #s-poker .pkx-mine .km-corner b { font-size: 24px; }
  #s-poker .pkx-mine .km-corner i { font-size: 18px; }
  #s-poker .pkx-mine .km-pip { font-size: 48px; }
  #s-poker .pkx-acts { max-width: 520px; }
  #s-poker .desk-side .pk-log .tb-rows li { min-height: 48px; }
}