.profile-store {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.profile-store-head, .profile-store-subhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.profile-store-head h3, .profile-store-subhead h3 { margin: 2px 0 4px; font-size: 18px; }
.profile-store-head p, .profile-store-subhead p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.store-balance { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(246, 190, 66, .35); border-radius: 999px; color: #f6be42; background: rgba(246, 190, 66, .1); white-space: nowrap; }
.store-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.store-item { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 17px; background: var(--panel-2); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.store-item.is-equipped { border-color: #f6be42; box-shadow: 0 0 0 2px rgba(246, 190, 66, .12); }
.store-item:hover { transform: translateY(-1px); border-color: var(--purple); }
.store-item-copy { display: grid; min-width: 0; gap: 3px; }
.store-item-copy strong, .store-item-copy small { overflow: hidden; text-overflow: ellipsis; }
.store-item-copy strong { font-size: 13px; }
.store-item-copy small { color: var(--muted); font-size: 10px; line-height: 1.3; }
.badge-preview { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #f6be42, #ef6b54); box-shadow: 0 5px 14px rgba(0,0,0,.22); transform: rotate(-5deg); }
.badge-preview span { font-weight: 900; font-size: 22px; transform: rotate(5deg); }
.badge-pulse { background: linear-gradient(145deg, #35d0ba, #2d67e8); }
.badge-orbit { background: linear-gradient(145deg, #9b6bff, #e94fbc); }
.badge-crown { background: linear-gradient(145deg, #ffd66b, #bd6f22); }
.badge-comet { background: linear-gradient(145deg, #56b7ff, #3e4de0); }
.badge-vault { background: linear-gradient(145deg, #75849a, #27303f); }
.badge-royal { background: linear-gradient(145deg, #e87eaa, #6e2d96); }
.badge-legend { background: linear-gradient(145deg, #f4d37a, #a94325); }
.store-buy-btn { grid-column: 1 / -1; min-height: 36px; padding: 7px 10px; font-size: 11px; }
.store-buy-btn:disabled { cursor: default; opacity: .72; }
.store-price-muted { grid-column: 1 / -1; color: var(--muted); font-size: 10px; font-style: normal; text-align: center; }
.profile-skin-preview { position: relative; display: grid; width: 44px; height: 44px; place-items: center; overflow: hidden; border-radius: 14px; color: rgba(255,255,255,.92); background: linear-gradient(135deg, #5d36e8, #22c7bd); }
.profile-skin-preview::before, .profile-skin-preview::after { content: ''; position: absolute; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; transform: rotate(28deg); }
.profile-skin-preview::after { width: 52px; height: 16px; transform: rotate(-28deg); }
.profile-skin-preview span { position: relative; z-index: 1; font-weight: 900; font-size: 18px; }
.profile-skin-preview-aurora { background: linear-gradient(135deg, #6d4ef4, #2ed9b5, #ffd16d); }
.profile-skin-preview-carbon { background: linear-gradient(135deg, #17202d, #718096); }
.profile-skin-preview-gold { background: linear-gradient(135deg, #7c4d15, #f6d777, #ab641b); }
.profile-skin-preview-crimson { background: linear-gradient(135deg, #3a1127, #d84564, #ffad68); }
.profile-skin-preview-ice { background: linear-gradient(135deg, #174a70, #8fe8ff, #e3f6ff); }
.profile-skin-preview-neon-wave { background: linear-gradient(135deg, #281d8e, #ef4bc5, #36d4ff); }
.store-empty, .store-setup-hint { padding: 12px; border-radius: 13px; color: var(--muted); background: var(--panel-2); font-size: 12px; line-height: 1.45; }
.store-setup-hint { border: 1px dashed rgba(246, 190, 66, .45); color: #f6be42; }
.profile-badge { display: inline-grid; width: 20px; height: 20px; place-items: center; margin-left: 5px; border: 2px solid rgba(255,255,255,.75); border-radius: 7px; color: #fff; background: linear-gradient(145deg, #f6be42, #ef6b54); font-size: 10px; font-weight: 900; vertical-align: 2px; box-shadow: 0 2px 7px rgba(0,0,0,.22); }
.profile-badge.badge-pulse { background: linear-gradient(145deg, #35d0ba, #2d67e8); }
.profile-badge.badge-orbit { background: linear-gradient(145deg, #9b6bff, #e94fbc); }
.profile-badge.badge-crown { background: linear-gradient(145deg, #ffd66b, #bd6f22); }
.profile-badge.badge-comet { background: linear-gradient(145deg, #56b7ff, #3e4de0); }
.profile-badge.badge-vault { background: linear-gradient(145deg, #75849a, #27303f); }
.profile-badge.badge-royal { background: linear-gradient(145deg, #e87eaa, #6e2d96); }
.profile-badge.badge-legend { background: linear-gradient(145deg, #f4d37a, #a94325); }
.profile-skin-label { display: inline-flex; align-items: center; gap: 4px; margin: 5px 0 0; padding: 3px 8px; border: 1px solid rgba(255,255,255,.23); border-radius: 999px; color: var(--text); background: rgba(255,255,255,.08); font-size: 10px; }
.profile-skin-dot { display: inline-block; width: 8px; height: 8px; margin-left: 5px; border-radius: 50%; background: #36d4ff; box-shadow: 0 0 8px currentColor; vertical-align: 1px; }
.profile-skin-dot.skin-aurora { color: #2ed9b5; background: #2ed9b5; }
.profile-skin-dot.skin-carbon { color: #9aa9bd; background: #9aa9bd; }
.profile-skin-dot.skin-gold { color: #f6d777; background: #f6d777; }
.profile-skin-dot.skin-crimson { color: #ef5d76; background: #ef5d76; }
.profile-skin-dot.skin-ice { color: #a8f0ff; background: #a8f0ff; }
.profile-skin-dot.skin-neon-wave { color: #ef4bc5; background: #ef4bc5; }
.profile-card--skin-neon-wave .profile-banner { background: linear-gradient(120deg, #281d8e, #ef4bc5, #36d4ff); }
.profile-card--skin-aurora .profile-banner { background: linear-gradient(120deg, #6d4ef4, #2ed9b5, #ffd16d); }
.profile-card--skin-carbon .profile-banner { background: linear-gradient(120deg, #17202d, #718096); }
.profile-card--skin-gold .profile-banner { background: linear-gradient(120deg, #7c4d15, #f6d777, #ab641b); }
.profile-card--skin-crimson .profile-banner { background: linear-gradient(120deg, #3a1127, #d84564, #ffad68); }
.profile-card--skin-ice .profile-banner { background: linear-gradient(120deg, #174a70, #8fe8ff, #e3f6ff); }
.post-author.profile-skin-neon-wave .avatar, .post-author.profile-skin-aurora .avatar, .post-author.profile-skin-carbon .avatar, .post-author.profile-skin-gold .avatar, .post-author.profile-skin-crimson .avatar, .post-author.profile-skin-ice .avatar { box-shadow: 0 0 0 2px var(--skin-ring), 0 0 13px var(--skin-ring); }
.post-author.profile-skin-neon-wave { --skin-ring: #ef4bc5; }
.post-author.profile-skin-aurora { --skin-ring: #2ed9b5; }
.post-author.profile-skin-carbon { --skin-ring: #9aa9bd; }
.post-author.profile-skin-gold { --skin-ring: #f6d777; }
.post-author.profile-skin-crimson { --skin-ring: #ef5d76; }
.post-author.profile-skin-ice { --skin-ring: #a8f0ff; }
@media (max-width: 560px) { .profile-store { padding: 14px; } .store-grid { grid-template-columns: 1fr; } }
