/* One footprint for every card, including empty slots and animation copies. */
:root{--card-width:100px;--card-height:140px}
#playarea .foundations{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(3px,1vw,14px);width:100%;max-width:1000px}
#playarea .tableau{grid-template-columns:repeat(7,minmax(0,1fr));column-gap:clamp(3px,1vw,18px);width:100%;max-width:1000px}
#playarea .slot{width:100%;min-width:0}
#playarea .card,body>.card.move-ghost,body>.card.drag-ghost,
body>.move-ghost.flight-shell,body>.move-ghost.draw-flip-shell{
  box-sizing:border-box!important;
  width:var(--card-width)!important;min-width:var(--card-width)!important;max-width:var(--card-width)!important;
  height:var(--card-height)!important;min-height:var(--card-height)!important;max-height:var(--card-height)!important;
  aspect-ratio:5/7!important;flex:none!important;
}
#playarea .pile-stack,#playarea .stock-stack{width:var(--card-width);max-width:var(--card-width);margin-inline:auto}
#playarea .pile-stack>.face-up-edge,#playarea .pile-stack>.stack-backdrop,
#playarea .stock-stack>.stock-edge,#playarea .stock-stack>.stock-backdrop{
  width:var(--card-width)!important;min-width:var(--card-width)!important;max-width:var(--card-width)!important;
}
#playarea .pile-stack>.stack-backdrop,#playarea .stock-stack>.stock-backdrop{height:var(--card-height);aspect-ratio:5/7}
#playarea .pile-stack>.card,#playarea .stock-stack>.card{margin-inline:0!important}
#playarea .handcards .card{margin-inline:auto!important;margin-top:calc(var(--card-height) * -.62);}
#playarea .handcards .card:first-of-type{margin-top:0}
#playarea .handhead,#playarea .handcards{width:100%;min-width:0}
.card .suit-corner{position:absolute;top:6px;right:6px;bottom:auto;left:auto;z-index:6;font:normal clamp(.9rem,1.6vw,1.3rem)/1 Georgia,serif}
[data-size="extra"] .card .suit-corner{font-size:clamp(1.35rem,2.4vw,1.7rem)}
.card .top-marker{top:auto!important;bottom:5px}
@media(max-width:850px){.card .suit-corner{top:4px;right:4px;font-size:clamp(.65rem,2vw,1rem)}[data-size="extra"] .card .suit-corner{font-size:clamp(.82rem,2.4vw,1.15rem)}}