.sol { position: relative; z-index: 0; flex: 1; min-height: 0; overflow: hidden; background: #008000; box-shadow: var(--sunk); touch-action: none; }
.sol svg { shape-rendering: auto; }
.soldefs { position: absolute; }
.slot { position: absolute; box-sizing: border-box; width: 71px; height: 96px; border: 2px solid rgba(0, 0, 0, .28); border-radius: 6px; }
.stk.rc::after { content: ''; position: absolute; left: 50%; top: 50%; box-sizing: border-box; width: 30px; height: 30px; margin: -15px; border: 5px solid #40c040; border-radius: 50%; }
.card { position: absolute; width: 71px; height: 96px; transition: left .12s, top .12s; }
.card svg { display: block; width: 71px; height: 96px; }
.card.drag { transition: none; }
.solcv { position: absolute; inset: 0; z-index: 3000; }
.sol .dlg { z-index: 4000; width: 280px; }
.solbk { display: flex; justify-content: center; gap: 8px; padding: 14px 8px; }
.solpick { padding: 3px; border: 0; background: none; line-height: 0; }
.solpick.on { background: var(--sel); }
.solpick svg { width: 50px; height: 68px; }
.solbtn { display: flex; justify-content: center; gap: 8px; padding-bottom: 8px; }