.quiz-root .roster{padding-block:var(--space-5)var(--space-6)}.quiz-root .roster__intro{max-width:62rem}.quiz-root .roster__lede{margin-top:var(--space-3);max-width:46rem;font-size:var(--step-1);color:var(--text-dim);text-wrap:pretty}.quiz-root .roster__jump{margin-top:var(--space-4);flex-wrap:wrap;gap:.4rem;display:flex}.quiz-root .roster__jump-link{--jump-color:var(--accent);color:var(--jump-color);border-color:color-mix(in srgb,var(--jump-color)38%,transparent);background:color-mix(in srgb,var(--jump-color)10%,transparent);clip-path:polygon(.4rem 0,100% 0,100% calc(100% - .4rem),calc(100% - .4rem) 100%,0 100%,0 .4rem);transition:transform .2s var(--ease),opacity .2s var(--ease);border-radius:0;text-decoration:none}.quiz-root .roster__jump-link:hover{transform:translateY(-2px)}.quiz-root .roster__jump-link:focus-visible{clip-path:none}.quiz-root .roster__jump-link--tank{--jump-color:var(--tank)}.quiz-root .roster__jump-link--damage{--jump-color:var(--damage)}.quiz-root .roster__jump-link--support{--jump-color:var(--support)}.quiz-root .roster__group{scroll-margin-top:5rem}.quiz-root .roster__group--tank{--role-color:var(--tank)}.quiz-root .roster__group--damage{--role-color:var(--damage)}.quiz-root .roster__group--support{--role-color:var(--support)}.quiz-root .roster__role{align-items:baseline;gap:var(--space-2);margin:var(--space-5)0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);color:var(--role-color,var(--accent));display:flex;position:relative}.quiz-root .roster__role:after{content:"";background:var(--role-color,var(--accent));width:4.5rem;height:2px;position:absolute;inset-block-end:-1px;inset-inline-start:0}.quiz-root .roster__count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.55em}.quiz-root .roster__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.quiz-root .roster__cell{min-width:0;display:flex}@media (max-width:34rem){.quiz-root .roster__grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767.98px){.quiz-root .roster__jump{gap:.5rem}.quiz-root .roster__jump-link{clip-path:polygon(.55rem 0,100% 0,100% calc(100% - .55rem),calc(100% - .55rem) 100%,0 100%,0 .55rem);min-height:44px;padding-inline:.9rem}}.quiz-root .hero-card{--hero-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--hero-color)14%,var(--surface))0%,var(--surface)60%);border:1px solid var(--line);clip-path:polygon(.85rem 0,100% 0,100% calc(100% - .85rem),calc(100% - .85rem) 100%,0 100%,0 .85rem);width:100%;box-shadow:0 10px 22px -18px color-mix(in srgb,var(--ow-dark)92%,transparent);transition:transform .24s var(--ease),box-shadow .24s var(--ease);border-radius:0;grid-template-rows:auto 1fr;display:grid}.quiz-root .hero-card:hover,.quiz-root .roster__cell:focus-within .hero-card{box-shadow:0 20px 36px -22px color-mix(in srgb,var(--hero-color)70%,transparent),0 6px 16px -10px color-mix(in srgb,var(--ow-dark)85%,transparent);transform:translateY(-4px)}.quiz-root .hero-card__frame{aspect-ratio:1;background:color-mix(in srgb,var(--hero-color)28%,var(--surface-2));position:relative;overflow:hidden}.quiz-root .hero-card__portrait{object-fit:cover;width:100%;height:100%;transition:transform .28s var(--ease)}.quiz-root .hero-card:hover .hero-card__portrait,.quiz-root .roster__cell:focus-within .hero-card__portrait{transform:scale(1.06)}.quiz-root .hero-card__portrait--empty{font-family:var(--font-display);font-style:italic;font-size:var(--step-4);color:color-mix(in srgb,var(--hero-color)45%,var(--text));place-items:center;display:grid}.quiz-root .hero-card__frame:after{content:"";pointer-events:none;background:  linear-gradient(0deg,color-mix(in srgb,var(--hero-color)82%,var(--text))0 4px,transparent 4px),linear-gradient(180deg,transparent 38%,color-mix(in srgb,var(--ow-dark)72%,transparent)68%,color-mix(in srgb,var(--ow-dark)94%,transparent)100%);position:absolute;inset:0}.quiz-root .hero-card__name{z-index:1;color:var(--ow-active);text-wrap:balance;text-shadow:0 2px 10px color-mix(in srgb,var(--ow-dark)85%,transparent);padding-inline:.7rem;font-size:clamp(1.05rem,.85rem + .85vw,1.5rem);line-height:1.05;position:absolute;inset-block-end:.5rem;inset-inline:0}.quiz-root .hero-card__body{align-content:start;gap:.18rem;min-width:0;padding:.7rem .8rem .85rem;font-size:.82rem;line-height:1.45;display:grid}.quiz-root .hero-card__real{color:var(--text-dim);font-weight:600}.quiz-root .hero-card__ult{color:var(--text-faint)}.quiz-root .hero-card__ult b{color:color-mix(in srgb,var(--hero-color)38%,var(--text));font-weight:700}.quiz-root .hero-card__quote{color:color-mix(in srgb,var(--hero-color)42%,var(--text));text-wrap:pretty;font-style:italic}.quiz-root .hero-card__meta{font-size:.76rem}