/* Full cards stay separately tappable; packet borders make combinations legible. */
#app .game-pife .pife-hand.pife-grouped-hand{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px 4px!important;padding:3px!important;align-content:start;align-items:start;justify-items:stretch;overflow:visible!important}
#app .game-pife .pife-hand.pife-flat-hand{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#app .game-pife .pife-unit{grid-column:span var(--pife-unit-size);min-width:0;margin:0;padding:2px;border:1px solid transparent;border-radius:7px;align-self:stretch}
#app .game-pife .pife-unit-label{display:block;font-size:11px;line-height:14px;height:14px;margin-bottom:2px;text-align:center;white-space:nowrap;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
#app .game-pife .pife-unit-cards{display:grid;grid-template-columns:repeat(var(--pife-unit-size),minmax(0,1fr));gap:3px;justify-items:center}
#app .game-pife .pife-unit .card{width:100%!important;min-width:44px;max-width:62px!important;height:auto!important;aspect-ratio:5/7;transform:none;flex:none;margin:0}
#app .game-pife .pife-unit .card:disabled{opacity:1!important;filter:none!important;cursor:default}
#app .game-pife .pife-unit .card.selected{transform:none;outline:3px solid var(--gold);outline-offset:0}
#app .game-pife .pife-unit-complete{border-color:#90c5a1;background:#90c5a112}
#app .game-pife .pife-unit-complete .pife-unit-label{color:#b8e3c4;font-weight:700}
#app .game-pife .pife-unit-partial{border-color:#b99b5e;border-style:dashed;background:#b99b5e0b}
#app .game-pife .pife-unit-partial .pife-unit-label{color:#e0c789}
#app .game-pife .pife-unit-new{border-color:#a6d8f5;background:#7dc3ef24;box-shadow:0 0 0 1px #7dc3ef55}
#app .game-pife .pife-unit-new .pife-unit-label{color:#c7ebff;font-weight:700}
#app .game-pife .pife-unit-loose .pife-unit-label{color:#c5c9b7;font-size:11px}
#app .game-pife .pife-flat-hand .pife-unit-loose .pife-unit-label{visibility:hidden}
#app .game-pife .pife-group-count{display:block;color:#c5c9b7;font-size:10px;line-height:13px;margin-top:2px;font-weight:400}
#app .game-pife .pife-incoming-note{color:#c7ebff;font-weight:600}
#app .game-pife .pife-buy-choice>button{min-height:44px;min-width:44px}
#app .game-pife .pife-buy-choice>#pife-knock{grid-column:1/-1}
@media(max-width:650px){
 #app .game-pife .pife-hand.pife-grouped-hand{gap:4px!important}
 #app .game-pife .pife-unit{padding:1px;border-radius:5px}
 #app .game-pife .pife-unit-label{font-size:11px;line-height:14px;height:14px;margin-bottom:2px}
 #app .game-pife .pife-unit-cards{gap:2px}
 #app .game-pife .pife-unit .card{width:clamp(44px,8.5dvh,60px)!important;max-width:100%!important;min-width:44px}
 #app .game-pife .pife-group-count{font-size:10px;line-height:13px;margin-top:1px}
 #app .game-pife .pife-hand-heading>span{font-size:10px;line-height:13px}
 #app .game-pife .pife-incoming-note{font-size:10px;line-height:13px;height:13px;min-height:13px}
 #app .game-pife .pife-buy-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px) and (max-height:620px){
 #app .game-pife .pife-felt{min-height:88px}
 #app .game-pife .pife-pile .card{width:28px!important}
}
@media(min-width:651px) and (max-width:1099px){
 #app .game-pife .pife-hand.pife-grouped-hand,#app .game-pife .pife-hand.pife-flat-hand{grid-template-columns:repeat(12,minmax(0,1fr))!important}
 #app .game-pife .pife-buy-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
}