.sol-hud{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--table-panel);border:1px solid var(--table-line);border-radius:16px;padding:18px 22px}.sol-hud strong{display:block;font-size:24px;letter-spacing:-.7px}.sol-hud span{display:block;font-size:13px;color:var(--table-muted);margin-top:6px}.sol-tools{display:flex;gap:8px;flex-wrap:wrap}.sol-tools button,.sol-move-picker button{background:var(--table-panel);color:var(--table-text);border:1px solid var(--table-line);border-radius:9px;padding:10px 14px;min-height:44px}.sol-guidance{font-size:14px;line-height:1.5;color:var(--table-muted);margin:20px 0}.sol-scroll{overflow-x:auto;border-radius:20px;border:8px solid #705031;box-shadow:0 15px 35px #0004}.sol-felt{background:radial-gradient(ellipse at 40% 30%,#22583f,#133525);padding:24px;min-width:340px;--step:29px;--card-height:clamp(72px,10vw,145px)}.sol-top,.sol-tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.sol-top{margin-bottom:24px}.sol-top>div{min-width:0}.sol-top small{display:block;text-align:center;color:#d2e5d7;font-size:11px;margin:8px 0}.sol-card{display:block;position:relative;width:100%;height:var(--card-height);border:1px solid #e6d9bf;border-radius:8px;background:linear-gradient(135deg,#fffdf7,#ece4d1);box-shadow:0 3px 6px #0005;color:#162a23;padding:5px;text-align:left;font-family:Georgia,serif;font-weight:750;min-height:0;transition:box-shadow .12s}.sol-card.red{color:#ac2e32}.sol-card.back{background:repeating-linear-gradient(45deg,#21465a 0 4px,#1a394e 4px 8px);border:3px solid #e6d9bf;box-shadow:inset 0 0 0 3px #a1834b,0 3px 6px #0005;display:grid;place-items:center;color:#d8bb79;font-size:28px}.sol-card.slot{background:#082c2260;border:2px dashed #b2d5b65c;box-shadow:none;color:#b3cdbb;display:grid;place-items:center;font-size:23px;text-align:center}.sol-card.selected{outline:4px solid #d5fa63;outline-offset:1px;z-index:20!important}.sol-corner{font-size:clamp(14px,2vw,22px);display:block;line-height:1}.sol-reverse{position:absolute;bottom:6px;right:5px;transform:rotate(180deg);font-size:clamp(14px,2vw,22px)}.sol-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(24px,4vw,46px)}.sol-column{position:relative;min-height:calc(var(--card-height) + (var(--count) - 1)*var(--step));padding-top:0}.sol-column>.sol-card{position:absolute;top:calc(var(--index,0)*var(--step))}.sol-column-label{display:block;text-align:center;position:absolute;bottom:-24px;left:0;right:0;color:#b3cdbb;font-size:11px}.sol-tableau{margin-bottom:30px}.sol-foundation.legal>.sol-card,.sol-column.legal{outline:3px solid #d5fa63;outline-offset:4px;border-radius:8px}.sol-move-picker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0;padding:18px;border:1px solid var(--table-line);border-radius:14px;font-size:14px}.sol-move-picker>span{color:var(--table-muted)}.sol-move-picker strong{flex-basis:100%}
@media(max-width:760px){.sol-felt{padding:15px 10px;--step:30px;--card-height:85px}.sol-top,.sol-tableau{gap:5px}.sol-scroll{border-width:5px;border-radius:14px}.sol-corner{font-size:16px}.sol-reverse{font-size:13px}.sol-suit{font-size:28px}.sol-hud{padding:16px}.sol-hud strong{font-size:22px}.sol-top small{font-size:8px}.sol-card{border-radius:5px;padding:4px}.sol-tools button{padding-inline:12px}.sol-move-picker{padding:12px;gap:8px}}
.sol-scroll{max-width:900px;margin-inline:auto;container-type:inline-size}.sol-felt{min-width:360px;--card-height:150px}.sol-move-picker{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;align-items:center;gap:18px}.sol-move-picker label{font-size:13px;font-weight:650;min-width:0}.sol-move-picker select{display:block;width:100%;max-width:100%;min-height:48px;margin-top:7px;font-size:16px;text-overflow:ellipsis}.sol-destinations{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.sol-destinations strong{flex-basis:100%;font-size:13px}.sol-destinations>span{color:var(--table-muted);line-height:1.5}.sol-destinations button{min-width:44px;min-height:44px}.sol-card:focus-visible{outline:3px solid #d5fa63;outline-offset:2px;z-index:30}.sol-card:disabled{opacity:1}.sol-guidance{min-height:21px}
.sol-corner{position:absolute;top:6px;left:5px}
@supports(height:1cqw){.sol-felt{--card-height:max(92px,calc(20cqw - 24px))}}
@media(max-width:760px){.sol-felt{--step:34px;--card-height:85px}.sol-move-picker{grid-template-columns:1fr;gap:12px}.sol-top small{font-size:9px}}
@supports(height:1cqw){@media(max-width:760px){.sol-felt{--card-height:max(85px,calc(20cqw - 10px))}}}

/* Use the spare top-row column for a readable three-card waste fan. */
.sol-waste.has-fan{grid-column:span 2}.sol-waste.has-fan+.sol-gap{display:none}
.sol-waste-packet{position:relative;height:var(--card-height)}
.sol-waste.has-fan .sol-card{position:absolute;top:0;left:calc(var(--waste-index)*25%);width:calc((100% - 12px)/2)}
.sol-covered{pointer-events:none}.sol-covered .sol-corner>span{display:block;line-height:1.05}
@media(max-width:760px){.sol-waste.has-fan .sol-card{width:calc((100% - 5px)/2)}}