:root{--zn-badge-sss: linear-gradient(135deg, #ff4757, #ff6b7a);--zn-badge-ss: linear-gradient(135deg, #ffa502, #ffb822);--zn-badge-s: linear-gradient(135deg, #3742fa, #5f66ff);--zn-badge-a: linear-gradient(135deg, #2ed573, #4ed88e);--zn-badge-situational: linear-gradient( 135deg, #9e9e9e, #bdbdbd );--zn-badge-ssr: #ffa500;--zn-badge-sr: #7ecfff;--zn-badge-r: #a0a0a0;--zn-badge-fire: #ff6b6b;--zn-badge-ice: #4dbfff;--zn-badge-wind: #4dffb8;--zn-badge-holy: #ffa500;--zn-badge-chaos: #b266ff;--zn-badge-guardian: #8e24aa;--zn-badge-warrior: #d32f2f;--zn-badge-rogue: #388e3c;--zn-badge-mage: #1976d2;--zn-badge-healer: #00796b;--zn-badge-buffer: #f57c00;--zn-badge-debuffer: #5d4037;--zn-badge-unknown: #757575;--zn-badge-blue: #2196f3;--zn-badge-orange: #ff9800;--zn-badge-purple: #9c27b0;--zn-badge-indigo: #673ab7;--zn-badge-green: #4caf50;--zn-badge-red: #f44336;--zn-badge-teal: #00bcd4;--zn-badge-brown: #795548;--zn-badge-gray: #9e9e9e;--zn-badge-white: #fff;--zn-badge-black: #000;--zn-badge-dark-gray: #222;--zn-badge-dot: #ff4757;--zn-badge-crit: #ffa502;--zn-badge-crit-dmg: #ff6348;--zn-badge-heal: #2ed573;--zn-badge-shield: #3742fa;--zn-badge-buff: #2f3542;--zn-badge-debuff: #a4b0be;--zn-badge-tank: #00acc1;--zn-badge-dps: #ff9800;--zn-badge-support: #9c27b0;--zn-badge-sapphire: #2196f3;--zn-badge-chemic: #ff9800;--zn-badge-avalon: #4caf50;--zn-badge-odius: #9c27b0;--zn-badge-asa: #f44336;--zn-badge-pingjing-city: #00bcd4;--zn-badge-monochrome-nation: #607d8b;--zn-badge-bicta-tower: #673ab7;--zn-badge-normal-attack: #ff9800;--zn-badge-auto-skill: #00acc1;--zn-badge-ultimate: #3f51b5;--zn-badge-passive: #c2185b;--zn-badge-team-skill: #9c27b0}.class-showcase-container{position:relative}.class-name.guardian{color:var(--zn-badge-blue)}.class-name.warrior{color:var(--zn-badge-orange)}.class-name.rogue{color:var(--zn-badge-purple)}.class-name.mage{color:var(--zn-badge-indigo)}.class-name.buffer{color:var(--zn-badge-green)}.class-name.debuffer{color:var(--zn-badge-red)}.class-name.healer{color:var(--zn-badge-teal)}.class-name.unknown{color:var(--text-secondary)}.unified-class-card{position:relative}.gameplay-tag{padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.gameplay-tag.dot{background:var(--zn-badge-dot)!important;color:var(--zn-badge-white)!important}.gameplay-tag.crit{background:var(--zn-badge-crit)!important;color:var(--zn-badge-white)!important}.gameplay-tag.crit-dmg{background:var(--zn-badge-crit-dmg)!important;color:var(--zn-badge-white)!important}.gameplay-tag.heal{background:var(--zn-badge-heal)!important;color:var(--zn-badge-white)!important}.gameplay-tag.shield{background:var(--zn-badge-shield)!important;color:var(--zn-badge-white)!important}.gameplay-tag.buff{background:var(--zn-badge-buff)!important;color:var(--zn-badge-white)!important}.gameplay-tag.debuff{background:var(--zn-badge-debuff)!important;color:var(--zn-badge-dark-gray)!important}@media (max-width: 768px){.unified-class-card{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;text-align:center!important;gap:1.5rem!important;min-width:unset!important;max-width:unset!important}.unified-class-card>div{grid-column:1!important;justify-self:center!important}.unified-class-card img{width:120px!important;height:120px!important}.unified-class-card>div:last-child{justify-content:center!important;max-width:unset!important}}.tag,.rarity-badge,.element-badge,.role-badge,.class-badge{padding:.4rem .8rem;border-radius:4px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;letter-spacing:.05em;border:none;cursor:default;margin:.2rem .3rem .2rem 0}.class-badge{padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rarity-badge,.element-badge,.role-badge,.faction-badge{padding:.4rem .8rem;font-size:.8rem;font-weight:600;border-radius:4px}.tag-rarity.ssr{background:var(--zn-badge-ssr);color:var(--zn-badge-black)}.tag-rarity.sr{background:var(--zn-badge-sr);color:var(--zn-badge-black)}.tag-rarity.r{background:var(--zn-badge-r);color:var(--zn-badge-black)}.tag-element.fire{background:var(--zn-badge-fire);color:var(--zn-badge-white)}.tag-element.ice{background:var(--zn-badge-ice);color:var(--zn-badge-white)}.tag-element.wind{background:var(--zn-badge-wind);color:var(--zn-badge-black)}.tag-element.holy{background:var(--zn-badge-holy);color:var(--zn-badge-black)}.tag-element.chaos{background:var(--zn-badge-chaos);color:var(--zn-badge-white)}.tag-class.guardian{background:var(--zn-badge-guardian);color:var(--zn-badge-white)}.tag-class.warrior{background:var(--zn-badge-warrior);color:var(--zn-badge-white)}.tag-class.rogue{background:var(--zn-badge-rogue);color:var(--zn-badge-white)}.tag-class.mage{background:var(--zn-badge-mage);color:var(--zn-badge-white)}.tag-class.buffer{background:var(--zn-badge-buffer);color:var(--zn-badge-black)}.tag-class.debuffer{background:var(--zn-badge-debuffer);color:var(--zn-badge-white)}.tag-class.healer{background:var(--zn-badge-healer);color:var(--zn-badge-white)}.tag-class.unknown{background:var(--zn-badge-unknown);color:var(--zn-badge-white)}.tag-class.tank{background:var(--zn-badge-tank);color:var(--zn-badge-white)}.tag-class.dps{background:var(--zn-badge-dps);color:var(--zn-badge-black)}.tag-faction{background:var(--zn-badge-purple);color:var(--zn-badge-white)}.mobile-card-badges .rarity-badge,.mobile-card-badges .element-badge,.mobile-card-badges .role-badge,.mobile-card-badges .class-badge,.mobile-card-badges .faction-badge{opacity:1;visibility:visible}@media (max-width: 768px){.mobile-character-card .rarity-badge,.mobile-character-card .element-badge,.mobile-character-card .role-badge,.mobile-character-card .class-badge,.mobile-character-card .faction-badge{padding:.25rem .6rem;font-size:.65rem;min-height:auto;border-width:1px;white-space:nowrap;flex-shrink:0;display:inline-block;line-height:1.2}.mobile-card-badges{gap:.4rem;margin:.6rem 0;padding:.6rem 0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%;max-width:100%;overflow:visible;border-top:1px solid rgba(255,183,77,.15);border-bottom:1px solid rgba(255,183,77,.15)}.mobile-card-badges .rarity-badge:active,.mobile-card-badges .element-badge:active,.mobile-card-badges .role-badge:active,.mobile-card-badges .class-badge:active,.mobile-card-badges .faction-badge:active{transform:scale(.95);transition:transform .1s ease}.mobile-card-tags .character-tag{font-size:.65rem;padding:.25rem .6rem;border-radius:6px;font-weight:500;white-space:nowrap;line-height:1.2;flex-shrink:0;display:inline-block}.mobile-card-tags .tags-container{display:flex;flex-wrap:wrap;gap:.4rem;line-height:1.2;align-items:center;justify-content:flex-start}.mobile-card-tags{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,183,77,.1)}.mobile-card-tags .tags-label{font-size:.7rem;color:var(--text-secondary);margin-bottom:.4rem;font-weight:600}}@media (max-width: 480px){.mobile-character-card .rarity-badge,.mobile-character-card .element-badge,.mobile-character-card .role-badge,.mobile-character-card .class-badge,.mobile-character-card .faction-badge{font-size:.55rem;padding:.2rem .45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px;flex-shrink:1;display:inline-block}.mobile-card-badges{gap:.3rem;margin-top:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.mobile-card-tags .character-tag{font-size:.55rem;padding:.2rem .45rem;border-radius:6px;line-height:1.2;white-space:nowrap}.mobile-card-tags .tags-container{gap:.3rem;align-items:center;justify-content:flex-start}.mobile-card-tags{margin-top:.4rem;padding-top:.4rem}.mobile-card-tags .tags-label{font-size:.65rem;margin-bottom:.3rem}}.class-badge,.rarity-badge,.element-badge,.faction-badge,.role-badge,.skill-badge,.awakening-badge{padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;border:none;margin:.2rem .3rem .2rem 0;line-height:1.2}.rarity-badge.sss,.tier-badge.sss{background:var(--zn-badge-sss);color:var(--zn-badge-white);font-weight:700}.rarity-badge.ss,.tier-badge.ss{background:var(--zn-badge-ss);color:var(--zn-badge-black);font-weight:700}.rarity-badge.s,.tier-badge.s{background:var(--zn-badge-s);color:var(--zn-badge-white);font-weight:700}.rarity-badge.a,.tier-badge.a{background:var(--zn-badge-a);color:var(--zn-badge-black);font-weight:700}.rarity-badge.situational,.tier-badge.situational{background:var(--zn-badge-situational);color:var(--zn-badge-black);font-weight:600;font-size:.7rem}.rarity-badge.ssr{background:var(--zn-badge-ssr);color:var(--zn-badge-black)}.rarity-badge.sr{background:var(--zn-badge-sr);color:var(--zn-badge-black)}.rarity-badge.r{background:var(--zn-badge-r);color:var(--zn-badge-black)}.element-badge.fire{background:var(--zn-badge-fire);color:var(--zn-badge-white)}.element-badge.ice{background:var(--zn-badge-ice);color:var(--zn-badge-white)}.element-badge.wind{background:var(--zn-badge-wind);color:var(--zn-badge-black)}.element-badge.holy{background:var(--zn-badge-holy);color:var(--zn-badge-black)}.element-badge.chaos{background:var(--zn-badge-chaos);color:var(--zn-badge-white)}.class-badge.guardian{background:var(--zn-badge-guardian);color:var(--zn-badge-white)}.class-badge.warrior{background:var(--zn-badge-warrior);color:var(--zn-badge-white)}.class-badge.rogue{background:var(--zn-badge-rogue);color:var(--zn-badge-white)}.class-badge.mage{background:var(--zn-badge-mage);color:var(--zn-badge-white)}.class-badge.healer{background:var(--zn-badge-healer);color:var(--zn-badge-white)}.class-badge.buffer{background:var(--zn-badge-buffer);color:var(--zn-badge-black)}.class-badge.debuffer{background:var(--zn-badge-debuffer);color:var(--zn-badge-white)}.class-badge.unknown{background:var(--zn-badge-unknown);color:var(--zn-badge-white)}.role-badge.tank{background:var(--zn-badge-tank);color:var(--zn-badge-white)}.role-badge.dps{background:var(--zn-badge-dps);color:var(--zn-badge-black)}.role-badge.support{background:var(--zn-badge-support);color:var(--zn-badge-white)}.role-badge.healer{background:var(--zn-badge-green);color:var(--zn-badge-white)}.role-badge.buffer{background:var(--zn-badge-blue);color:var(--zn-badge-white)}.role-badge.debuffer{background:var(--zn-badge-support);color:var(--zn-badge-white)}.faction-badge.unaffiliated{background:var(--zn-badge-gray);color:var(--zn-badge-white)}.faction-badge.sapphire{background:var(--zn-badge-sapphire);color:var(--zn-badge-white)}.faction-badge.chemic{background:var(--zn-badge-chemic);color:var(--zn-badge-black)}.faction-badge.avalon{background:var(--zn-badge-avalon);color:var(--zn-badge-white)}.faction-badge.odius{background:var(--zn-badge-odius);color:var(--zn-badge-white)}.faction-badge.asa{background:var(--zn-badge-asa);color:var(--zn-badge-white)}.faction-badge.pingjing-city{background:var(--zn-badge-pingjing-city);color:var(--zn-badge-white)}.faction-badge.monochrome-nation{background:var(--zn-badge-monochrome-nation);color:var(--zn-badge-white)}.faction-badge.bicta-tower{background:var(--zn-badge-bicta-tower);color:var(--zn-badge-white)}.skill-badge.normal-attack{background:var(--zn-badge-normal-attack);color:var(--zn-badge-black)}.skill-badge.auto-skill{background:var(--zn-badge-auto-skill);color:var(--zn-badge-white)}.skill-badge.ultimate{background:var(--zn-badge-ultimate);color:var(--zn-badge-white)}.skill-badge.passive{background:var(--zn-badge-passive);color:var(--zn-badge-white)}.skill-badge.team-skill{background:var(--zn-badge-team-skill);color:var(--zn-badge-white)}.awakening-badge.dupe-3,.awakening-badge.dupe-5{background:var(--zn-badge-orange);color:var(--zn-badge-black)}.awakening-badge.dupe-1,.awakening-badge.dupe-2,.awakening-badge.dupe-6{background:var(--zn-badge-teal);color:var(--zn-badge-white)}.awakening-badge.dupe-4{background:var(--zn-badge-purple);color:var(--zn-badge-white)}.faction-section{text-align:center;grid-column:1 / -1}.faction-description{color:var(--text-secondary);margin:.5rem 0 0;font-size:.85rem;font-style:italic;line-height:1.4;max-width:300px;margin-left:auto;margin-right:auto}.faction-chinese-name{margin-left:.5rem;font-size:.85rem;opacity:1;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--zn-badge-white)}.chinese-name,[class*=chinese]{color:var(--zn-badge-white)!important;font-weight:600!important;opacity:1!important}.character-tag{padding:.3rem .6rem;border-radius:3px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:default;margin:.15rem .25rem .15rem 0;max-width:fit-content}.character-tag.damage-scaling{background:var(--zn-badge-red);color:var(--zn-badge-white)}.character-tag.team-utility{background:var(--zn-badge-blue);color:var(--zn-badge-white)}.character-tag.self-utility{background:var(--zn-badge-green);color:var(--zn-badge-white)}.character-tag.general-mechanic{background:var(--zn-badge-purple);color:var(--zn-badge-white)}.character-tags-container{margin-top:1rem;padding:.8rem 0}.character-tags-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.1em}.character-tags-wrapper{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}@media (max-width: 768px){.character-tag{padding:.3rem .6rem;font-size:.7rem;margin:.15rem .2rem .15rem 0}.character-tags-container{margin-top:.8rem;padding:.6rem 0}.character-tags-wrapper{gap:.25rem}}