.profile {
  background: #fdfdfd;
  border: 1px solid #ccc;
  padding: 10px;
  height: 700px;             /* ✅ 고정 높이 */
  position: relative;
  padding-bottom: 100px;     /* ✅ 하단 스탯 고려 여유 */
  box-sizing: border-box;    /* ✅ 패딩 포함 계산 */
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
}
.rarity.common { color: #888; }
.rarity.hero { color: #4caf50; }
.rarity.rare { color: #2196f3; }
.rarity.myth { color: #9c27b0; }
.rarity.legend { color: #ff9800; }

.level strong {
  font-size: 16px;
  font-weight: bold;
}
.level.level-1 strong { color: #999; }       /* Lv.1~5 */
.level.level-2 strong { color: #666; }       /* Lv.6~10 */
.level.level-3 strong { color: #2196f3; }    /* Lv.11~20 */
.level.level-4 strong { color: #4caf50; }    /* Lv.21~30 */
.level.level-5 strong { color: #ff9800; }    /* Lv.31~40 */
.level.level-6 strong { color: #e91e63; }    /* Lv.41~49 */
.level.level-7 strong { color: #9c27b0; }    /* Lv.50 */

.pet-stats {
  position: absolute;
  bottom: 20px;
  left: 10px;
  right: 10px;
  font-size: 14px;
}

.stat-entry {
  margin-bottom: 10px;
}

.stat-label {
  display: block;
  font-weight: bold;
  font-size: 13px;
  font-family:'pack';
  margin-bottom: 4px;
}

.stat-bar-bg {
  width: 100%;
  height: 12px;
  background-color: #eee;
  border-radius: 6px;
  overflow: hidden;
}

.stat-bar {
  height: 100%;
  border-radius: 6px;
  transition: width 0.3s;
}

/* 너가 정의한 색상과 너비 그대로 반영 */
.stat-bar.hp    { width: 80%; background: #e91e63; }
.stat-bar.str   { width: 90%; background: #f44336; }
.stat-bar.speed { width: 70%; background: #00bcd4; }
.stat-bar.luc   { width: 50%; background: #ffc107; }
.stat-bar.def   { width: 60%; background: #4caf50; }
.stat-bar.mdef  { width: 65%; background: #9c27b0; }
.stat-bar.mstr  { width: 75%; background: #3f51b5; }

.stat-bar.pow {
  width: 85%;
  background: linear-gradient(to right,
    #e91e63,   /* hp */
    #f44336,   /* str */
    #ffc107,   /* luc */
    #4caf50,   /* def */
    #00bcd4,   /* speed */
    #3f51b5,   /* mstr */
    #9c27b0    /* mdef */
  );
}