.rarity-badge,.element-badge,.position-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap;min-width:fit-content;border:none}.rarity-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--ss-border-subtle)}.rarity-badge.five-star,.rarity-badge.four-star,.rarity-badge.three-star,.rarity-badge.\35-star,.rarity-badge.\34-star,.rarity-badge.\33-star{text-transform:none;letter-spacing:normal}.rarity-badge.five-star,.rarity-badge.\35-star{background:var(--ss-five-star);color:var(--ss-text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rarity-badge.four-star,.rarity-badge.\34-star{background:var(--ss-epic);color:var(--ss-text-primary)}.rarity-badge.three-star,.rarity-badge.\33-star{background:var(--ss-rare);color:var(--ss-text-primary)}.element-badge{font-weight:600;text-transform:capitalize;border:none}.element-aqua{background:var(--ss-primary-dark);color:var(--ss-text-primary)}.element-ignis{background:var(--ss-element-ignis);color:var(--ss-text-primary)}.element-lux{background:var(--ss-element-lux);color:var(--ss-bg-primary)}.element-terra{background:var(--ss-element-terra);color:var(--ss-text-primary)}.element-umbra{background:var(--ss-element-umbra);color:var(--ss-text-primary)}.element-ventus{background:var(--ss-element-ventus);color:var(--ss-text-primary)}.position-badge{background:var(--ss-primary);color:var(--ss-text-primary);border:none;text-transform:capitalize;font-weight:600}.attack-type-badge-container{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .375rem;border-radius:6px;background:var(--ss-white-opacity-05);border:none}.attack-type-icon-detail{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attack-type-img{width:100%;height:100%;object-fit:contain;object-position:center}.attack-type-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.1875rem .375rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:none}.attack-type-melee{background:var(--ss-error-opacity-25);color:var(--ss-error)}.attack-type-ranged{background:var(--ss-info-opacity-15);color:var(--ss-info)}.position-vanguard{background:var(--ss-primary-dark);color:var(--ss-text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.position-versatile{background:var(--ss-versatile);color:var(--ss-text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--ss-versatile-dark)}.position-support{background:var(--ss-accent);color:var(--ss-text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--ss-accent-dark)}.style-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap;min-width:fit-content;background:var(--ss-accent-dark);color:var(--ss-text-primary);border:1px solid var(--ss-border-subtle);text-transform:capitalize}.style-badge.style-collector{background:#eab30833;border-color:#eab30866;color:#fbbf24}.style-badge.style-adventurous{background:#ef444433;border-color:#ef444466;color:#f87171}.style-badge.style-steady{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.style-badge.style-creative{background:#a855f733;border-color:#a855f766;color:#c084fc}.style-badge.style-inquisitive{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.style-badge.empty{background:transparent;color:var(--ss-text-secondary);border:1px dashed var(--ss-border-subtle)}.character-table .position-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;min-width:fit-content}.element-badge-container{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .375rem;border-radius:6px;background:var(--ss-white-opacity-05);border:none}.element-img-fill{width:100%;height:100%;object-fit:contain;object-position:center}.element-badge-container .element-badge{padding:.1875rem .375rem;font-size:.75rem;border:none}.skill-type{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none;font-family:var(--font-primary);line-height:1.2;position:relative;overflow:hidden;min-width:fit-content}.skill-type-attack{background:var(--ss-error-opacity-25);color:var(--ss-error)}.skill-type-main-skill{background:var(--ss-primary-opacity-25);color:var(--ss-primary)}.skill-type-support-skill{background:var(--ss-accent-opacity-25);color:var(--ss-accent)}.skill-type-ultimate{background:var(--ss-legendary-opacity-25);color:var(--ss-legendary);font-weight:700;letter-spacing:.1em}.skill-level,.skill-cooldown,.skill-energy{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;border:none;font-family:var(--font-primary);line-height:1.2;letter-spacing:.025em;position:relative;overflow:hidden;min-width:fit-content}.skill-level{background:var(--ss-level-purple);color:var(--ss-level-color);border:1px solid var(--ss-level-border)}.skill-cooldown{background:var(--ss-info-opacity-15);color:var(--ss-info)}.skill-energy{background:var(--ss-mythic-opacity-15);color:var(--ss-mythic)}.skill-level strong,.skill-cooldown strong,.skill-energy strong{color:inherit;font-weight:700}@media (max-width: 768px){.rarity-badge,.element-badge,.position-badge{padding:.3125rem .625rem;font-size:.8125rem}.skill-type{padding:.4375rem .875rem;font-size:.8125rem}.skill-level,.skill-cooldown,.skill-energy{padding:.3125rem .625rem;font-size:.8125rem}.element-badge-container{gap:.3125rem;padding:.1875rem .4375rem}}@media (max-width: 480px){.rarity-badge,.element-badge,.position-badge{padding:.25rem .5rem;font-size:.75rem}.skill-type{padding:.375rem .75rem;font-size:.75rem}.skill-level,.skill-cooldown,.skill-energy{padding:.25rem .5rem;font-size:.75rem}.element-badge-container{gap:.25rem;padding:.125rem .375rem}}