:root{--card-w:clamp(60px,10vw,115px);--card-h:calc(var(--card-w) * 1.45);--col-gap:clamp(1px,0.5vw,3px);--padding:10px}.game{background:#0c592d;min-height:100vh;padding:var(--padding);box-sizing:border-box;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game>:not(.game-inner){width:100%}.game-inner{width:max-content;margin-left:0;margin-right:auto}.top-row{display:flex;justify-content:space-between;align-items:center}.board{display:flex;gap:var(--col-gap);align-items:flex-start;padding-bottom:12px;width:100%;box-sizing:border-box}.column{width:var(--card-w);flex-shrink:0;position:relative}.card-wrapper{position:absolute}.card-spider img{border-radius:6px}.card-spider img,.stock img{width:var(--card-w);display:block}.stock img{cursor:pointer}.foundation-row,.spider-foundation-container{display:flex;flex-wrap:wrap;gap:var(--col-gap)}.foundation-slot{width:var(--card-w);height:var(--card-h);display:flex;align-items:center;justify-content:center}.foundation-slot img{width:var(--card-w);display:block}.column-container{width:var(--card-w);position:relative;min-height:var(--card-h)}.column-container.empty{background-image:url(/spider-solitaire/back.png);background-size:contain;background-repeat:no-repeat;background-position:top}.faceshake{animation:shake .4s cubic-bezier(.36,.07,.19,.97);pointer-events:none;user-select:none}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-1px)}40%{transform:translateX(1px)}60%{transform:translateX(-.8px)}80%{transform:translateX(.8px)}to{transform:translateX(0)}}.card-flip,.no-click{pointer-events:none}.card-flip{animation:flipIn .3s ease-out;transform-origin:center;backface-visibility:hidden}@keyframes flipIn{0%{transform:rotateY(90deg) scale(.95);opacity:0}60%{transform:rotateY(-10deg) scale(1.02);opacity:1}to{transform:rotateY(0deg) scale(1)}}@media (max-width:768px){:root{--padding:6px;--col-gap:clamp(1px,0.4vw,3px);--card-w:calc((100vw - (var(--padding) * 2) - (var(--col-gap) * 9)) / 10)}.game{padding:var(--padding);min-height:55vh;width:100%}}@media (max-width:480px){:root{--padding:4px;--col-gap:1px;--card-w:calc((100vw - (var(--padding) * 2) - 9px) / 10)}.game{padding:var(--padding);min-height:55vh}.card-spider img,.foundation-slot img,.stock img{border-radius:0}}