.sol{--cw:min(12.4vw,78px);min-height:520px;gap:14px;padding:clamp(8px,2vw,16px)}
.sol .pcard{--cw:min(12.4vw,78px);cursor:pointer}
.sol-top{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1vw,10px)}
.sol-tab{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1vw,10px);align-items:start}
.sol-pile,.sol-col{position:relative;min-height:calc(var(--cw) * 1.4);display:flex;justify-content:center}
.sol-pile{border:2px dashed rgba(255,255,255,.25);border-radius:6px;align-items:center}
.sol-pile.fan{border:0;justify-content:flex-start}
.sol-pile.fan .pcard.under{margin-right:calc(var(--cw) * -.78);filter:brightness(.92)}
.sol-col{flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(var(--cw) * 3)}
.sol-col .pcard + .pcard{margin-top:calc(var(--cw) * -1.05)}
.sol-col .pcard.down + .pcard{margin-top:calc(var(--cw) * -1.15)}
.sol-empty{font-family:var(--display);font-weight:700;font-size:1.3rem;color:rgba(255,255,255,.35);display:grid;place-items:center;width:var(--cw);aspect-ratio:5/7}
.sol-col .sol-empty{border:2px dashed rgba(255,255,255,.25);border-radius:6px}
.pcard.picked{box-shadow:0 0 0 3px #F6C333,3px 3px 0 rgba(0,0,0,.45);transform:translateY(-3px)}
.sol-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sol-bar .felt-note{text-align:left}
@media (max-width:480px){
  .sol .pcard .c-corner b{font-size:calc(var(--cw) * .32)}
  .sol .pcard .c-pip svg{width:calc(var(--cw) * .38);height:calc(var(--cw) * .38)}
}