.characters-page{scroll-margin-top:80px}.section-hero-characters{padding-top:var(--space-16);padding-bottom:var(--space-12)}.hero-characters-grid{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,1fr);gap:var(--space-10);align-items:center}.hero-characters-copy{display:flex;flex-direction:column;gap:var(--space-5);max-width:640px}.hero-characters-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-characters-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.hero-characters-links{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.hero-characters-visual{position:relative}.hero-characters-rail{padding:var(--space-4);min-height:320px;display:flex;align-items:flex-end;justify-content:center}.hero-characters-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:cover}.hero-characters-overlay{position:absolute;inset:auto var(--space-4) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.hero-characters-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.section-characters-overview{padding-top:var(--space-12)}.characters-archetypes-grid{margin-top:var(--space-4)}.section-characters-ranking .characters-ranking-card{display:flex;flex-direction:column;gap:var(--space-5)}.characters-ranking-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-2)}.characters-ranking-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.characters-ranking-table-wrapper{margin-top:var(--space-3);border-radius:var(--radius-lg);background:rgba(15,23,42,0.94);border:1px solid rgba(148,163,184,0.35);box-shadow:var(--shadow-soft);overflow:hidden;font-size:var(--font-size-sm)}.characters-ranking-row{display:grid;grid-template-columns:0.7fr 1.3fr 1fr 1.3fr 2fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(15,23,42,0.9);background:linear-gradient(90deg,rgba(15,23,42,0.98),rgba(15,23,42,0.97))}.characters-ranking-row:nth-child(even){background:linear-gradient(90deg,rgba(15,23,42,0.96),rgba(15,23,42,0.98))}.characters-ranking-row-head{background:rgba(15,23,42,0.98);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:var(--color-text-soft);border-bottom:1px solid rgba(148,163,184,0.4);font-family:var(--font-display)}.characters-ranking-row:last-child{border-bottom:none}.characters-ranking-tier{font-family:var(--font-display);font-size:var(--font-size-lg)}.s-tier{color:var(--color-accent-lime)}.a-tier{color:var(--color-primary)}.b-tier{color:var(--color-accent-orange)}.section-characters-unlock .characters-unlock-grid{gap:var(--space-6)}.section-characters-stats .characters-stats-grid{gap:var(--space-8);align-items:center}.characters-stats-infographic{padding:var(--space-4);display:flex;align-items:center;justify-content:center;min-height:320px}.characters-stats-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:cover}.characters-stats-highlights{margin-top:var(--space-5);padding:var(--space-5)}.section-characters-skins .characters-skins-grid{margin-top:var(--space-4)}.section-characters-starter .characters-starter-card{padding:var(--space-6)}.characters-starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.characters-starter-steps,.characters-farming-steps{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3)}.characters-starter-steps li,.characters-farming-steps li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:flex-start}.characters-starter-step-number{width:2rem;height:2rem;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 0 0,rgba(56,189,248,0.7),rgba(168,85,247,0.7));box-shadow:var(--shadow-xs);font-family:var(--font-display);font-size:0.9rem}.section-characters-premium .characters-premium-card{padding:var(--space-6)}.characters-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.section-characters-xp .characters-xp-card{padding:var(--space-6)}.characters-xp-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-8);align-items:flex-start}.characters-xp-table-wrapper{border-radius:var(--radius-lg);background:rgba(15,23,42,0.96);border:1px solid rgba(148,163,184,0.4);overflow:hidden;font-size:var(--font-size-sm)}.characters-xp-table-head,.characters-xp-row{display:grid;grid-template-columns:0.8fr 1.2fr 1.8fr 1.3fr;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.characters-xp-table-head{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:var(--color-text-soft);background:rgba(15,23,42,0.98);font-family:var(--font-display);border-bottom:1px solid rgba(148,163,184,0.4)}.characters-xp-row:nth-child(odd){background:rgba(15,23,42,0.96)}.characters-xp-row:nth-child(even){background:rgba(15,23,42,0.94)}.characters-xp-summary{padding:var(--space-5)}.section-characters-animations .characters-animations-grid{gap:var(--space-8);align-items:center}.characters-animations-tile{padding:var(--space-4);display:flex;align-items:center;justify-content:center;min-height:320px}.characters-animations-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:cover}.section-characters-farming .characters-farming-card{padding:var(--space-6)}.characters-farming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.section-characters-rare .characters-rare-card{padding:var(--space-6)}.characters-rare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.section-characters-cta .characters-cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) var(--space-6)}.characters-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:1024px){.hero-characters-grid{grid-template-columns:1fr;gap:var(--space-8)}.hero-characters-visual{order:-1}.characters-starter-grid,.characters-premium-grid,.characters-xp-grid,.characters-farming-grid,.characters-rare-grid{grid-template-columns:1fr}}@media(max-width:900px){.characters-ranking-row,.characters-ranking-row-head{grid-template-columns:0.7fr 1.3fr 1fr;grid-template-rows:auto auto;row-gap:var(--space-2)}.characters-ranking-row>div:nth-child(4),.characters-ranking-row>div:nth-child(5){grid-column:1/-1}}@media(max-width:768px){.section-hero-characters{padding-top:var(--space-12);padding-bottom:var(--space-10)}.characters-ranking-table-wrapper{font-size:var(--font-size-xs)}.characters-xp-table-head,.characters-xp-row{grid-template-columns:0.9fr 1.2fr;grid-template-rows:auto auto;row-gap:var(--space-2)}.characters-xp-table-head>div:nth-child(3),.characters-xp-table-head>div:nth-child(4),.characters-xp-row>div:nth-child(3),.characters-xp-row>div:nth-child(4){grid-column:1/-1}}@media(max-width:640px){.hero-characters-rail{min-height:260px;padding:var(--space-3)}.hero-characters-overlay{inset:auto var(--space-3) var(--space-3) var(--space-3)}.characters-starter-card,.characters-premium-card,.characters-xp-card,.characters-farming-card,.characters-rare-card{padding:var(--space-5)}.characters-cta-inner{padding:var(--space-5)}}