/* The private room: oxblood lacquer, jade cloth, warm ivory stock and brass. */
body[data-view="poker"] .screen,
body[data-view="poker"] .pk-panel {
  background: radial-gradient(ellipse at 12% 7%,#32271e76,transparent 57%),#0c1210;
}
body[data-view="poker"] .screen > .wash { display:none; }
body[data-view="poker"] .topbar { background:#101411; border-bottom:1px solid #9d814732; }
.pk-panel {
  --club-ivory:#fff3d7;
  --club-brass:#dbb878;
  --club-line:#b19a664f;
  --club-paper:#e5d4b0;
  --pk-border:var(--club-line);
  --pk-cream:var(--club-ivory);
}
.pk-panel button:focus-visible, .pk-dialog summary:focus-visible {outline:3px solid #ffe6a3;outline-offset:3px}
.pk-panel button { -webkit-tap-highlight-color:transparent; }
.pk-panel .pk-primary {
  border:1px solid #f5d99c; color:#292119;
  background:linear-gradient(167deg,#ffebbc,#e6c18c 60%,#d8aa6a);
  box-shadow:inset 0 1px #fff7d9,0 2px 0 #7b522c,0 5px 13px #0003;
}
.pk-panel .pk-primary:hover:not(:disabled) {background:linear-gradient(167deg,#fff1cf,#edcd95)}
.pk-panel input:focus-visible,.pk-panel select:focus-visible {outline-offset:1px}
.pk-panel input:not([type=range]):not([type=checkbox]),.pk-panel select {
  background:#101914;border-color:#99876783;color:#fff4df;
  box-shadow:inset 0 2px 5px #0004;
}
/* A different composition when we arrive and when six players are seated. */
.club-room:not(.pk-seated)>.pk-heading {display:none}
.club-room.pk-seated .club-tools-dock,.club-room.pk-seated .club-poster {display:none}
.club-room .pk-layout {max-width:1560px}
.club-room .pk-table-top {border-color:#a98c5057}
.club-room .pk-table-top>span:first-child {font-size:clamp(13px,1.3vw,18px);font-weight:650}
.club-room:not(.pk-seated) .pk-table-top {border:0;padding:0 2px 9px}
.club-room .pk-table-top button {border-radius:6px}
.club-room #pk-sound {width:44px;text-align:center;line-height:1}
.club-room #pk-connection i {box-shadow:0 0 6px #90cf9470}
.club-tools-dock:empty {display:none}
.club-tools-dock .pk-toolbar {justify-content:flex-start;margin:0;max-width:none;gap:6px}
.club-tools-dock .pk-toolbar button {font-size:13px;min-height:44px;padding-inline:12px;border-radius:7px}
.club-tools-dock #pk-rules-open {margin-left:auto;width:44px;padding:0}
.club-room:not(.pk-seated) .pk-stage {
  position:relative;overflow:hidden;isolation:isolate;
  height:clamp(420px,44vw,640px);
  border-radius:14px;border:1px solid #bfa06a8c;background:#15271c;
  box-shadow:0 20px 54px #0005,inset 0 0 0 3px #1c251e;
}
.club-poster {position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none}
.club-poster img {
  width:100%;height:100%;object-fit:cover;object-position:60% 47%;display:block;
  opacity:0;transition:opacity .36s ease-out;
}
.club-poster-ready .club-poster img {opacity:1}
.club-poster-ready:not(.pk-seated) :is(.pk-table-shadow,.pk-table-rail,.pk-dealer) {visibility:hidden}
.club-poster::after {
  content:'';position:absolute;inset:0;
  background:linear-gradient(23deg,#130e0cf5 1%,#160f0b70 27%,transparent 55%);
  box-shadow:inset 0 0 0 5px #120f0c55;pointer-events:none;
}
.club-room:not(.pk-seated) .pk-lobby-mark {
  z-index:3;inset:auto auto 0 0;transform:none;text-align:left;max-width:77%;width:auto;
  padding:clamp(20px,3.2vw,54px);pointer-events:none;
}
.club-title-dock h1 {font:600 clamp(24px,2.4vw,39px)/1.15 "Songti SC","STSong","Noto Serif CJK SC",serif;color:#fae7bc;margin:0;letter-spacing:.04em;text-shadow:0 2px 14px #0008}
.club-title-dock h1 span {
  display:block;font:750 clamp(55px,6.8vw,108px)/1.13 "Songti SC","STSong","Noto Serif CJK SC",serif;
  letter-spacing:-.075em;color:#fff1d7;margin:.025em 0 .08em -.035em;
}
.club-title-dock h1 i {display:none}
.club-stakes {display:flex;align-items:center;gap:9px;margin:9px 0 0;color:#e5d4ab;font-size:14px;letter-spacing:.07em}
.club-stakes i {display:inline-block;width:23px;height:1px;background:#c9a56a}
.club-room .pk-lobby,.club-room .pk-bank-card {
  position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--club-line);border-radius:12px;
  background:linear-gradient(140deg,#34352b,#1a211c 70%);box-shadow:inset 0 1px #f1d7a314;
}
.club-room .pk-lobby {padding:clamp(17px,2vw,29px)}
.club-room .pk-lobby h2 {font:650 29px/1.1 "Songti SC",Georgia,serif;letter-spacing:.035em;margin-bottom:19px}
.club-room .pk-lobby h2::after,.club-room .pk-history summary::after {
  content:'';display:inline-block;width:35px;height:4px;border-block:1px solid #b89b62;margin:0 0 .23em 12px;
}
.club-room .pk-entry-choice {border-radius:6px;background:#111a15;border:1px solid #b5a2743d}
.club-room .pk-entry-choice button {border-radius:3px}
.club-room .pk-entry-choice button[aria-pressed="true"] {color:var(--club-ivory);background:#3e4636;box-shadow:inset 0 -2px #ccad72}
.club-room .pk-config summary {color:#ead6aa}
.club-room .pk-bank-card {padding:20px;background-color:#151b16}
.club-room.pk-loaded .pk-bank-card::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,#0f1815f0,transparent 70%),linear-gradient(90deg,#101612ea,transparent 98%),url('plate-cashier.webp') center / cover;
}
.club-room .pk-bank-card>strong {color:#f8e0ab;font:500 clamp(34px,3vw,49px)/1.1 Georgia,serif;margin:16px 0 7px}
.club-room .pk-bank-card p {color:#d7d4bf}
.club-room .pk-bank-card .pk-text-button {color:#f3dba9;border-color:#a88d6366}
.club-room .pk-disclaimer {font-size:12px;line-height:1.65;color:#afb3a3;margin:0}
.club-room.pk-seated .pk-stage {
  border-radius:15px;
  background:radial-gradient(ellipse at 48% 15%,#463f2c47,transparent 70%),linear-gradient(150deg,#18231c,#0a120e 78%);
}
.club-room.pk-seated .pk-table-rail {
  padding:0;inset:13% 1% 8%;box-shadow:none;background:transparent;border:0;border-radius:0;overflow:visible;
}
.club-room.pk-seated .pk-table-rail::before {
  content:'';position:absolute;inset:0;z-index:1;background:url('club-table.webp') center / 100% 100% no-repeat;
}
.club-room.pk-seated .pk-felt {
  position:absolute;inset:10% 6%;width:auto;height:auto;border-radius:46%;background:#193e2e;box-shadow:none;
}
.club-room.pk-seated .pk-felt :is(.pk-inlay,.pk-felt-line,.pk-felt-print) {display:none}
.club-room.pk-seated .pk-table-rail::after {
  content:'9178';position:absolute;left:50%;bottom:17%;transform:translateX(-50%);z-index:2;
  font:italic 500 clamp(24px,3.5vw,56px)/1 Georgia,serif;letter-spacing:.17em;color:#dfcd9629;pointer-events:none;
}
.club-room .pk-seat-info {
  border-radius:8px;background:linear-gradient(155deg,#2e352c,#18221d 72%);
  box-shadow:inset 0 1px #f5dfb317,0 4px 8px #0006;
}
.club-room .pk-seat-avatar {box-shadow:0 0 0 2px #161b15,0 0 0 3px #b290596b,0 4px 10px #0006}
.club-room .pk-seat.active .pk-seat-info {
  border-color:#f4ce7e;background:linear-gradient(150deg,#605033,#293329 73%);
  box-shadow:inset 0 1px #ffe4a14f,0 0 0 2px #b4905066,0 5px 12px #0004;
}
.club-room .pk-seat.active .pk-seat-avatar {box-shadow:0 0 0 3px #353222,0 0 0 5px #f1cd7e}
.club-room .pk-seat.folded:not(.active) .pk-seat-info {border-color:#79857545}
.club-room .pk-seat-stack {color:#f1d49a}
.club-room .pk-seat-badge {font-family:Georgia,serif;background:#f5e9c5;color:#242a22}
.club-room .pk-seat-badge.blind {background:#614935;color:#fff1cd}
.club-room .pk-pot {gap:7px;color:#f8e0aa}
.club-room .pk-pot strong {font-family:Georgia,"Times New Roman",serif}
.club-pot-seal {width:22px;height:22px;flex:none;background:url('prop-medal.webp') center / contain no-repeat}
.club-room .pk-community {perspective:850px}
.pk-card .club-pips {display:none}
.pk-card[data-rank] {background:linear-gradient(125deg,#fffbee,#f4ead4 76%,#e5d9bb);color:#1e302c}
.pk-card[data-rank].red {color:#a12843}
.pk-card .pk-card-corner {z-index:2}
.pk-card .club-pips {position:absolute;inset:12% 20%;pointer-events:none}
.club-pips i {position:absolute;font:normal 1em/.9 Georgia,serif;transform:translate(-50%,-50%) rotate(var(--pip-rotation))}
.pk-panel .pk-card.back {
  background:#702a30 url('print-back.webp') center / 100% 100% no-repeat;
  border:1.5px solid #ead7af;box-shadow:inset 0 0 0 1px #957248,0 3px 8px #0005;
}
.pk-panel .pk-card.back::before {content:none}
.pk-panel .pk-card.face-card {--court-print:url('print-jack.webp')}
.pk-panel .pk-card.face-card[data-rank=Q] {--court-print:url('print-queen.webp')}
.pk-panel .pk-card.face-card[data-rank=K] {--court-print:url('print-king.webp')}
.pk-panel .pk-card.face-card .pk-card-suit {
  inset:9% 19%;border:0;background:var(--court-print) center / 100% 100% no-repeat;font-size:0;border-radius:1px;
}
.pk-panel .pk-card.face-card .pk-card-suit::before {content:none}
.pk-card[data-rank=A] .pk-card-suit {font-size:clamp(25px,4vw,55px)}
.pk-panel :is(.pk-scene-cards,.pk-my-cards) .club-pips {display:block;font-size:clamp(12px,1.75vw,26px)}
.pk-panel :is(.pk-scene-cards,.pk-my-cards) .club-pips + .pk-card-suit {display:none}
.pk-panel .pk-scene-cards .club-pips {font-size:clamp(20px,3.3cqw,34px)}
.pk-panel .pk-scene-cards .pk-card[data-rank=A] .pk-card-suit {font-size:clamp(41px,7cqw,74px)}
@media(min-width:931px) and (min-height:600px) {
  .pk-panel .pk-community .club-pips {display:block;font-size:clamp(12px,1.65vw,24px)}
  .pk-panel .pk-community .club-pips + .pk-card-suit {display:none}
}
.club-room .pk-action-zone {
  position:relative;border-radius:12px;border:1px solid #91815e84;
  background:radial-gradient(ellipse at 50% 0,#344335bb,transparent 72%),#17231c;
  box-shadow:inset 0 1px #ebe3c124,0 8px 20px #0003;
}
.club-room .pk-action-zone[data-turn=self] {border-color:#d2ac6e;box-shadow:inset 0 2px #c09b5d,0 8px 22px #0004}
.club-room .pk-turn-line strong {color:#f1e5c9}
.club-room .pk-action-zone[data-turn=self] .pk-turn-line strong {color:#ffe09c}
.club-room .pk-bet-buttons button {border-radius:7px}
.club-room .pk-raise-row button {border-radius:5px}
.club-room #pk-cannon {display:inline-flex;align-items:center;justify-content:center;gap:5px}
.club-room #pk-cannon::before {content:'';width:21px;height:27px;background:url('prop-siphon.webp') center / contain no-repeat}
.club-room #pk-cannon[hidden],body.pk-focus .club-room #pk-cannon {display:none}
.club-room #pk-tissue svg {display:none}
.club-room #pk-tissue::before {content:'';width:42px;height:35px;flex:none;background:url('prop-paper.webp') center / contain no-repeat}
.club-room .pk-paper-box {border:1px solid #c7a877;background:linear-gradient(150deg,#29382a,#14231b)}
.club-room .pk-live-tools button,.club-room .pk-between button {min-height:42px}
.club-room .pk-reveal-scene {
  background:#0e2119 url('club-theatre.webp') center / 100% 100% no-repeat;border-radius:14px;
}
.club-room .pk-light-cone {opacity:.62}
.club-room .pk-reveal-content {max-width:83%}
.club-room .pk-scene-step {font-weight:650;letter-spacing:.15em;color:#f0cc8d}
.club-room .pk-scene-name {font-family:"Songti SC",Georgia,serif;letter-spacing:.015em;color:#fff4dc;text-shadow:0 2px 10px #0009}
.club-room .pk-scene-cards {gap:clamp(10px,2.3cqw,24px)}
.club-room .pk-scene-cards .pk-card {box-shadow:0 8px 17px #0007,0 1px 0 #fff}
.club-rank-lockup {display:flex;align-items:center;justify-content:center;gap:10px}
.club-rank-lockup i {height:4px;border-block:1px solid #b6965b;width:clamp(16px,3cqw,40px);margin-top:8px}
.club-rank-lockup:has(.pk-scene-rank:empty) i {opacity:0}
.club-room .pk-scene-lead {color:#faf1dd}
.club-winner-ring {position:absolute;width:85px;height:85px;border:2px solid #ffde94;box-shadow:inset 0 0 0 4px #dfc88d3b;border-radius:50%;pointer-events:none}
@media(prefers-reduced-motion:no-preference) {
  html:not(.low-fx) .club-poster-ready:not(.pk-seated) .club-poster img {animation:club-arrival 1.15s cubic-bezier(.2,.72,.3,1) both}
  html:not(.low-fx) .club-room .pk-dealer[data-pose=deal] .pk-dealer-art {
    background-image:url('club-deal.webp');background-size:300% 200%;
    animation:club-deal-hand .86s steps(1,end) both;
  }
  html:not(.low-fx) .pk-turn-leaf>.pk-card:not(.back)::after {
    content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(107deg,transparent 26%,#fffcde73 46%,transparent 65%);
    animation:club-leaf-light .60s var(--deal-delay,0ms) both;
  }
}
@keyframes club-arrival {from{transform:scale(1.025)}to{transform:scale(1)}}
@keyframes club-deal-hand {
  0% {background-position:0 0} 18% {background-position:50% 0} 36% {background-position:100% 0}
  50% {background-position:0 100%} 66% {background-position:50% 100%} 85%,100% {background-position:100% 100%}
}
@keyframes club-leaf-light {0%{opacity:0;transform:translateX(-80%)}45%{opacity:.65}100%{opacity:0;transform:translateX(75%)}}
/* The objects above the counter identify each destination before its controls. */
#pk-dialog[data-page=finance],#pk-dialog[data-page=rebuy] {--club-plate:url('plate-cashier.webp')}
#pk-dialog[data-page=board] {--club-plate:url('plate-podium.webp')}
#pk-dialog[data-page=player] {--club-plate:url('plate-identity.webp')}
#pk-dialog[data-page=audio] {--club-plate:url('plate-music.webp')}
#pk-dialog[data-page=invite],#pk-dialog[data-page=leave] {--club-plate:url('plate-invitation.webp')}
#pk-dialog[data-page=rules] {--club-plate:url('plate-rules.webp')}
#pk-dialog[open] {
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;
  width:min(650px,calc(100vw - 24px));max-height:min(88svh,830px);padding:0;
  border:1px solid #bfa3709c;border-radius:15px;background:#18211b;color:#f6ead2;
  box-shadow:0 24px 85px #000a,inset 0 0 0 3px #483e2a;
}
#pk-dialog>header {
  position:relative;isolation:isolate;overflow:hidden;align-items:flex-end;
  min-height:clamp(98px,13vw,152px);padding:22px 26px;margin:0;border-bottom:1px solid #bba06b69;
  background:#181b16 var(--club-plate) 75% 54% / cover no-repeat;
}
#pk-dialog>header::before {
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#111a14e5 2%,#121916a8 39%,#10191115 74%),linear-gradient(0deg,#0d120c56,transparent 60%);
}
#pk-dialog-title {color:#fff0d4;font:650 clamp(24px,3.1vw,36px)/1.15 "Songti SC",Georgia,serif;letter-spacing:.04em;text-shadow:0 1px 9px #0009}
#pk-dialog-close {position:absolute;right:13px;top:13px;width:44px;height:44px;border:1px solid #e1cfa87a;background:#111912e8;color:#fff4da}
#pk-dialog-content {min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#766b51 #172019;padding:20px clamp(17px,3vw,28px) 24px}
#pk-dialog-content>p:first-child {margin-top:0}
#pk-dialog-content p {color:#c4cbbb}
#pk-dialog-status {margin:0;padding:8px 26px 12px;border-top:1px solid #95825460;color:#f6d696}
#pk-dialog-status:empty {display:none}
#pk-dialog .club-ledger-total {display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:2px 0 16px;border-bottom:1px solid #c8a66a88}
.club-ledger-total span {color:#e3d9bf;font-size:15px}
.club-ledger-total strong {color:#ffe3aa;font:500 clamp(36px,5vw,51px)/1 Georgia,serif;font-variant-numeric:tabular-nums}
#pk-dialog .pk-wallet-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:5px 0 16px}
#pk-dialog .pk-wallet-grid small {font-size:12px;color:#c0c6b2}
#pk-dialog .pk-wallet-grid strong {font-size:clamp(20px,3vw,28px);overflow-wrap:anywhere}
#pk-dialog .pk-level-line {display:flex;align-items:center;justify-content:space-between;gap:12px}
.pk-level-line b {display:inline-flex;align-items:center;gap:7px;color:#f0d69c}
.pk-level-line b::before {content:'';width:30px;height:30px;background:url('prop-medal.webp') center / contain no-repeat}
#pk-dialog .pk-xp {accent-color:#d5b47a}
#pk-dialog .pk-relief {background:linear-gradient(90deg,#40352a 50%,transparent),url('prop-purse.webp') right 10px center / 79px auto no-repeat,#282c21;padding:14px 95px 14px 15px;border:1px solid #a58a5266;border-radius:8px}
#pk-dialog .pk-relief h3 {margin:0}
.club-loan-fields {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.club-loan-fields label {display:grid;gap:7px;min-width:0}
.club-loan-fields input {width:100%;min-width:0}
#pk-loan-form input:disabled {opacity:.7}
#pk-dialog button[data-loan-cancel] {color:#ffc4b3;border-color:#ae6456}
#pk-dialog table td {padding:13px 8px;font-size:15px}
#pk-dialog table th {color:#cbc8ae;font-size:12px}
#pk-dialog .pk-rank-num {font:23px/1 Georgia,serif;color:#d9bc7e}
#pk-dialog tr.me {background:#afa26a20}
#pk-dialog .pk-profile-head {padding-bottom:12px;border-bottom:1px solid #a18a565b}
#pk-dialog .pk-person-face {border:2px solid #c5ad76}
#pk-dialog .pk-invite-number {padding:15px 8px 18px;margin-bottom:19px;letter-spacing:.15em;text-align:center;color:#eed5a5;border-block:1px dashed #a28e626f;font-family:Georgia,serif}
#pk-dialog .pk-audio-row {padding-block:12px;border-bottom:1px solid #948d6c4a}
#pk-dialog input[type=range],#pk-dialog input[type=checkbox] {accent-color:#d4b372}
.club-chapter {border-bottom:1px solid #a1926a4a}
.club-chapter:first-child {border-top:1px solid #a1926a4a}
.club-chapter summary {display:flex;align-items:center;justify-content:space-between;min-height:50px;gap:15px;color:#f0dfbc;cursor:pointer;font-size:16px;list-style:none}
.club-chapter summary::-webkit-details-marker {display:none}
.club-chapter summary::after {content:'+';font:20px Georgia,serif;color:#cfb783}
.club-chapter[open] summary::after {content:'−'}
.club-chapter .pk-rule-hands {padding-bottom:15px}
body[data-view=poker] #rg-online-dialog {color:#f0eadb;background:#19251e;border-color:#ac9566;border-radius:15px}
body[data-view=poker] #rg-online-dialog>header {padding:14px 16px;border-radius:9px;background:linear-gradient(90deg,#17231dee,transparent),url('plate-identity.webp') right center / cover}
body[data-view=poker] #rg-online-dialog :is(input,button):focus-visible {outline:2px solid #ebd19b;outline-offset:2px}
body[data-view=poker] #rg-online-dialog .on-primary {background:#e6c68e;color:#26271e}
@media (min-width:931px) {
  .club-room:not(.pk-seated) .pk-layout {display:grid;grid-template-columns:minmax(0,1fr) clamp(286px,25vw,365px);gap:clamp(18px,2.3vw,40px)}
  .club-room:not(.pk-seated) .pk-sidebar {padding-top:3px;gap:16px}
}
@media (min-width:621px) and (max-width:930px) {
  .club-room:not(.pk-seated) .pk-stage {height:clamp(375px,54vw,490px)}
  .club-room:not(.pk-seated) .pk-sidebar {display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start;margin-top:15px}
  .club-room:not(.pk-seated) .club-tools-dock {grid-column:1/-1}
  .club-room:not(.pk-seated) .pk-lobby {grid-column:1}
  .club-room:not(.pk-seated) .pk-bank-card {grid-column:2}
}
@media (max-width:620px) {
  .club-room:not(.pk-seated) .pk-stage {height:clamp(236px,71vw,344px);min-height:0}
  .club-room:not(.pk-seated) .pk-lobby-mark {padding:19px;max-width:83%}
  .club-title-dock h1 {font-size:23px}
  .club-title-dock h1 span {font-size:clamp(46px,13.4vw,66px)}
  .club-stakes {font-size:12px;margin-top:4px}
  .club-poster img {object-position:65% 48%}
  .club-room:not(.pk-seated) .pk-sidebar {display:flex;flex-direction:column;gap:12px;margin-top:12px}
  .club-room:not(.pk-seated) .pk-lobby {order:-1}
  .club-tools-dock .pk-toolbar {display:flex;flex-wrap:wrap;max-width:none;margin:0}
  .club-room .pk-bank-card {padding:17px}
  .club-room .pk-lobby h2 {font-size:25px;margin-bottom:13px}
  #pk-dialog>header {min-height:103px;padding:16px 19px}
  #pk-dialog .pk-wallet-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
  #pk-dialog-content {padding:16px 18px 20px}
}
@media (max-width:370px) {
  .club-loan-fields {grid-template-columns:1fr}
  .club-tools-dock .pk-toolbar button {padding-inline:8px}
}
body.pk-focus .club-room:not(.pk-seated) .pk-layout {display:block;max-width:1000px}
body.pk-focus .club-room:not(.pk-seated) .pk-sidebar {display:grid;gap:13px;max-width:none}
@media(max-height:500px) {
  #pk-dialog[open] {max-height:94svh}
  #pk-dialog>header {min-height:64px;padding-block:12px}
  #pk-dialog-close {top:8px}
  .club-room .pk-live-tools button,.club-room .pk-between button {min-height:36px}
}
@media(prefers-reduced-motion:no-preference) {
  html:not(.low-fx) #pk-dialog[open] {animation:club-open .18s ease-out}
}
@keyframes club-open {from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) {
  .club-poster img {transition:none}
}