/* Palette verified against the Wiki's Characterbox and Rarity styles. */
:is(.unit,.tiers-unit,.rarity-legend span){--rarity-surface:#17231e;--rarity-frame:linear-gradient(#53665b,#53665b);border:2px solid transparent;background:linear-gradient(var(--rarity-surface),var(--rarity-surface)) padding-box,var(--rarity-frame) border-box;background-size:100% 100%,100% 200%;background-position:0 0,0 0}
:is(.unit,.tiers-unit,.rarity-legend span)[data-rarity="Mythic"]{--rarity-frame:repeating-linear-gradient(135deg,#0000ff,#00ffff,#00ff00,#fffa00,#ff0000,#ff00ff,#0000ff,#00ffff,#00ff00,#fffa00);animation:rarity-flow 7s linear infinite}
:is(.unit,.tiers-unit,.rarity-legend span)[data-rarity="Secret"]{--rarity-frame:linear-gradient(#e01419,#e01419)}
:is(.unit,.tiers-unit,.rarity-legend span)[data-rarity="Exclusive"]{--rarity-frame:linear-gradient(135deg,#ff2fec,#be61ed,#759ef0,#01ffff)}
:is(.unit,.tiers-unit)[data-rarity="Legendary"]{--rarity-frame:linear-gradient(135deg,#ffea38,#f8a600)}
:is(.unit,.tiers-unit)[data-rarity="Epic"]{--rarity-frame:linear-gradient(135deg,#8405f1,#5800f6)}
:is(.unit,.tiers-unit)[data-rarity="Rare"]{--rarity-frame:linear-gradient(135deg,#0058ff,#14a9ff)}
:is(.unit,.tiers-unit):hover{border-color:transparent;box-shadow:0 0 0 1px #c5f875}
.rarity-legend{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;font-size:11px;color:#d6e2d8}.rarity-legend span{display:inline-block;padding:7px 12px;border-radius:6px}
.role-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.role-tabs button{min-height:44px;font-size:12px;padding:10px 15px}.role-tabs button[aria-pressed="true"]{background:#c5f875;color:#152016;border-color:#c5f875}
.trait-badge{display:flex!important;position:absolute;left:-3px;top:-9px;align-items:center;gap:0;border:0;background:none;padding:0;line-height:0;z-index:2;pointer-events:none}
.trait-badge img{display:block;width:24px!important;height:24px!important;max-width:none!important;object-fit:contain;padding:0!important;animation:trait-flow 3s linear infinite;filter:drop-shadow(0 0 3px #f345c399)}
.trait-badge img+img{margin-left:-7px;animation-delay:-.35s}
@keyframes trait-flow{from{filter:hue-rotate(0deg) drop-shadow(0 0 3px #f345c399)}to{filter:hue-rotate(360deg) drop-shadow(0 0 3px #f345c399)}}
.tier-name,.tiers-label{display:flex;flex-direction:column;gap:6px}.tier-name small,.tiers-label small{font-size:9px;font-weight:500;text-align:center;line-height:1.3;letter-spacing:0}
.ranking-credits{font-size:11px;color:#a4b5a9;line-height:1.7}.ranking-notes{font-size:12px;color:#c8d9ca;line-height:1.8;white-space:pre-line}
.tiers-rank{background:#c5f875!important;color:#152016!important}
#view-tierlist .page-intro{padding-bottom:20px}#view-tierlist .page-intro h1{font-size:46px;line-height:1.1}#view-tierlist .page-intro>p:last-child{font-size:13px;margin-top:15px}#tiers-status{margin:8px 0 12px}#tiers-credits{font-size:10px;margin:12px 0}#tiers-notes{font-size:11px;margin:10px 0 20px}
#unit-controls>label{display:block;margin-top:15px}#unit-controls{max-width:310px}
@keyframes rarity-flow{0%{background-position:0 0,0 0}100%{background-position:0 0,0 200%}}
@media(prefers-reduced-motion:reduce){:is(.unit,.tiers-unit,.rarity-legend span)[data-rarity="Mythic"],.trait-badge img{animation:none}}
@media(max-width:560px){.tier-name small,.tiers-label small{font-size:7px;max-width:44px;overflow-wrap:anywhere}.role-tabs{gap:5px}.role-tabs button{font-size:10px;padding:9px 11px}.rarity-legend{gap:6px;font-size:10px}.rarity-legend span{padding:6px 9px}}