.character-list:where(.astro-ncvhqyd3){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:72rem;margin-inline:auto;display:grid}.character-list__role:where(.astro-ncvhqyd3),.character-list__grid:where(.astro-ncvhqyd3)>li:where(.astro-ncvhqyd3){margin-block-start:0}.character-list__role:where(.astro-ncvhqyd3){scroll-margin-top:6rem}.character-list__heading:where(.astro-ncvhqyd3){justify-content:space-between;align-items:center;gap:.75rem;margin-block-end:.65rem;display:flex}.character-list__role:where(.astro-ncvhqyd3) h2:where(.astro-ncvhqyd3){color:var(--sl-color-gray-1);border-inline-start:.35rem solid #e84352;align-items:baseline;gap:.55rem;margin:0;padding-inline-start:.75rem;font-size:1.35rem;font-weight:950;line-height:1;display:flex}.character-list__role--damage-dealers:where(.astro-ncvhqyd3) h2:where(.astro-ncvhqyd3){border-color:#f2a900}.character-list__role--supports:where(.astro-ncvhqyd3) h2:where(.astro-ncvhqyd3){border-color:#26a269}.character-list__role--controllers:where(.astro-ncvhqyd3) h2:where(.astro-ncvhqyd3){border-color:#5267d8}.character-list__count:where(.astro-ncvhqyd3){color:var(--sl-color-gray-3);font-size:.78rem;font-weight:800}.character-list__toggle:where(.astro-ncvhqyd3){min-width:4.75rem;min-height:2.75rem;color:var(--sl-color-gray-2);font:inherit;background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);cursor:pointer;border-radius:.45rem;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.85rem;font-weight:850;display:none}.character-list__toggle:where(.astro-ncvhqyd3):hover{color:var(--sl-color-gray-1);border-color:var(--sl-color-gray-3)}.character-list__toggle:where(.astro-ncvhqyd3):focus-visible,.character-list__preview:where(.astro-ncvhqyd3):focus-visible,.character-list__card:where(.astro-ncvhqyd3):focus-visible{outline:.2rem solid var(--sl-color-accent-high);outline-offset:.16rem}.character-list__toggle-arrow:where(.astro-ncvhqyd3),.character-list__preview-arrow:where(.astro-ncvhqyd3){border-block-end:.16rem solid;border-inline-end:.16rem solid;width:.55rem;height:.55rem;transition:transform .16s;transform:rotate(45deg)translateY(-.1rem)}.character-list__toggle:where(.astro-ncvhqyd3)[aria-expanded=true] .character-list__toggle-arrow:where(.astro-ncvhqyd3){transform:rotate(225deg)translate(-.06rem,-.06rem)}.character-list__preview:where(.astro-ncvhqyd3){color:#17202b;text-align:start;cursor:pointer;background:#fff;border:1px solid #b8c1cb;border-radius:.45rem;grid-template-columns:4.75rem minmax(0,1fr) auto;width:100%;min-height:4.75rem;padding:0;display:none;overflow:hidden;box-shadow:0 .14rem #b8c1cb}.character-list__preview:where(.astro-ncvhqyd3):hover{border-color:#0b1017;transform:translateY(-.06rem);box-shadow:0 .2rem #0b1017}.character-list__preview-portrait:where(.astro-ncvhqyd3){min-width:0;min-height:4.75rem;display:grid}.character-list__preview-copy:where(.astro-ncvhqyd3){border-inline-start:1px solid #d6dbe1;flex-direction:column;justify-content:center;min-width:0;padding:.55rem .75rem;display:flex}.character-list__preview-hint:where(.astro-ncvhqyd3){color:#65717f;font-size:.72rem;font-weight:750;line-height:1.25}.character-list__preview-name:where(.astro-ncvhqyd3){text-overflow:ellipsis;white-space:nowrap;margin-block:.08rem;font-size:1rem;font-weight:950;line-height:1.2;overflow:hidden}.character-list__preview-arrow:where(.astro-ncvhqyd3){color:#4d5966;align-self:center;margin-inline:.95rem 1rem;transform:rotate(45deg)}.character-list__grid:where(.astro-ncvhqyd3){grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.character-list__grid:where(.astro-ncvhqyd3)[hidden]{display:none}.character-list__card:where(.astro-ncvhqyd3){color:#17202b;background:#fff;border:1px solid #b8c1cb;border-radius:.45rem;grid-template-columns:4.75rem minmax(0,1fr);min-height:4.75rem;text-decoration:none;display:grid;overflow:hidden;box-shadow:0 .14rem #b8c1cb}.character-list__card:where(.astro-ncvhqyd3):hover{border-color:#0b1017;transform:translateY(-.06rem);box-shadow:0 .2rem #0b1017}.character-list__portrait:where(.astro-ncvhqyd3){color:#fff;object-fit:cover;background:radial-gradient(circle at 50% 28%,#ffd21a 0 21%,#0000 22%),linear-gradient(145deg,#e84352,#8e1d2c);place-items:center;width:100%;height:100%;font-size:.95rem;font-weight:950;display:grid}.character-list__name:where(.astro-ncvhqyd3){border-inline-start:1px solid #d6dbe1;align-items:center;min-width:0;padding-inline:.85rem;font-size:1rem;font-weight:900;line-height:1.2;display:flex}.character-list__empty:where(.astro-ncvhqyd3){color:#758190;background:#f1f4f7;border:1px dashed #c3cad2;border-radius:.45rem;margin:0;padding:.9rem;font-size:.9rem}@media (width<=48rem){.character-list:where(.astro-ncvhqyd3){grid-template-columns:minmax(0,1fr)}.character-list:where(.astro-ncvhqyd3)[data-mobile-layout=true] .character-list__toggle:where(.astro-ncvhqyd3){display:inline-flex}.character-list:where(.astro-ncvhqyd3)[data-mobile-layout=true] .character-list__preview:where(.astro-ncvhqyd3):not([hidden]){display:grid}.character-list__role:where(.astro-ncvhqyd3),.character-list__preview:where(.astro-ncvhqyd3),.character-list__grid:where(.astro-ncvhqyd3){min-width:0}}@media (prefers-reduced-motion:reduce){.character-list__toggle-arrow:where(.astro-ncvhqyd3),.character-list__preview:where(.astro-ncvhqyd3),.character-list__card:where(.astro-ncvhqyd3){transition:none}}.character-guide-list:where(.astro-vmhnizu7){border-top:2px solid var(--sl-color-hairline);max-width:72rem;margin:3rem auto 0;padding-top:2.5rem;scroll-margin-top:6rem}.character-guide-list:where(.astro-vmhnizu7) header:where(.astro-vmhnizu7) p:where(.astro-vmhnizu7){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-weight:800}.character-guide-list:where(.astro-vmhnizu7) h2:where(.astro-vmhnizu7){color:var(--sl-color-text-accent);margin:0}.character-guide-list:where(.astro-vmhnizu7) header:where(.astro-vmhnizu7)>span:where(.astro-vmhnizu7){color:var(--sl-color-gray-3);margin-top:.55rem;display:block}.character-guide-list:where(.astro-vmhnizu7) ul:where(.astro-vmhnizu7){grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.character-guide-list:where(.astro-vmhnizu7) a:where(.astro-vmhnizu7){min-height:5.5rem;color:var(--sl-color-white);background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-4);border-radius:.5rem;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.character-guide-list:where(.astro-vmhnizu7) a:where(.astro-vmhnizu7):hover{border-color:var(--sl-color-accent)}.character-guide-list:where(.astro-vmhnizu7) a:where(.astro-vmhnizu7) span:where(.astro-vmhnizu7),.character-guide-list__empty:where(.astro-vmhnizu7){color:var(--sl-color-gray-3);font-size:var(--sl-text-sm)}.character-guide-list__empty:where(.astro-vmhnizu7){background:var(--sl-color-gray-6);border:1px dashed var(--sl-color-gray-4);border-radius:.5rem;margin:1.25rem 0 0;padding:1rem}