.app header{flex-wrap:wrap}.app .controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.app select{font:inherit;padding:7px;border-radius:8px;background:#fff7db;color:#173c2b}.sol-metrics{display:flex;flex-wrap:wrap;gap:10px 24px;padding:10px 4px;color:#ffe5a0;font-variant-numeric:tabular-nums}.app button:disabled{opacity:.45;cursor:default}.board{position:relative}.sol-paused{position:absolute;inset:0;z-index:100;background:#06452f;display:grid;place-content:center;text-align:center}.sol-paused[hidden]{display:none}.sol-drag{position:fixed;z-index:9999;pointer-events:none;opacity:.9}.sol-drag .card{position:absolute;left:0}.card.face-up{touch-action:none;cursor:grab}.card.sol-hint,.pile.sol-hint,.foundation.sol-hint,#stock.sol-hint{outline:3px solid #ffdf65;outline-offset:2px}.sol-target{box-shadow:inset 0 0 0 3px #b9efc5}.sol-rules{margin:12px 0;color:#e8eddb;font-size:14px}.sol-rules summary{cursor:pointer}.sol-rules p{max-width:80ch;line-height:1.55}.sol-pause-note{color:#fff}.sol-metrics span{white-space:nowrap}.waste .card{position:absolute}.app .status{min-height:2.5em}@media(max-width:650px){.app header{gap:10px}.app .controls{gap:5px}.sol-metrics{gap:6px 15px;font-size:13px}.app .controls button,.app select{font-size:12px;padding:7px}.app .brand h1{font-size:21px}.sol-rules{font-size:12px}}@media(prefers-reduced-motion:reduce){.card,.confetti{transition:none!important;animation:none!important}}

/* Keep the site banner full width and the game edges light and consistent. */
.sol-metrics{max-width:1120px;margin-inline:auto}
.app .card.has-art{border:0;box-shadow:0 2px 5px #0003}
.app .card.face-down{border-width:2px;outline:0}
.app .foundation{border:1px solid #f6e2a54d;box-shadow:none}
.app .card.selected{box-shadow:0 0 0 3px #ffd75c,0 6px 14px #0005}