#board.sol{position:relative;width:min(760px,100%);min-height:200px;background:radial-gradient(ellipse at 50% 25%,#2f8a57,#1d6a3f 75%);border-radius:16px;box-shadow:inset 0 0 40px rgba(0,0,0,.28),0 8px 24px rgba(0,0,0,.15);touch-action:pan-y}
.sol .slot{position:absolute;left:0;top:0;width:var(--cw);height:calc(var(--cw)*1.4);border:2px dashed rgba(255,255,255,.35);border-radius:calc(var(--cw)*.09);box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:calc(var(--cw)*.34);font-weight:700;font-family:Georgia,serif}
.sol .slot[data-slot="stock"]{cursor:pointer}
.sol .sc{position:absolute;left:0;top:0;transition:transform .2s ease;touch-action:none;cursor:pointer;will-change:transform}
.sol .sc.drag{transition:none}
.sol .sc.drag .pc{box-shadow:0 8px 18px rgba(0,0,0,.4)}
.sol .sc.hint .pc{box-shadow:0 0 0 3px #f4c430,0 0 14px #f4c430}
.sol .sc.nope{animation:solnope .3s}
@keyframes solnope{25%{margin-left:-5px}75%{margin-left:5px}}
.sol-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
#sol-auto{background:var(--accent2);color:#fff;border-color:var(--accent2);font-weight:700}