/* キャラ/役職アイコンの土台。背景画像は face01-20 / skill00-06 の class が指定する。 */
.wolf-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
    flex-shrink: 0;
}

.wolf-icon-sm {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.wolf-icon-xs {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

/* 役職バッジ (旧サイト準拠の小さい正方形バッジ) */
.skill-badge {
    display: inline-block;
    min-width: 1.4em;
    padding: 0 0.25em;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    border-radius: 0;
    margin: 0 0.15em;
}

.skill-badge.bg-villager {
    background-color: #3071a9;
}

.skill-badge.bg-wolf {
    background-color: #c9302c;
}

/* キャラクター画像 */
.face01 { background-image: url('/wolfbbs-stats/images/face01-23912cce4350df01c786e44b5f09eb93.jpg'); }
.face02 { background-image: url('/wolfbbs-stats/images/face02-18ffc610ab17931efbb0889b5bbd929f.jpg'); }
.face03 { background-image: url('/wolfbbs-stats/images/face03-5c1c11511dd413bff38fb3bb3583fba0.jpg'); }
.face04 { background-image: url('/wolfbbs-stats/images/face04-aebd43f2b42a5690fec474ea6ad05483.jpg'); }
.face05 { background-image: url('/wolfbbs-stats/images/face05-1816a9b8384d227b608735210d34f6eb.jpg'); }
.face06 { background-image: url('/wolfbbs-stats/images/face06-34f9834b3ebfb863090f3e2563f86195.jpg'); }
.face07 { background-image: url('/wolfbbs-stats/images/face07-071cb8f38781b30e9d5372493abe268f.jpg'); }
.face08 { background-image: url('/wolfbbs-stats/images/face08-04020682f923ed4c4f7f84b058483f9b.jpg'); }
.face09 { background-image: url('/wolfbbs-stats/images/face09-3a6849d8505f221d14b88ee27d23d4dd.jpg'); }
.face10 { background-image: url('/wolfbbs-stats/images/face10-ceadc35360d569ca956d8261f4d16e9a.jpg'); }
.face11 { background-image: url('/wolfbbs-stats/images/face11-3effbad9dfa1117777c6c874464a6288.jpg'); }
.face12 { background-image: url('/wolfbbs-stats/images/face12-facad860d97b82bf7e54fec79e6e292f.jpg'); }
.face13 { background-image: url('/wolfbbs-stats/images/face13-f7f7083eb67c17783d4606208598bbd1.jpg'); }
.face14 { background-image: url('/wolfbbs-stats/images/face14-58bcc518ef28c4a89b53038d2b64f789.jpg'); }
.face15 { background-image: url('/wolfbbs-stats/images/face15-0225e42a03ce74d907e67646a06b867e.jpg'); }
.face16 { background-image: url('/wolfbbs-stats/images/face16-c953f3b09fbc375c6a13903b184d062c.jpg'); }
.face17 { background-image: url('/wolfbbs-stats/images/face17-cb7d2193eaa7c16e26532c62fee9ad2f.jpg'); }
.face18 { background-image: url('/wolfbbs-stats/images/face18-ba7f89a6dc2fa6197b866fc05651cb09.jpg'); }
.face19 { background-image: url('/wolfbbs-stats/images/face19-bd1d2a77f9d45b02832f0ab996197047.jpg'); }
.face20 { background-image: url('/wolfbbs-stats/images/face20-d85b66dcb5830eb2f946ebf2aa4909e9.jpg'); }
.face99 { background-image: url('/wolfbbs-stats/images/face99-b34ba1264e17bc69c06ccbbfa719c446.jpg'); }

/* 役職画像 */
.skill00 { background-image: url('/wolfbbs-stats/images/skill00-cf0b18aca132c6daa3602e776f147984.jpg'); }
.skill01 { background-image: url('/wolfbbs-stats/images/skill01-f40ef95643e3b7482d3728923d2970c5.jpg'); }
.skill02 { background-image: url('/wolfbbs-stats/images/skill02-e2ea4ea262bbfc2e4162639d74c11786.jpg'); }
.skill03 { background-image: url('/wolfbbs-stats/images/skill03-b54bc4e6b3b524d0fa9d4e228353306d.jpg'); }
.skill04 { background-image: url('/wolfbbs-stats/images/skill04-dc31db7d7b0475173c3cd20e4acfa808.jpg'); }
.skill05 { background-image: url('/wolfbbs-stats/images/skill05-4ce353f15dcecddbf17b31a2fbc2a556.jpg'); }
.skill06 { background-image: url('/wolfbbs-stats/images/skill06-e6054d428527c117544ea9586e31b875.jpg'); }