.character-profile{position:relative;border-radius:12px;overflow:hidden;color:#fff;min-height:70vh;width:100%;padding:40px 20px}.character-profile .class-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;z-index:0}.character-profile .background-image{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center top;z-index:1}.profile-content{position:relative;z-index:1;text-align:center;max-width:800px;padding:20px}.profile-content .avatar img{width:160px;height:160px;border-radius:50%;border:4px solid #fff;margin-bottom:20px;box-shadow:0 0 15px rgba(0,0,0,.9)}.profile-content h1{margin:0;font-size:36px;font-weight:bold;text-shadow:0 3px 6px rgba(0,0,0,.8)}.character-info{font-size:18px;margin:15px 0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.character-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;font-size:18px;margin-top:25px}.character-stats span{display:flex;align-items:center;gap:8px;font-weight:bold;color:#fff}.character-stats span svg{color:#ffd700}.character-stats .Grid{flex:0 1 calc(20% - 12px);margin-bottom:16px}.CharacterStat{display:flex;justify-content:center;margin-bottom:12px}.CharacterStat-media{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.4);padding:10px 12px;border-radius:10px;transition:transform .2s,box-shadow .2s}.Media-image{width:40px;height:40px;margin-bottom:6px}.Media-image svg{width:100%;height:100%;fill:currentColor}.Media-text{text-align:center}.Media-text span{font-weight:bold;font-size:1.2rem}.CharacterStat-name{font-weight:bold;font-size:.75rem;text-transform:uppercase;color:#ccc;margin-top:2px}.color-stat-HEALTH .Media-image svg{color:#27cc4e}.color-stat-MANA .Media-image svg{color:#1c8aff}.color-stat-RAGE .Media-image svg{color:#ab0000}.color-stat-MAELSTROM .Media-image svg{color:#008fff}.color-stat-FOCUS .Media-image svg{color:#d45719}.color-stat-FURY .Media-image svg{color:#8400ff}.color-stat-RUNICPOWER .Media-image svg{color:#00bcde}.color-stat-ENERGY .Media-image svg{color:#cb9501}.color-stat-INSANITY .Media-image svg{color:#60f}.color-stat-STRENGTH .Media-image svg{color:#f33232}.color-stat-INTELLECT .Media-image svg{color:#d26cd1}.color-stat-AGILITY .Media-image svg{color:#ffd955}.color-stat-STAMINA .Media-image svg{color:#ff8b2d}.color-stat-CRITICALSTRIKE .Media-image svg{color:#e01c1c}.color-stat-HASTE .Media-image svg{color:#0ed59b}.color-stat-MASTERY .Media-image svg{color:#9256ff}.color-stat-VERSATILITY .Media-image svg{color:#bfbfbf}