.counterList{gap:var(--spacing-md);display:grid}.counterListHeader{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.counterListTitle{font-size:var(--font-size-xl);margin:0;font-weight:950;line-height:1}.counterListSort,.counterListTabs{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.counterListSortBtn,.counterListTab{min-height:40px;padding-inline:var(--spacing-md);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border);font-size:var(--font-size-sm);white-space:nowrap;transition-property:transform,color,background-color,box-shadow;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex}.counterListSortBtn:hover,.counterListTab:hover{color:var(--color-text);background:var(--color-bg-hover);box-shadow:inset 0 0 0 1px var(--color-border-hover)}.counterListSortBtn:active,.counterListTab:active,.counterItem:active{transform:scale(.96)}.counterListSortBtn--active,.counterListTab--active{color:var(--color-accent-ink);background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.counterListTabs{padding-bottom:var(--spacing-sm);box-shadow:inset 0 -1px 0 var(--color-border)}.counterItem{align-items:center;gap:var(--spacing-md);min-width:0;min-height:72px;padding:var(--spacing-md);border-radius:var(--radius-lg);color:inherit;background:color-mix(in oklch,var(--color-bg-card)82%,transparent);box-shadow:inset 0 0 0 1px var(--color-border),0 8px 20px color-mix(in oklch,var(--color-ink-shadow)14%,transparent);transition-property:transform,background-color,box-shadow;transition-duration:var(--dur-med);transition-timing-function:var(--ease-out);grid-template-columns:auto auto minmax(8rem,.7fr) minmax(0,1.5fr) auto;display:grid}.counterItem:hover{color:inherit;background:var(--color-bg-hover);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent)32%,transparent),var(--shadow-md);transform:translateY(-2px)}.counterItemTier{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-accent-ink);font-family:var(--font-heading);font-size:var(--font-size-base);place-items:center;font-weight:950;line-height:1;display:grid}.counterItemTier--S{background:var(--color-tier-s)}.counterItemTier--A{background:var(--color-tier-a)}.counterItemTier--B{background:var(--color-tier-b);color:var(--color-bg)}.counterItemTier--C{background:var(--color-tier-c);color:var(--color-bg)}.counterItemAvatar{background:var(--color-bg);width:48px;height:48px;box-shadow:0 0 0 2px var(--color-border),0 0 0 3px color-mix(in oklch,var(--color-ink-glint)8%,transparent);border-radius:50%;place-items:center;display:grid;overflow:hidden}.counterItemAvatarImg{object-fit:cover;width:100%;height:100%}.counterItemAvatar--Tank{box-shadow:0 0 0 2px var(--color-role-tank),0 0 0 3px color-mix(in oklch,var(--color-ink-glint)8%,transparent)}.counterItemAvatar--Damage{box-shadow:0 0 0 2px var(--color-role-damage),0 0 0 3px color-mix(in oklch,var(--color-ink-glint)8%,transparent)}.counterItemAvatar--Support{box-shadow:0 0 0 2px var(--color-role-support),0 0 0 3px color-mix(in oklch,var(--color-ink-glint)8%,transparent)}.counterItemInfo{min-width:0}.counterItemName{color:var(--color-text);font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.counterItemRole{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:800}.counterItemReason{min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.45}.counterItemEffectiveness{justify-content:flex-end;gap:var(--space-2xs);display:flex}.counterItemStar{border-radius:var(--space-2xs);background:var(--color-border);width:14px;height:14px}.counterItemStar--5.counterItemStar--filled{background:var(--color-tier-s)}.counterItemStar--4.counterItemStar--filled{background:var(--color-tier-a)}.counterItemStar--3.counterItemStar--filled{background:var(--color-tier-b)}.counterItemStar--2.counterItemStar--filled{background:var(--color-tier-c)}.counterItemStar--1.counterItemStar--filled{background:var(--color-tier-d)}.counterListEmpty{min-height:140px;padding:var(--spacing-xl);border-radius:var(--radius-lg);color:var(--color-text-muted);background:var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border);text-align:center;place-items:center;display:grid}@media (max-width:52rem){.counterItem{grid-template-columns:auto auto minmax(0,1fr)}.counterItemReason,.counterItemEffectiveness{grid-column:3}.counterItemEffectiveness{justify-content:flex-start}}@media (max-width:38rem){.counterListHeader{align-items:start;display:grid}.counterItem{grid-template-columns:auto minmax(0,1fr)}.counterItemAvatar{grid-row:span 2}.counterItemTier{grid-area:1/1;width:32px;height:32px}.counterItemAvatar{grid-area:2/1/span 2}.counterItemInfo,.counterItemReason,.counterItemEffectiveness{grid-column:2}}
.synergyBlock{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in oklch,var(--color-accent-cyan)12%,transparent),transparent 48%),var(--color-bg-card);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent-cyan)42%,transparent),var(--shadow-sm);display:grid}.synergyHeader{align-items:center;gap:var(--spacing-sm);display:flex}.synergyIcon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-bg);background:var(--color-accent-cyan);font-size:var(--font-size-sm);place-items:center;display:grid}.synergyTitle{color:var(--color-accent-cyan);font-size:var(--font-size-lg);margin:0;font-weight:950}.synergyList{gap:var(--spacing-sm);display:grid}.synergyItem{align-items:center;gap:var(--spacing-md);min-width:0;padding:var(--spacing-md);border-radius:var(--radius-lg);color:inherit;background:color-mix(in oklch,var(--color-bg)58%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-border)70%,transparent);transition-property:transform,background-color,box-shadow;transition-duration:var(--dur-med);transition-timing-function:var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.synergyItem:hover{color:inherit;background:color-mix(in oklch,var(--color-accent-cyan)9%,var(--color-bg-card));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent-cyan)52%,transparent);transform:translateY(-2px)}.synergyItem:active{transform:scale(.96)}.synergyPartnerAvatar{background:var(--color-bg);width:56px;height:56px;box-shadow:0 0 0 2px var(--color-accent-cyan),0 0 0 3px color-mix(in oklch,var(--color-ink-glint)8%,transparent);border-radius:50%;place-items:center;display:grid;overflow:hidden}.synergyPartnerAvatarImg{object-fit:cover;width:100%;height:100%}.synergyInfo{min-width:0}.synergyName{color:var(--color-accent-cyan);font-family:var(--font-heading);font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.synergyPartnerName{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:800}.synergyReason{margin-top:var(--space-2xs);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.45}.synergyMeta{justify-items:end;gap:var(--spacing-xs);display:grid}.synergyEffectiveness{gap:var(--space-2xs);display:flex}.synergyStar{border-radius:var(--space-2xs);background:color-mix(in oklch,var(--color-accent-cyan)24%,var(--color-bg));width:12px;height:12px}.synergyStar--filled{background:var(--color-accent-cyan)}.synergySource{border-radius:var(--radius-full);color:var(--color-text-muted);background:color-mix(in oklch,var(--color-bg)64%,transparent);font-size:var(--font-size-xs);padding:2px 8px;font-weight:800}@media (max-width:42rem){.synergyItem{grid-template-columns:auto minmax(0,1fr)}.synergyMeta{grid-column:2;justify-items:start}}
.page-module___FoCsa__heroDetailPage{min-height:100vh;padding:clamp(2rem,5vw,4rem)var(--spacing-lg)var(--spacing-3xl);background:radial-gradient(ellipse at 14% 0%,color-mix(in oklch,var(--color-accent-sakura)13%,transparent),transparent 30rem),radial-gradient(ellipse at 84% 20%,color-mix(in oklch,var(--color-accent-mint)11%,transparent),transparent 34rem),linear-gradient(180deg,color-mix(in oklch,var(--color-bg)88%,var(--color-accent-sakura)),transparent 36rem)}.page-module___FoCsa__heroDetailContainer{gap:var(--spacing-xl);width:min(100%,var(--container-max));margin:0 auto;display:grid}.page-module___FoCsa__heroDetailBack{width:fit-content;min-height:40px;color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap;transition-property:transform,color;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);align-items:center;font-weight:900;display:inline-flex}.page-module___FoCsa__heroDetailBack:hover{color:var(--color-accent);transform:translate(-3px)}.page-module___FoCsa__heroDetailBack:active{transform:scale(.96)}.page-module___FoCsa__heroDetailHeader{gap:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-lg);animation:page-module___FoCsa__heroDetailReveal var(--dur-slow)var(--ease-out)both;grid-template-columns:128px minmax(0,1fr);align-items:start;display:grid;position:relative;overflow:hidden}.page-module___FoCsa__heroDetailHeader:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-accent-cyan),var(--color-accent));height:3px;position:absolute;inset:0 0 auto}.page-module___FoCsa__heroDetailAvatar{background:var(--color-bg);width:120px;height:120px;box-shadow:0 0 0 3px var(--color-border),0 0 0 5px color-mix(in oklch,var(--color-ink-glint)8%,transparent);border-radius:50%;place-items:center;display:grid;overflow:hidden}.page-module___FoCsa__heroDetailAvatarImg{object-fit:cover;width:100%;height:100%}.page-module___FoCsa__heroDetailAvatar--Tank{box-shadow:0 0 0 3px var(--color-role-tank),0 0 0 5px color-mix(in oklch,var(--color-ink-glint)8%,transparent)}.page-module___FoCsa__heroDetailAvatar--Damage{box-shadow:0 0 0 3px var(--color-role-damage),0 0 0 5px color-mix(in oklch,var(--color-ink-glint)8%,transparent)}.page-module___FoCsa__heroDetailAvatar--Support{box-shadow:0 0 0 3px var(--color-role-support),0 0 0 5px color-mix(in oklch,var(--color-ink-glint)8%,transparent)}.page-module___FoCsa__heroDetailInfo{gap:var(--spacing-lg);min-width:0;display:grid}.page-module___FoCsa__heroDetailName{align-items:center;gap:var(--spacing-sm);overflow-wrap:anywhere;flex-wrap:wrap;margin:0;font-size:clamp(2.25rem,5vw,5rem);font-weight:950;line-height:.98;display:flex}.page-module___FoCsa__heroDetailNameEn{color:var(--color-text-muted);font-size:var(--font-size-xl);font-weight:500}.page-module___FoCsa__heroDetailMeta{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.page-module___FoCsa__heroDetailBadge,.page-module___FoCsa__heroDetailBadgeSubrole{min-height:32px;padding-inline:var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);white-space:nowrap;justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex}.page-module___FoCsa__heroDetailBadge--role,.page-module___FoCsa__heroDetailBadgeSubrole{background:color-mix(in oklch,var(--color-bg)56%,transparent);box-shadow:inset 0 0 0 1px var(--color-border)}.page-module___FoCsa__heroDetailBadge--Tank{color:var(--color-role-tank);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-role-tank)42%,transparent)}.page-module___FoCsa__heroDetailBadge--Damage{color:var(--color-role-damage);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-role-damage)42%,transparent)}.page-module___FoCsa__heroDetailBadge--Support{color:var(--color-role-support);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-role-support)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole{font-size:var(--font-size-xs);text-transform:uppercase}.page-module___FoCsa__heroDetailBadgeSubrole--Initiator{color:var(--color-subrole-initiator);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-initiator)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Bruiser{color:var(--color-subrole-bruiser);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-bruiser)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Stalwart{color:var(--color-subrole-stalwart);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-stalwart)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Specialist{color:var(--color-subrole-specialist);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-specialist)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Recon{color:var(--color-subrole-recon);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-recon)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Flanker{color:var(--color-subrole-flanker);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-flanker)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Sharpshooter{color:var(--color-subrole-sharpshooter);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-sharpshooter)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Medic{color:var(--color-subrole-medic);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-medic)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Guardian{color:var(--color-subrole-guardian);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-guardian)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Tempo{color:var(--color-subrole-tempo);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-tempo)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Tactician{color:var(--color-subrole-tactician);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-tactician)42%,transparent)}.page-module___FoCsa__heroDetailBadgeSubrole--Survivor{color:var(--color-subrole-survivor);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-subrole-survivor)42%,transparent)}.page-module___FoCsa__heroDetailBadge--tier{color:var(--color-accent-ink)}.page-module___FoCsa__heroDetailBadge--tier-S{background:var(--color-tier-s)}.page-module___FoCsa__heroDetailBadge--tier-A{background:var(--color-tier-a)}.page-module___FoCsa__heroDetailBadge--tier-B{background:var(--color-tier-b);color:var(--color-bg)}.page-module___FoCsa__heroDetailBadge--tier-C{background:var(--color-tier-c);color:var(--color-bg)}.page-module___FoCsa__heroDetailBadge--tier-D{background:var(--color-tier-d);color:var(--color-bg)}.page-module___FoCsa__heroDetailStats{gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,180px));display:grid}.page-module___FoCsa__heroDetailStat{padding:var(--spacing-md);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-bg)58%,transparent);box-shadow:inset 0 0 0 1px var(--color-border)}.page-module___FoCsa__heroDetailStatValue{color:var(--color-accent);font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:950;line-height:1}.page-module___FoCsa__heroDetailStatLabel{margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:900}.page-module___FoCsa__heroDetailSection{gap:var(--spacing-md);display:grid}.page-module___FoCsa__heroDetailSectionTitle{font-size:var(--font-size-2xl);overflow-wrap:anywhere;margin:0;font-weight:950}.page-module___FoCsa__heroDetailSectionDesc{margin:0 0 var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-module___FoCsa__heroGuide{gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in oklch,var(--color-accent-red)15%,transparent),transparent 52%),var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-md);display:grid}.page-module___FoCsa__heroGuideKicker{margin-bottom:var(--spacing-xs);color:var(--color-accent-cyan);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:950}.page-module___FoCsa__heroGuideIntro{max-width:70ch;margin-top:var(--spacing-sm);color:var(--color-text-secondary)}.page-module___FoCsa__heroGuideGrid{gap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module___FoCsa__heroGuideCard{min-height:112px;padding:var(--spacing-md);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-bg)65%,transparent);box-shadow:inset 0 0 0 1px var(--color-border)}.page-module___FoCsa__heroGuideCard h3{color:var(--color-text);font-size:var(--font-size-base);font-weight:950}.page-module___FoCsa__heroGuideCard p{margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.45}.page-module___FoCsa__noCountersText{padding:var(--spacing-lg);border-radius:var(--radius-lg);color:var(--color-text-muted);background:var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border)}@keyframes page-module___FoCsa__heroDetailReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:48rem){.page-module___FoCsa__heroDetailHeader{padding:var(--spacing-lg);grid-template-columns:1fr}.page-module___FoCsa__heroDetailAvatar{width:96px;height:96px}.page-module___FoCsa__heroDetailStats{grid-template-columns:1fr}.page-module___FoCsa__heroGuide{padding:var(--spacing-lg)}.page-module___FoCsa__heroGuideGrid{grid-template-columns:1fr}}