.pyramid-layout{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);max-width:800px;margin:0 auto}.pyramid-area{display:flex;flex-direction:column;align-items:center}.pyramid-row{display:flex;justify-content:center;margin-top:-40px}.pyramid-row:first-child{margin-top:0}.pyramid-card{width:70px;height:100px;margin:0 2px;cursor:default;transition:transform .15s ease}.pyramid-card.exposed{cursor:pointer}.pyramid-card.exposed:hover{transform:translateY(-5px)}.pyramid-card.selected .card{box-shadow:0 0 0 3px var(--color-accent);transform:translateY(-5px)}.pyramid-card.empty{visibility:hidden}.deck-area{display:flex;gap:var(--spacing-xl);justify-content:center}.stock-pile,.waste-pile{width:80px;height:112px;cursor:pointer}.stock-pile:hover,.waste-pile:hover{opacity:.9}.waste-pile .selected .card{box-shadow:0 0 0 3px var(--color-accent)}.recycle-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-accent);background:var(--color-bg-dark);border-radius:var(--radius-md);border:2px dashed var(--color-accent)}@media (max-width: 600px){.pyramid-row{margin-top:-30px}.pyramid-card{width:45px;height:63px;margin:0 1px}.deck-area{gap:var(--spacing-lg)}.stock-pile,.waste-pile{width:60px;height:84px}}@media (max-width: 400px){.pyramid-row{margin-top:-25px}.pyramid-card{width:38px;height:53px}}