.card-flow-card304{position:fixed;z-index:150;width:56px;height:80px;pointer-events:none;border:2px solid #e1c779;border-radius:5px;overflow:hidden;background:var(--deep263,#243129);box-shadow:0 0 12px #e9cc7d99,0 5px 14px #0009;display:flex;flex-direction:column;color:#fff}
.card-flow-card304 img{width:100%;height:58px;object-fit:cover}.card-flow-card304 small{font-size:10px;line-height:1.2;text-align:center;padding:2px;background:#172018;color:#fff;overflow:hidden}.flow-back304{height:100%;display:grid;place-items:center;font-size:30px;background:repeating-linear-gradient(45deg,#4c6550 0 5px,#23372d 5px 10px)}
.card-flow-card304.discard{border-color:#e3bda3}.card-flow-card304.shuffle{border-color:#8ed9e6}
.card-flow-label304{position:fixed;z-index:151;pointer-events:none;min-width:160px;padding:7px 12px;border:2px solid #e6cd8c;border-radius:7px;text-align:center;background:#18281df5;color:#fff4d7;font-size:16px;font-weight:800;box-shadow:0 3px 14px #0008;line-height:1.2}
body .pile303.flow-active304{outline:2px solid #f2d78d;outline-offset:-2px;background:var(--soft263,#43543c)}
.funds304{border-color:var(--line263,#907b52);margin:8px 0!important}.funds304>summary{font-weight:700}.funds304 .account-actions191{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
/* Compact piles above the full-width mobile hand; preserve the card viewport height. */
@media(max-width:720px){
 body.workspace91 .hand-dock91{height:calc(clamp(155px,28dvh,210px) + 36px)!important}
 .hand-row303{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:34px minmax(0,1fr);gap:2px}
 body .hand-row303 .pile303{width:auto;min-height:34px;padding:2px 8px;flex-direction:row;gap:7px;justify-self:start;min-width:86px}
 body .hand-row303 .pile303.deck{grid-column:2;grid-row:1;justify-self:end}
 body .hand-row303 .pile303.discard{grid-column:1;grid-row:1}
 body .hand-row303 .pile-art303{width:14px;height:20px;margin-left:3px}
 body .hand-row303 .pile303 strong{font-size:12px}
 body.workspace91 .hand-row303 #player-hand{grid-column:1/-1;grid-row:2;width:100%!important}
}
@media(max-width:720px) and (max-height:540px){body.workspace91 .hand-dock91{height:191px!important}}
@media(max-width:720px),(any-pointer:coarse){.card-flow-card304{width:50px;height:72px}.card-flow-card304 img{height:50px}.card-flow-label304{font-size:15px}.funds304 .account-actions191{grid-template-columns:repeat(2,minmax(0,1fr))}}