.tierList{gap:var(--spacing-lg);display:grid}.tierControlPanel{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in oklch,var(--color-accent-cyan)9%,transparent),transparent 56%),var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-sm);display:grid}.tierControlGrid{gap:var(--spacing-sm);grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;display:grid}.tierSelectField{gap:var(--spacing-xs);min-width:0;display:grid}.tierSelectLabel{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:900;line-height:1}.tierSelect{width:100%;min-height:44px;padding-inline:var(--spacing-md)2.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-bg);font-family:var(--font-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;transition-property:border-color,box-shadow,background-color;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);font-weight:800}.tierSelect:focus-visible{border-color:var(--color-accent-cyan);outline:2px solid var(--color-accent-cyan);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklch,var(--color-accent-cyan)16%,transparent)}.tierSelect option,.tierSelect optgroup{color:var(--color-text);background:var(--color-bg-secondary);font-family:var(--font-primary)}.tierActiveSlice{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tierActiveSlice span{min-height:28px;padding-inline:var(--spacing-sm);border-radius:var(--radius-full);color:var(--color-accent-cyan);background:color-mix(in oklch,var(--color-accent-cyan)10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent-cyan)24%,transparent);font-size:var(--font-size-xs);align-items:center;font-weight:900;display:inline-flex}.tierMethodology{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tierMethodology summary{cursor:pointer;width:fit-content;min-height:40px;color:var(--color-text);font-weight:900}.tierMethodologyBody{gap:var(--spacing-sm);margin-top:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tierMethodologyBody a{gap:var(--space-2xs);min-width:0;padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border);transition-property:transform,background-color,box-shadow;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);display:grid}.tierMethodologyBody a:hover{color:var(--color-text);background:var(--color-bg-hover);box-shadow:inset 0 0 0 1px var(--color-border-hover);transform:translateY(-1px)}.tierMethodologyBody a:active{transform:scale(.96)}.tierMethodologyBody span{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.45}.tierRow{border-radius:var(--radius-xl);background:var(--color-bg-card);min-width:0;box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-sm);animation:tierReveal var(--dur-slow)var(--ease-out)backwards;transition-property:transform,box-shadow,background-color;transition-duration:var(--dur-med);transition-timing-function:var(--ease-out);grid-template-columns:72px minmax(0,1fr);display:grid;overflow:hidden}.tierRow:hover{background:color-mix(in oklch,var(--color-bg-card)92%,var(--color-accent));box-shadow:inset 0 0 0 1px var(--color-border-hover),var(--shadow-md);transform:translateY(-2px)}.tierLabel{color:var(--color-accent-ink);font-family:var(--font-heading);font-size:var(--font-size-2xl);place-items:center;font-weight:950;display:grid}.tierLabel--S{background:var(--color-tier-s)}.tierLabel--A{background:var(--color-tier-a)}.tierLabel--B{background:var(--color-tier-b);color:var(--color-bg)}.tierLabel--C{background:var(--color-tier-c);color:var(--color-bg)}.tierLabel--D{background:var(--color-tier-d);color:var(--color-bg)}.tierHeroes{gap:var(--spacing-sm);min-width:0;padding:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(124px,1fr));display:grid}.tierHeroCard{align-content:center;justify-items:center;gap:var(--spacing-xs);min-width:0;min-height:132px;padding:var(--spacing-sm);border-radius:var(--radius-lg);color:inherit;background:color-mix(in oklch,var(--color-bg)62%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-border)72%,transparent);transition-property:transform,background-color,box-shadow;transition-duration:var(--dur-med);transition-timing-function:var(--ease-out);display:grid}.tierHeroCard:hover{color:inherit;background:var(--color-bg-hover);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent)36%,transparent),0 14px 32px color-mix(in oklch,var(--color-ink-shadow)22%,transparent);transform:translateY(-3px)}.tierHeroCard:active{transform:scale(.96)}.tierHeroAvatar{background:var(--color-bg);width:52px;height:52px;box-shadow:0 0 0 2px var(--color-border),0 0 0 3px color-mix(in oklch,var(--color-ink-glint)8%,transparent);transition-property:transform;transition-duration:var(--dur-med);transition-timing-function:var(--ease-out);border-radius:50%;place-items:center;display:grid;overflow:hidden}.tierHeroCard:hover .tierHeroAvatar{transform:translateY(-1px)scale(1.04)}.tierHeroAvatarImg{object-fit:cover;width:100%;height:100%}.tierHeroAvatar--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)}.tierHeroAvatar--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)}.tierHeroAvatar--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)}.tierHeroName{max-width:100%;color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.tierHeroStats{gap:var(--space-2xs);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;display:grid}.tierHeroStat{min-width:0;padding:var(--space-2xs)2px;border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-bg)82%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-border)60%,transparent);text-align:center;place-items:center;gap:1px;line-height:1;display:grid}.tierHeroStatLabel{max-width:100%;color:var(--color-text-muted);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.625rem;font-weight:900;overflow:hidden}.tierHeroStatValue{max-width:100%;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:950;overflow:hidden}.tierHeroStat--pick .tierHeroStatValue{color:var(--color-accent-cyan)}.tierHeroStat--win .tierHeroStatValue{color:var(--color-accent)}.tierHeroStat--ban .tierHeroStatValue{color:var(--color-accent-lantern)}@keyframes tierReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:68rem){.tierControlGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:42rem){.tierControlPanel{padding:var(--spacing-md)}.tierControlGrid,.tierMethodologyBody{grid-template-columns:1fr}.tierRow{grid-template-columns:52px minmax(0,1fr)}.tierHeroes{padding:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.tierHeroCard{min-height:120px}.tierHeroAvatar{width:44px;height:44px}}
.page-module__ssgDnq__metaPage{min-height:100vh;padding:clamp(2rem,5vw,4rem)var(--spacing-lg)var(--spacing-3xl);background:radial-gradient(ellipse at 78% 2%,color-mix(in oklch,var(--color-accent-lantern)12%,transparent),transparent 28rem),radial-gradient(ellipse at 18% 32%,color-mix(in oklch,var(--color-accent-mint)10%,transparent),transparent 34rem),linear-gradient(180deg,color-mix(in oklch,var(--color-bg)86%,var(--color-accent-mint)),transparent 36rem)}.page-module__ssgDnq__metaContainer{gap:var(--spacing-2xl);width:min(100%,var(--container-max));margin:0 auto;display:grid}.page-module__ssgDnq__metaHeader{gap:var(--spacing-xl);animation:page-module__ssgDnq__metaReveal var(--dur-slow)var(--ease-out)both;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);align-items:end;display:grid}.page-module__ssgDnq__metaTitle{max-width:9ch;font-size:var(--text-display-s);overflow-wrap:anywhere;margin:0;font-weight:950;line-height:.92}.page-module__ssgDnq__metaTitle span{color:var(--color-accent)}.page-module__ssgDnq__metaSubtitle{max-width:66ch;margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.65}.page-module__ssgDnq__metaInfo{gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-xl);background:var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-sm);display:grid}.page-module__ssgDnq__metaInfoItem{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:44px;padding-inline:var(--spacing-md);border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-bg)62%,transparent);display:flex}.page-module__ssgDnq__metaInfoLabel{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:900}.page-module__ssgDnq__metaInfoValue{color:var(--color-accent-cyan);text-align:right;font-weight:950}.page-module__ssgDnq__metaDesc{max-width:78ch;padding:var(--spacing-lg);border-radius:var(--radius-xl);background:linear-gradient(90deg,color-mix(in oklch,var(--color-accent-cyan)9%,transparent),transparent 56%),var(--color-bg-card);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent-cyan)24%,transparent);grid-column:1/-1}.page-module__ssgDnq__metaDesc p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.7}.page-module__ssgDnq__metaSection{gap:var(--spacing-lg);display:grid}.page-module__ssgDnq__metaSectionTitle{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:var(--font-size-2xl);overflow-wrap:anywhere;margin:0;font-weight:950}.page-module__ssgDnq__tierLegend{gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-xl);background:var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-sm);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.page-module__ssgDnq__tierLegendItem{align-items:center;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-sm);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-bg)56%,transparent);grid-template-columns:auto minmax(0,1fr);display:grid}.page-module__ssgDnq__tierLegendBadge{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-accent-ink);font-family:var(--font-heading);place-items:center;font-weight:950;display:grid}.page-module__ssgDnq__tierLegendBadge--S{background:var(--color-tier-s)}.page-module__ssgDnq__tierLegendBadge--A{background:var(--color-tier-a)}.page-module__ssgDnq__tierLegendBadge--B{background:var(--color-tier-b);color:var(--color-bg)}.page-module__ssgDnq__tierLegendBadge--C{background:var(--color-tier-c);color:var(--color-bg)}.page-module__ssgDnq__tierLegendBadge--D{background:var(--color-tier-d);color:var(--color-bg)}.page-module__ssgDnq__tierLegendDesc{min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.35}.page-module__ssgDnq__patchList{gap:var(--spacing-md);display:grid}.page-module__ssgDnq__patchCard{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-sm);transition-property:transform,background-color,box-shadow;transition-duration:var(--dur-med);transition-timing-function:var(--ease-out);display:grid}.page-module__ssgDnq__patchCard:first-child{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent)36%,transparent),var(--shadow-sm)}.page-module__ssgDnq__patchCard:hover{background:color-mix(in oklch,var(--color-bg-card)92%,var(--color-accent));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent)42%,transparent),var(--shadow-md);transform:translateY(-2px)}.page-module__ssgDnq__patchHeader{justify-content:space-between;align-items:start;gap:var(--spacing-md);display:flex}.page-module__ssgDnq__patchTitle{font-size:var(--font-size-lg);margin:0;font-weight:950}.page-module__ssgDnq__patchMeta{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;font-weight:800;display:flex}.page-module__ssgDnq__patchVersion{min-height:28px;padding-inline:var(--spacing-sm);border-radius:var(--radius-full);color:var(--color-accent-ink);background:var(--color-accent);font-size:var(--font-size-xs);align-items:center;font-weight:950;display:inline-flex}.page-module__ssgDnq__patchChanges{gap:var(--spacing-xs);display:grid}.page-module__ssgDnq__patchChange{align-items:start;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-bg)62%,transparent);grid-template-columns:auto minmax(7rem,.35fr) minmax(0,1fr);display:grid}.page-module__ssgDnq__patchChangeType{min-height:28px;padding-inline:var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;font-weight:950;line-height:1;display:inline-flex}.page-module__ssgDnq__patchChangeType--buff{color:var(--color-change-buff);background:color-mix(in oklch,var(--color-change-buff)14%,transparent)}.page-module__ssgDnq__patchChangeType--nerf{color:var(--color-change-nerf);background:color-mix(in oklch,var(--color-change-nerf)14%,transparent)}.page-module__ssgDnq__patchChangeType--rework{color:var(--color-change-rework);background:color-mix(in oklch,var(--color-change-rework)14%,transparent)}.page-module__ssgDnq__patchChangeType--map{color:var(--color-change-map);background:color-mix(in oklch,var(--color-change-map)14%,transparent)}.page-module__ssgDnq__patchChangeType--system{color:var(--color-change-system);background:color-mix(in oklch,var(--color-change-system)14%,transparent)}.page-module__ssgDnq__patchChangeHero{min-width:0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:950}.page-module__ssgDnq__patchChangeDesc{min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}@keyframes page-module__ssgDnq__metaReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:70rem){.page-module__ssgDnq__tierLegend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:48rem){.page-module__ssgDnq__metaHeader{grid-template-columns:1fr}.page-module__ssgDnq__metaTitle{max-width:11ch}.page-module__ssgDnq__tierLegend,.page-module__ssgDnq__patchChange{grid-template-columns:1fr}.page-module__ssgDnq__patchHeader{display:grid}.page-module__ssgDnq__patchMeta{justify-content:flex-start}}
