.tier-list-card{border:1px solid var(--tier-page-border-subtle);background:var(--tier-page-surface);border-radius:18px;min-width:0;height:100%;transition:transform .18s,background-color .18s,border-color .18s}.tier-list-card__link{border-radius:inherit;min-width:0;height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.tier-list-card__link:focus-visible{outline:3px solid var(--tier-page-focus);outline-offset:4px}.tier-list-card__visual{position:relative}.tier-list-card__lead{display:block;position:relative}.tier-list-card__portrait{--cost-color:var(--tier-page-border-strong);aspect-ratio:2.6;background:var(--tier-page-surface-muted);border:0;border-radius:15px 15px 0 0;display:block;position:relative;overflow:hidden}.tier-list-card__portrait[data-cost="1"]{--cost-color:var(--unit-cost-1)}.tier-list-card__portrait[data-cost="2"]{--cost-color:var(--unit-cost-2)}.tier-list-card__portrait[data-cost="3"]{--cost-color:var(--unit-cost-3)}.tier-list-card__portrait[data-cost="4"]{--cost-color:var(--unit-cost-4)}.tier-list-card__portrait[data-cost="5"]{--cost-color:var(--unit-cost-5)}.tier-list-card__portrait:before{content:"";z-index:2;border:solid var(--cost-color);border-width:var(--cost-border,0 0 3px);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.tier-list-card__portrait img{object-fit:cover;object-position:center 38%}.tier-list-card__portrait:after{pointer-events:none;content:"";background:linear-gradient(#00000008 40%,#00000070);position:absolute;inset:0}.tier-list-card__tier{color:#f5f3ed;letter-spacing:-.03em;background:#0b0c0ed9;border-radius:8px;place-items:center;min-width:36px;height:32px;padding-inline:8px;font-size:.875rem;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.tier-list-card__body{flex-direction:column;flex:1;min-width:0;padding:14px 16px 16px;display:flex}.tier-list-card__title{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;display:grid}.tier-list-card__position{display:none}.tier-list-card__name{color:var(--tier-page-text-primary);letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:pretty;word-break:keep-all;margin:0;font-size:1.125rem;font-weight:700;line-height:1.4}.tier-list-card__desktop-title-line{display:inline}.tier-list-card__arrow{width:28px;height:28px;color:var(--tier-page-text-secondary);border-radius:50%;place-items:center;font-size:1rem;transition:color .18s,background-color .18s;display:grid}.tier-list-card__meta{color:var(--tier-page-text-muted);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:auto;padding-top:10px;font-size:.8125rem;line-height:1.5;display:flex}.tier-list-card__change{z-index:2;border-radius:5px;place-items:center;width:28px;height:28px;font-weight:800;line-height:1;display:grid;position:absolute;top:12px;right:12px}.tier-list-card__change[data-change]{color:var(--tier-page-surface)}.tier-list-card__change[data-change=up]{background:var(--tier-page-grade-s-text)}.tier-list-card__change[data-change=down]{background:var(--tier-page-grade-c-text)}.tier-list-card__change[data-change=new]{background:var(--tier-page-grade-gold-text)}.tier-list-card__change-icon{width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tier-list-card__change:after{background:var(--tier-page-accent-solid);color:var(--tier-page-on-accent);content:attr(data-tooltip);opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition), visibility var(--transition);visibility:hidden;white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:.75rem;font-weight:700;line-height:1;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-2px);box-shadow:0 4px 12px #121b1733}.tier-list-card__change:hover:after,.tier-list-card__link:focus-visible .tier-list-card__change:after{opacity:1;visibility:visible;transform:translate(-50%)}.tier-list-card__traits{white-space:normal;max-width:100%}.tier-list-card__guide-language{color:var(--tier-page-text-muted);flex-basis:100%;font-size:.75rem;font-weight:500}.tier-list-card__requirement{--aug-blur:2px;--aug-glow:transparent;align-items:center;gap:6px;max-width:100%;display:flex}.tier-list-card__requirement-icon{flex:none;width:18px;height:18px;position:relative}.tier-list-card__requirement-icon :is(img,picture){object-fit:contain;filter:drop-shadow(0 1px 1px #121b173d)}.tier-list-card__requirement-label{color:var(--tier-page-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.tier-list-card__requirement[data-augment-tier=silver]{--aug-glow:#477dcb}.tier-list-card__requirement[data-augment-tier=gold]{--aug-glow:#a18e21}.tier-list-card__requirement[data-augment-tier=prismatic]{--aug-glow:#6838ff}.tier-list-card__requirement[data-kind=augment] .tier-list-card__requirement-icon img{filter:drop-shadow(0 0 2px var(--aug-s)) drop-shadow(0 0 var(--aug-blur) var(--aug-glow))}@media (hover:hover) and (pointer:fine){.tier-list-card[data-has-detail=true]:hover{border-color:var(--tier-page-border-strong);background:var(--tier-page-surface-raised)}.tier-list-card__link:hover .tier-list-card__arrow{color:var(--tier-page-background);background:var(--tier-page-text-primary)}}.tier-list-card__link:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.tier-list-card,.tier-list-card__link,.tier-list-card__portrait img,.tier-list-card__arrow{transition:none}.tier-list-card__link:active{transform:none}}