.characters-hero{position:relative}.characters-hero-layout{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--space-8);align-items:center}.characters-hero-text{max-width:640px}.characters-hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.characters-hero-media{display:flex;justify-content:flex-end}.characters-hero-card{max-width:420px}.characters-hero-stats{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.characters-stat-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-muted);margin-bottom:4px}.characters-stat-bar{position:relative;width:100%;height:10px;border-radius:999px;background:rgba(228,233,240,0.9);overflow:hidden}.characters-stat-bar span{display:block;height:100%;width:var(--fill);border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.characters-hero-link{display:inline-flex;margin-top:var(--space-4);font-size:var(--font-size-sm);font-weight:500}.characters-section-header{max-width:720px;margin:0 auto var(--space-8);text-align:center}.characters-overview-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.characters-overview-card{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--space-6);align-items:center}.characters-overview-text p{margin-bottom:var(--space-3)}.characters-image-wrapper{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid rgba(216,238,245,0.9);background:radial-gradient(circle at top,var(--color-bg-secondary),#ffffff)}.characters-image-wrapper img{width:100%;height:100%;object-fit:cover}.characters-layout-split{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:var(--space-8);align-items:flex-start}.characters-abilities-grid{margin-top:var(--space-5)}.characters-list{margin:0;padding-left:1.1rem;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.characters-list li+li{margin-top:6px}.characters-tip-banner{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:radial-gradient(circle at top left,rgba(123,224,140,0.18) 0,transparent 50%),#ffffff}.characters-sidebar-card{position:sticky;top:calc(var(--nav-height) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-4)}.characters-sidebar-nav{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.characters-anchor{width:100%;text-align:left;border-radius:var(--radius-full);border:1px solid rgba(216,238,245,0.9);background:#ffffff;padding:0.55rem 0.9rem;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.characters-anchor:hover{background:rgba(106,107,255,0.04);border-color:rgba(106,107,255,0.45);transform:translateY(-1px)}.characters-sidebar-note{font-size:var(--font-size-xs);color:var(--color-muted)}.characters-sidebar-link{font-size:var(--font-size-sm);font-weight:500}.characters-personalization-layout{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--space-8);align-items:center}.characters-personalization-text p{margin-bottom:var(--space-4)}.characters-perks-grid{margin-bottom:var(--space-4)}.characters-links-inline{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--font-size-sm)}.characters-animations-grid{margin-top:var(--space-5)}.characters-rewards-grid{margin-top:var(--space-5)}.characters-unlock-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.4fr);gap:var(--space-8);align-items:center}.characters-unlock-grid{margin-top:var(--space-4)}.characters-table-card{margin-top:var(--space-4)}.characters-table-scroll{width:100%;overflow:auto}.characters-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.characters-table th,.characters-table td{padding:0.8rem 0.9rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.characters-table thead th{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-muted);background:rgba(229,248,244,0.6)}.characters-table tbody tr:nth-child(even){background:rgba(244,251,255,0.7)}.characters-table-note{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-muted)}.characters-tips-layout{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:var(--space-8);align-items:flex-start}.characters-tips-grid{margin-top:var(--space-5)}.characters-tips-aside{display:flex}.characters-gallery{margin-top:var(--space-4);padding:var(--space-5)}.characters-gallery-figure{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.characters-gallery-footer{display:flex;flex-direction:column;gap:var(--space-4)}.characters-gallery-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.characters-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.characters-cta-text{max-width:640px}.characters-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (max-width:1024px){.characters-hero-layout,.characters-overview-card,.characters-layout-split,.characters-personalization-layout,.characters-unlock-layout,.characters-tips-layout{grid-template-columns:1fr}.characters-hero-media{order:-1}.characters-sidebar-card{position:static;top:auto}.characters-unlock-layout .characters-image-wrapper{order:-1}}@media (max-width:768px){.characters-hero-cta,.characters-gallery-actions,.characters-cta-actions{flex-direction:column;align-items:stretch}.characters-table th,.characters-table td{padding:0.7rem 0.6rem}.characters-tip-banner{padding:var(--space-4)}}