.profile-crystal-storage { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(201,165,76,.24); }
.profile-crystal-storage h4 { margin: 0 0 .75rem; font: inherit; font-weight: 700; color: #c9a54c; }
.profile-crystal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem; }
.profile-crystal-card { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .75rem; border: 1px solid rgba(201,165,76,.24); background: rgba(0,0,0,.2); }
.profile-crystal-card span { display: flex; align-items: center; gap: .45rem; }
.profile-crystal-card span::before { content: ''; width: .5rem; height: .5rem; flex: 0 0 .5rem; background: var(--crystal-color,#c9a54c); transform: rotate(45deg); }
.profile-crystal-card strong { font: inherit; font-weight: 700; font-variant-numeric: tabular-nums; color: #f0eadb; }
.profile-crystal-card[data-element="fire"] { --crystal-color: #ee8b75; }
.profile-crystal-card[data-element="ice"] { --crystal-color: #9cdee8; }
.profile-crystal-card[data-element="wind"] { --crystal-color: #9acfa1; }
.profile-crystal-card[data-element="earth"] { --crystal-color: #d1b176; }
.profile-crystal-card[data-element="lightning"] { --crystal-color: #c3a1db; }
.profile-crystal-card[data-element="water"] { --crystal-color: #91bff1; }
.profile-crystal-card[data-element="light"] { --crystal-color: #eee3b2; }
.profile-crystal-card[data-element="dark"] { --crystal-color: #aea3d5; }
.profile-crystal-storage .profile-note { margin-bottom: 0; font: inherit; color: #bfb7a5; }
@media (max-width: 640px) { .profile-crystal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }