.sol{--gap-x:clamp(.3rem, 1.2cqw, .85rem);--card-w:min(108px, calc((100cqw - 6 * var(--gap-x)) / 7));--card-h:calc(var(--card-w) * 1.4);--fan-down:calc(var(--card-w) * .15);--fan-up:calc(var(--card-w) * .3);max-width:calc(756px + 5.1rem);margin-inline:auto;container-type:inline-size}.sol-bar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:clamp(1rem,3vw,1.75rem);display:flex}.sol-bar__spacer{flex:auto}.sol-btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit;font-size:var(--step-1);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .9rem;line-height:1.2;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.sol-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-faint)}.sol-btn:disabled{opacity:.4;cursor:not-allowed}.sol-btn--go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.sol-btn--go:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.sol-btn--toggle[data-on=false]{color:var(--text-faint);border-color:var(--border)}.sol-seg{border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.sol-seg__btn{background:var(--bg-raised);color:var(--text-muted);font:inherit;font-size:var(--step-1);cursor:pointer;border:0;padding:.5rem .75rem;transition:background-color .15s,color .15s}.sol-seg__btn+.sol-seg__btn{border-left:1px solid var(--border-strong)}.sol-seg__btn:hover,.sol-seg__btn[aria-pressed=true]{background:var(--bg-hover);color:var(--text)}.sol-stats{font-size:var(--step-1);color:var(--text-muted);font-variant-numeric:tabular-nums;gap:1.1rem;display:flex}.sol-stats b{color:var(--text);font-weight:500}.sol-stat-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:.35em;padding:0;display:inline-flex}.sol-stat-btn b{color:var(--text);border-bottom:1px dashed var(--border-strong);font-weight:500}.sol-stat-btn:hover b{color:var(--accent);border-bottom-color:var(--accent)}.sol-stat-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.sol-board{position:relative}.sol-row{grid-template-columns:repeat(7, var(--card-w));gap:var(--gap-x);justify-content:center;display:grid}.sol-row--top{margin-bottom:calc(var(--card-w) * .28)}.sol-row--top .sol-pile[data-pile=foundation]{grid-row:1}.sol-row--top .sol-pile[data-pile=foundation][data-index="0"]{grid-column:4}.sol-row--top .sol-pile[data-pile=foundation][data-index="1"]{grid-column:5}.sol-row--top .sol-pile[data-pile=foundation][data-index="2"]{grid-column:6}.sol-row--top .sol-pile[data-pile=foundation][data-index="3"]{grid-column:7}.sol-pile{width:var(--card-w);min-height:var(--card-h);border-radius:calc(var(--card-w) * .075);position:relative}.sol-pile:before{content:"";height:var(--card-h);border:1px dashed var(--border-strong);border-radius:inherit;background:#ffffff04;position:absolute;inset:0}.sol-pile[data-drop=ok]:before{border-color:var(--accent);background:#8fc22b1a}.sol-pile .card{position:absolute;left:0}.sol-pile__ghost{height:var(--card-h);font-size:calc(var(--card-w) * .34);color:var(--border-strong);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sol-pile[data-pile=stock]{cursor:pointer}.sol-pile__recycle{height:var(--card-h);font-size:calc(var(--card-w) * .3);color:var(--text-faint);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sol-row--tableau{align-items:start}.sol-row--tableau .sol-pile{min-height:calc(var(--card-h) + var(--fan-up) * 6)}.sol-waste .card{transition:none}.sol-win{border:1px solid var(--accent);border-radius:var(--radius);background:#8fc22b17;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.sol-win p{margin:0}.sol-win strong{font-weight:500}.sol-note{font-size:var(--step-1);color:var(--text-faint);margin-top:1rem}.sol-drag{z-index:60;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.sol-drag .card{position:absolute;left:0;box-shadow:0 10px 26px #00000080}@container (width<=30rem){.sol-board{--fan-up:calc(var(--card-w) * .26);--fan-down:calc(var(--card-w) * .12)}}@media (width<=30rem){.sol-bar{gap:.4rem .5rem}.sol-bar__spacer{flex-basis:100%;height:0}.sol-stats{width:100%}}.sol-probe{visibility:hidden;pointer-events:none;width:0;position:absolute;top:0;left:0}.sol-probe[data-probe=fan-up]{height:var(--fan-up)}.sol-probe[data-probe=fan-down]{height:var(--fan-down)}.sol [hidden]{display:none}.sol-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);max-width:min(26rem,100vw - 2rem);padding:clamp(1.25rem,4vw,1.75rem);box-shadow:0 24px 60px #0000008c}.sol-dialog::backdrop{background:#0009}.sol-dialog__title{font-size:var(--step1);margin:0 0 .5rem;font-weight:500}.sol-dialog__note{font-size:var(--step-1);color:var(--text-muted);margin:0 0 1.25rem}.sol-dialog__actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=26rem){.sol-dialog__actions{flex-direction:column-reverse}.sol-dialog__actions .sol-btn{justify-content:center}}.sol-field{flex-direction:column;gap:.4rem;margin-bottom:.9rem;display:flex}.sol-field__label{font-size:var(--step-1);color:var(--text-muted)}.sol-field__input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:.55rem .7rem}.sol-field__input::placeholder{color:var(--text-faint)}.sol-field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.sol-field__error{font-size:var(--step-1);color:#e0827e;margin:-.4rem 0 .9rem}.sol-field__note{font-size:var(--step-1);color:var(--accent);overflow-wrap:anywhere;margin:-.4rem 0 .9rem}.sol-stats b[data-rating=easy]{color:var(--accent)}.sol-stats b[data-rating=medium]{color:#e7c04b}.sol-stats b[data-rating=hard]{color:#e0a06e}.sol-stats b[data-rating=brutal]{color:#e0827e}.sol-stats b[data-rating=pending]{color:var(--text-faint);font-weight:400}.crumb[data-astro-cid-442bi6w6]{color:inherit;border-bottom:1px solid var(--border-strong);text-decoration:none}.crumb[data-astro-cid-442bi6w6]:hover{color:var(--text);border-color:var(--text)}.page-title[data-astro-cid-442bi6w6]{font-size:var(--step3)}.lede[data-astro-cid-442bi6w6]{max-width:var(--measure);color:var(--text-muted);margin-top:.75rem;margin-bottom:clamp(2rem,5vw,3rem)}
