.spider-layout{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.tableau-area{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.tableau-column{position:relative;min-height:450px;padding-bottom:150px}.stacked-card{position:absolute;left:0;right:0;cursor:pointer;transition:transform .1s ease}.stacked-card:hover{transform:translateY(-2px)}.stacked-card.selected .card{box-shadow:0 0 0 3px var(--color-accent);transform:translateY(-5px)}.stacked-card.movable .card{cursor:grab}.bottom-area{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);margin-top:var(--spacing-xl);position:relative;z-index:10}.stock-area{position:relative;width:80px;height:112px;cursor:pointer}.stock-area:hover{opacity:.9}.stock-card{position:absolute}.completed-area{position:relative;min-width:200px;height:112px}.completed-stack{position:absolute;top:0}.game-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-dark);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text);font-weight:700;z-index:100;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}@media (max-width: 900px){.tableau-area{gap:4px}.tableau-column{min-height:350px;padding-bottom:120px}}@media (max-width: 600px){.spider-layout{gap:var(--spacing-md)}.tableau-area{gap:2px}.tableau-column{min-height:300px;padding-bottom:100px}.bottom-area{flex-direction:column;align-items:center;gap:var(--spacing-md)}.stock-area{width:60px;height:84px}.completed-area{min-width:150px;height:84px}}