.shop-page{width:min(1180px,100vw - 36px);animation:riseIn .48s var(--ease-out) backwards;gap:28px;margin-inline:auto;padding:clamp(18px,4vh,40px) 0 88px;display:grid}.shop-header{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.shop-back{order:-1}.shop-heading{flex:auto}.shop-heading h1{font-size:clamp(1.9rem,4vw,2.8rem)}.shop-heading .eyebrow{margin:0 0 4px}.shop-balance{font-size:1.05rem}.shop-loading,.shop-empty-state{border:1px solid var(--panel-border);background:var(--panel);color:var(--cream-dim);border-radius:18px;padding:20px 22px;font-size:1.05rem}.shop-group h2{margin:0 0 14px;font-size:clamp(1.4rem,2.8vw,1.9rem)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.shop-card{border:1px solid var(--panel-border);background:var(--panel);transition:transform .2s var(--ease-out), border-color .2s ease;border-radius:18px;align-content:start;gap:10px;padding:clamp(16px,2.2vw,22px);display:grid;box-shadow:0 18px 44px #00000042}.shop-card:hover{border-color:#f2c14e59;transform:translateY(-2px)}.shop-card.owned{border-color:#f2c14e8c}.shop-card h3{font-family:var(--font-display);color:var(--cream);margin:0;font-size:1.25rem}.shop-price{color:var(--gold-soft);margin:0;font-size:1.1rem;font-weight:800}.shop-owned-badge{color:#0a2114;background:linear-gradient(#64c97a,#2f8049);border-radius:999px;justify-self:start;align-items:center;padding:6px 14px;font-size:.9rem;font-weight:800;display:inline-flex}.shop-action{justify-items:start;gap:8px;display:grid}.shop-action button{min-height:48px;padding:12px 22px}.shop-hint{color:var(--cream-dim);margin:0;font-size:.92rem}.shop-hint a{color:var(--gold-soft);font-weight:700;text-decoration:underline}.shop-hint.error{color:#ffc7bd;font-weight:700}@media (max-width:640px){.shop-header{flex-direction:column;align-items:stretch}.shop-balance{justify-self:start}.shop-grid{grid-template-columns:1fr}}
