.sol-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.sol-heading img{width:200px;height:auto}.sol-heading h1{font-size:30px;margin:6px 0}.sol-heading p{margin:5px 0}.sol-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:24px 0 18px}.sol-toolbar label{display:grid;gap:5px;font-weight:700}.sol-toolbar select{min-height:44px;max-width:100%;padding:8px;border:1px solid #667875;border-radius:4px;background:#fff;color:#192c29}.sol-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #667875;border-radius:4px;background:#fff;color:#173e34}.sol-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}.sol-status{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px}.sol-status h2{font-size:21px;margin:0 0 8px}.sol-status p{max-width:680px;line-height:1.55;margin:0 0 12px}.sol-status dl{display:flex;gap:20px;flex-shrink:0;margin:0 0 16px}.sol-status dt{font-size:12px;color:#435754}.sol-status dd{margin:4px 0 0;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.sol-scroll{overflow:auto;max-width:100%;background:#165544;border:2px solid #123c31;border-radius:6px;scrollbar-color:#e6b644 #165544}.sol-board{min-width:574px;padding:20px;--card-height:122px;--overlap:32px;color:#fff}.sol-top,.sol-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.sol-top{margin-bottom:22px}.sol-top>div:nth-child(3){grid-column:4}.sol-pile-title{display:block;font-size:13px;margin-bottom:8px;font-weight:700;white-space:nowrap}.sol-slot{position:relative;height:var(--card-height)}.sol-stack{position:relative;min-height:var(--card-height)}.sol-card{position:absolute;inset:0 0 auto;width:100%;height:var(--card-height);padding:8px;display:flex;align-items:flex-start;justify-content:space-between;border:1px solid #63736c;border-radius:5px;color:#202825;background:#fff;box-shadow:0 2px 2px #092c3050;text-align:left;cursor:pointer;font-size:22px;line-height:1.1;touch-action:manipulation}.sol-card.red{color:#b3233a}.sol-card .sol-suit{align-self:center;font-size:32px}.sol-card .sol-corner{font-weight:800;display:flex;gap:3px;align-items:center}.sol-card .sol-corner small{font-size:18px}.sol-card.back{background:repeating-linear-gradient(45deg,#22599a 0,#22599a 6px,#306cac 6px,#306cac 8px);box-shadow:inset 0 0 0 4px #fff,0 2px 2px #092c3050;border-color:#fff}.sol-card.empty{color:#fff;background:#0c3f33;border:2px dashed #9dc8ba;align-items:center;justify-content:center;box-shadow:none;font-size:18px}.sol-card[aria-pressed=true]{outline:3px solid #ffd360;outline-offset:-4px}.sol-card.destination{outline:3px solid #ffd360;outline-offset:1px}.sol-card:focus-visible{outline:4px solid #ffdc79;outline-offset:1px;z-index:60!important}.sol-card:disabled{cursor:default}.sol-card.covered{pointer-events:none}.sol-stock-count{font-size:16px;background:#fff;color:#192c29;padding:4px;border-radius:2px}.sol-rules{margin:24px 0;border-top:1px solid #b8cbc5;border-bottom:1px solid #b8cbc5;padding:16px 0}.sol-rules summary{font-weight:700;cursor:pointer}.sol-rules li,.sol-rules p{line-height:1.65;max-width:900px}.sol-fact{padding:18px 0;border-top:1px solid #b8cbc5}.sol-history{margin:24px 0}.sol-history ul{padding:0;list-style:none}.sol-history li{margin:10px 0}#sol-review{padding:24px 0;border-top:1px solid #b8cbc5}#sol-review input{display:block;width:min(100%,680px);margin:12px 0}#sol-moves{max-height:240px;overflow:auto;line-height:1.7}#sol-next{margin-top:16px}#sol-save{min-height:25px;line-height:1.5}#solitaire button:disabled{opacity:.7}#solitaire .sol-card:disabled{opacity:1}
@media(min-width:1100px){.sol-board{--card-height:142px;--overlap:34px}.sol-card{font-size:26px}.sol-card .sol-suit{font-size:40px}}
@media(max-width:720px){.sol-heading img{width:112px}.sol-heading h1{font-size:25px}.sol-status{display:block;min-height:160px}.sol-status dl{gap:24px}.sol-board{padding:14px;--card-height:105px;--overlap:32px}.sol-top,.sol-columns{gap:9px}.sol-card{font-size:19px;padding:7px}.sol-card .sol-suit{font-size:26px}.sol-card .sol-corner small{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sol-scroll{scroll-behavior:auto}}