/* Public plays stay on the felt. Each new hand lands from its player's seat. */
.cards-page .card-arena{container-type:size}
.cards-page .card-table-center{top:49%;gap:12px;width:62%}
.card-play-pile{position:relative;width:100%;height:180px;isolation:isolate;pointer-events:none;--pile-card:76px;--pile-step:34px}
.card-pile-layer{position:absolute;inset:0;display:grid;place-items:center;transform:translate(calc(var(--pile-x) + var(--pile-age) * -19px),calc(var(--pile-age) * -14px)) rotate(var(--pile-angle));transition:transform .44s cubic-bezier(.2,.8,.2,1),filter .4s;filter:brightness(.63)}
.card-pile-layer[data-latest=true]{filter:none}
.card-pile-hand{display:flex;flex-direction:column;align-items:center;max-width:100%;animation:none;--entry-x:0px;--entry-y:24px}
.card-pile-layer[data-from=right] .card-pile-hand{--entry-x:38px;--entry-y:-10px}
.card-pile-layer[data-from=left] .card-pile-hand{--entry-x:-38px;--entry-y:-10px}
.card-pile-layer[data-from=top] .card-pile-hand{--entry-y:-30px}
.card-pile-hand[data-long=true]{--pile-card:61px;--pile-step:27px}
.card-pile-row{display:flex;justify-content:center;width:max-content;max-width:100%;isolation:isolate}
.card-pile-row+.card-pile-row{margin-top:-34px}
.card-pile-row .playing-card{width:var(--pile-card);margin-left:calc(var(--pile-step) - var(--pile-card));box-shadow:0 1px 0 #b9b9b9,0 3px 1px #14141499,0 8px 12px #0004}
.card-pile-row .playing-card:first-child{margin-left:0}
.card-play-pile[data-settled=true] .card-pile-layer{filter:brightness(.55);transform:translate(calc(var(--pile-x) + var(--pile-age) * -5px),calc(var(--pile-age) * -7px)) rotate(var(--pile-angle)) scale(.88)}
.card-latest-label{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#989898;line-height:1.2;min-height:26px;max-width:100%}
.card-latest-label strong{font-size:12px;font-weight:500;color:#e0e0e0;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card-latest-avatar{width:23px;height:23px;flex:none;border-radius:50%;overflow:hidden;background:#414141;box-shadow:inset 0 1px #fff1}
.card-latest-avatar svg,.card-latest-avatar img{width:100%;height:100%;object-fit:cover}
.card-latest-combo{flex-basis:100%;text-align:center;color:#aaa}
.cards-page .card-seat{gap:8px}
.cards-page .card-seat[data-active=true] .card-seat-top{background:linear-gradient(135deg,#555,#3e3e3e);box-shadow:inset 0 1px #ffffff18,0 5px 14px #0003}
.cards-page .card-seat[data-active=true] .card-seat-avatar{box-shadow:0 0 0 2px #d2d2d2,0 0 0 5px #ffffff08;opacity:1}
.card-seat-thinking{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 8px;border-radius:5px;background:#d3d3d3;color:#292929;font:500 11px/1.2 var(--sans);box-shadow:inset 0 1px #fff4,0 2px 5px #0003}
.card-seat-thinking i{width:4px;height:4px;background:currentColor;border-radius:50%;flex:none}
.card-seat[data-position=top] .card-seat-thinking{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%)}
.cards-page .card-table-status.turn-cue{min-height:48px;width:min(300px,65%);padding:9px 12px;bottom:14px;box-shadow:inset 0 1px #ffffff0c,0 3px 12px #0002}
.cards-page .card-table-status .turn-cue-title{font-size:15px}
.cards-page .card-table-status .turn-cue-detail{font-size:11px}
.cards-page .card-table-status[data-ownership=mine]{background:linear-gradient(135deg,#484848,#353535)}
@keyframes pile-arrive{from{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) scale(1.035)}to{opacity:1;transform:translate(0,0) scale(1)}}
@media(max-width:760px){
 .cards-page .card-table-center{top:51%;width:60%;gap:6px}
 .card-play-pile{height:132px;--pile-card:55px;--pile-step:23px}
 .card-pile-hand[data-long=true]{--pile-card:43px;--pile-step:17px}
 .card-pile-row+.card-pile-row{margin-top:-22px}
 .card-pile-row .playing-card{border-radius:4px}
 .card-pile-layer{transform:translate(calc(var(--pile-x) * .6 + var(--pile-age) * -10px),calc(var(--pile-age) * -11px)) rotate(var(--pile-angle))}
 .card-latest-label{gap:4px;font-size:9px;min-height:19px}.card-latest-label strong{font-size:11px;max-width:76px}.card-latest-avatar{width:18px;height:18px}.card-latest-combo{font-size:9px}
 .cards-page .card-seat{gap:7px}.card-seat-thinking{font-size:10px;padding:4px 6px;gap:4px}
 .cards-page .card-seat-role{display:none}.cards-page .card-seat[data-active=true] .card-seat-top{margin:0;padding:5px 7px}
 .cards-page .card-table-status.turn-cue{min-height:41px;padding:6px 9px;bottom:8px;width:min(260px,68%)}
 .cards-page .card-table-status .turn-cue-title{font-size:13px}.cards-page .card-table-status .turn-cue-detail{font-size:10px}
}
@media(max-height:660px) and (max-width:760px){
 .cards-page .card-table-center{top:48%;gap:4px}
 .card-play-pile{height:94px;--pile-card:43px;--pile-step:19px}
 .card-pile-hand[data-long=true]{--pile-card:34px;--pile-step:13px}
 .card-pile-row+.card-pile-row{margin-top:-22px}
 .card-latest-combo{display:none}.card-latest-label{font-size:8px}.card-latest-label strong{font-size:10px}.card-latest-avatar{width:15px;height:15px}
 .cards-page .card-seat{gap:5px}.cards-page .card-seat[data-active=true] .card-seat-top{padding:3px 5px}.card-seat-thinking{font-size:9px;padding:3px 5px}
 .cards-page .card-table-status.turn-cue{min-height:34px;bottom:6px;padding:5px 7px}.cards-page .card-table-status .turn-cue-title{font-size:12px}.cards-page .card-table-status .turn-cue-detail{display:none}
}
@media(max-height:500px) and (min-width:600px){.cards-page .card-table-center{top:51%}.card-play-pile{height:95px;--pile-card:48px;--pile-step:22px}.card-pile-hand[data-long=true]{--pile-card:38px;--pile-step:16px}.card-latest-combo{display:none}.cards-page .card-table-status.turn-cue{min-height:34px;bottom:6px}.cards-page .card-table-status .turn-cue-detail{display:none}.cards-page .card-seat[data-position=left],.cards-page .card-seat[data-position=right]{top:18%}}
@media(min-width:761px){
 .cards-page .card-kitty{left:auto;right:20%;top:18px;transform:none}
 @container(max-height:360px){
  .cards-page .card-table-center{top:48%;gap:6px}
  .card-play-pile{height:128px;--pile-card:64px;--pile-step:30px}
  .card-pile-hand[data-long=true]{--pile-card:50px;--pile-step:23px}
  .card-pile-row+.card-pile-row{margin-top:-24px}
  .card-latest-combo{flex-basis:auto;margin-left:4px}
 }
 @container(max-height:260px){
  .card-play-pile{height:96px;--pile-card:50px;--pile-step:23px}
  .card-pile-hand[data-long=true]{--pile-card:40px;--pile-step:18px}
  .card-latest-label{min-height:20px;font-size:9px}.card-latest-label strong{font-size:11px}.card-latest-avatar{width:19px;height:19px}
  .cards-page .card-table-status.turn-cue{min-height:36px;padding:5px 9px;bottom:7px}.cards-page .card-table-status .turn-cue-detail{display:none}
 }
}
@media(prefers-reduced-motion:reduce){.card-pile-hand{animation:none}.card-pile-layer{transition:none}}