/* 屬性徽章：一字元寬，字=角色 · 底色=五型 · 外框形狀=兵種。樣式與 badge.js 的 class 對齊。 */
.frab{--frab-sz:1.25em;display:inline-flex;align-items:center;justify-content:center;
  width:var(--frab-sz);height:var(--frab-sz);flex:none;font-weight:900;font-size:calc(var(--frab-sz)*0.62);
  color:#fff;text-shadow:0 1px 2px #0009;box-shadow:inset 0 0 0 1.5px #ffffffcc,0 1px 2px #0006;
  vertical-align:-0.2em;line-height:1;user-select:none;box-sizing:border-box}
.frab-dk{color:#20242c;text-shadow:0 1px 1px #ffffff88}          /* 金(淺底)用深字 */
/* 兵種＝外框形狀（擴充新兵種＝加一個形狀 class；擴充前確認還有可辨識形狀） */
.frab-sq{border-radius:3px}                                       /* 重＝方 */
.frab-rd{border-radius:50%}                                       /* 機＝圓 */
.frab-oct{clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%)} /* 長＝切角(八角) */
.frab-hex{clip-path:polygon(50% 0,100% 27%,100% 73%,50% 100%,0 73%,0 27%)}                /* 預留：六角 */
.frab-dia{border-radius:3px;transform:rotate(45deg)}             /* 預留：菱形(字不轉→需外層再轉回,暫留) */
/* 一排徽章（相剋/說明用）：小間距對齊 */
.frab-row{display:inline-flex;gap:3px;align-items:center;vertical-align:-0.2em}