.hero-role-page[data-v-7a739a4f]{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;min-height:120vh;display:flex;flex-direction:column}.breadcrumb[data-v-7a739a4f]{background:#0f172acc;border-bottom:1px solid rgba(99,102,241,.2);padding:.75rem 1.5rem}.breadcrumb-container[data-v-7a739a4f]{max-width:1100px;margin:0 auto}.breadcrumb ol[data-v-7a739a4f]{display:flex;list-style:none;padding:0;margin:0;flex-wrap:wrap;font-size:.9rem}.breadcrumb li[data-v-7a739a4f]{display:flex;align-items:center}.breadcrumb li[data-v-7a739a4f]:not(:last-child):after{content:"›";margin:0 .5rem;color:#64748b}.breadcrumb a[data-v-7a739a4f]{color:#60a5fa;text-decoration:none;transition:color .2s}.breadcrumb a[data-v-7a739a4f]:hover{color:#93c5fd;text-decoration:underline}.breadcrumb li:last-child span[data-v-7a739a4f]{color:#cbd5e1}.hero-header[data-v-7a739a4f]{padding:3.5rem 1.5rem 2rem}.header-content[data-v-7a739a4f]{max-width:1100px;margin:0 auto}.header-layout[data-v-7a739a4f]{display:flex;gap:3rem;align-items:flex-start;flex-wrap:wrap}.hero-portrait-section[data-v-7a739a4f]{flex:0 0 auto;width:300px;min-width:250px}.hero-portrait-wrapper[data-v-7a739a4f]{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000080;border:2px solid rgba(99,102,241,.3);background:linear-gradient(135deg,#1e293b,#0f172a);contain:layout style}.hero-portrait-image[data-v-7a739a4f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;transition:transform .3s ease}.hero-portrait-wrapper:hover .hero-portrait-image[data-v-7a739a4f]{transform:scale(1.05)}.hero-info-section[data-v-7a739a4f]{flex:1 1 500px;text-align:left;min-width:300px}@media(max-width:768px){.header-layout[data-v-7a739a4f]{flex-direction:column;align-items:center;text-align:center}.hero-portrait-section[data-v-7a739a4f]{width:100%;max-width:300px}.hero-info-section[data-v-7a739a4f]{text-align:center;width:100%}}.eyebrow[data-v-7a739a4f]{text-transform:uppercase;letter-spacing:.12em;color:#cbd5e1;font-weight:700;font-size:.85rem}.title[data-v-7a739a4f]{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;margin:.5rem 0;color:#fff}.subtitle[data-v-7a739a4f]{color:#cbd5e1;font-size:1.05rem}.quick-line[data-v-7a739a4f]{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-start}@media(max-width:768px){.quick-line[data-v-7a739a4f]{justify-content:center}}.quick-pill[data-v-7a739a4f]{background:#0ea5e92e;border:1px solid rgba(14,165,233,.4);color:#e0f2fe;padding:.4rem .9rem;border-radius:999px;font-weight:700;font-size:.95rem}.pill-row[data-v-7a739a4f]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem;justify-content:flex-start}@media(max-width:768px){.pill-row[data-v-7a739a4f]{justify-content:center}}.pill[data-v-7a739a4f]{background:#6366f12e;border:1px solid rgba(99,102,241,.35);border-radius:999px;padding:.5rem 1rem;font-weight:600;color:#e0e7ff}.quick-answer[data-v-7a739a4f]{background:linear-gradient(135deg,#10b98126,#05966914);border:2px solid rgba(16,185,129,.35);border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000001a}.quick-answer-content[data-v-7a739a4f]{max-width:800px;margin:0 auto}.quick-answer-title[data-v-7a739a4f]{color:#6ee7b7;font-size:1.4rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.quick-answer-title[data-v-7a739a4f]:before{content:"✅";font-size:1.5rem}.quick-answer-text[data-v-7a739a4f]{color:#d1fae5;font-size:1.1rem;line-height:1.75;margin:0}.quick-answer-text strong[data-v-7a739a4f]{color:#6ee7b7;font-weight:700}@media(max-width:768px){.quick-answer[data-v-7a739a4f]{padding:1.5rem}.quick-answer-title[data-v-7a739a4f]{font-size:1.2rem}.quick-answer-text[data-v-7a739a4f]{font-size:1rem}}.content[data-v-7a739a4f]{width:min(1100px,100% - 3rem);margin:0 auto;padding:2.5rem 0 3.5rem;display:flex;flex-direction:column;gap:1.5rem}.card[data-v-7a739a4f]{background:#1e293bb8;border:1px solid rgba(99,102,241,.22);border-radius:16px;padding:1.75rem;box-shadow:0 12px 30px #00000047}.card-header h2[data-v-7a739a4f]{margin:0 0 .35rem;font-size:1.4rem}.hint[data-v-7a739a4f]{color:#94a3b8;font-size:.95rem}.stats-grid[data-v-7a739a4f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1.25rem}.stat-tile[data-v-7a739a4f]{background:#0f172aa6;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1rem}.stat-label[data-v-7a739a4f]{color:#cbd5e1;font-weight:600;margin-bottom:.4rem}.stat-value[data-v-7a739a4f]{font-size:1.8rem;font-weight:800;color:#a5b4fc}.stat-null[data-v-7a739a4f]{color:#94a3b8}.ability-list[data-v-7a739a4f]{display:grid;gap:1rem;margin-top:1rem}.ability[data-v-7a739a4f]{background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1rem 1.25rem}.ability-header[data-v-7a739a4f]{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.ability h3[data-v-7a739a4f]{margin:0;font-size:1.1rem;color:#e2e8f0}.badge[data-v-7a739a4f]{padding:.35rem .75rem;border-radius:8px;font-size:.85rem;font-weight:700}.badge-initial[data-v-7a739a4f]{background:#10b98133;color:#bbf7d0;border:1px solid rgba(16,185,129,.4)}.badge-upgrade[data-v-7a739a4f]{background:#ec489926;color:#f9a8d4;border:1px solid rgba(236,72,153,.35)}.ability-desc[data-v-7a739a4f]{color:#cbd5e1;line-height:1.6;margin:.5rem 0 0}.two-col[data-v-7a739a4f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.bullet-list[data-v-7a739a4f]{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.6rem}.bullet-list li[data-v-7a739a4f]{color:#e2e8f0;padding-left:1.25rem;position:relative}.bullet-list li[data-v-7a739a4f]:before{content:"•";position:absolute;left:0;color:#60a5fa}.bullet-list.warning li[data-v-7a739a4f]:before{color:#f87171}.builds-card .builds-grid[data-v-7a739a4f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.build[data-v-7a739a4f]{background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1rem 1.25rem}.build h3[data-v-7a739a4f]{margin:0 0 .35rem;color:#e2e8f0}.build-focus[data-v-7a739a4f]{color:#cbd5e1;margin:0 0 .5rem}.steps[data-v-7a739a4f]{margin:0 0 .75rem 1.1rem;color:#e2e8f0;line-height:1.5}.teammates[data-v-7a739a4f]{color:#94a3b8;margin:0}.faq-card .faq-list[data-v-7a739a4f]{display:grid;gap:1rem}.faq-item h3[data-v-7a739a4f]{margin:0 0 .35rem;color:#e2e8f0}.faq-item p[data-v-7a739a4f]{margin:0;color:#cbd5e1}.tips-card .tips-grid[data-v-7a739a4f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.tip[data-v-7a739a4f]{background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:.75rem 1rem;display:flex;gap:.75rem;align-items:flex-start}.tip-icon[data-v-7a739a4f]{color:#34d399;font-weight:700}.related-card .link-grid[data-v-7a739a4f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.link-tile[data-v-7a739a4f]{display:block;padding:.9rem 1rem;background:#0f172aa6;border:1px solid rgba(99,102,241,.25);border-radius:10px;text-decoration:none;color:#e2e8f0;text-align:center;transition:transform .2s ease,border-color .2s ease}.link-tile[data-v-7a739a4f]:hover{transform:translateY(-2px);border-color:#ec489980}@media(max-width:768px){.content[data-v-7a739a4f]{width:min(100% - 1.5rem,100%)}}