.tier-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.tier-overview .discover-filter-pills{margin:0}.tier-overview .discover-filter-pills button{background:transparent;border-color:transparent;border-radius:999px;padding:8px 14px;font-size:11px}.tier-overview .discover-filter-pills button.active{background:var(--panel-strong);color:var(--blue)}.tier-overview button span{margin-left:5px;opacity:.65;font-size:10px}.tier-overview-date{font-size:10px;color:var(--muted);flex-shrink:0}.tier-board{display:grid;gap:12px}.tier-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:stretch;gap:12px}.tier-row>header{display:grid;place-items:center;min-width:0;padding:15px 5px;border-radius:12px;background:linear-gradient(165deg,var(--tier-top),var(--tier-bottom));color:var(--tier-ink)}.tier-row h3{margin:0;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.04em;text-align:center;text-shadow:0 1px 2px #0002}.tier-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-content:center;align-items:start;gap:17px 14px;min-height:132px;min-width:0;padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 70%,var(--surface))}.tier-cards>a,.tier-unmapped{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:0;border-radius:6px;text-align:center}.tier-art{position:relative;display:block;flex-shrink:0;width:100%;max-width:132px;aspect-ratio:1.586}.tier-art img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;border-radius:6px;filter:drop-shadow(0 4px 5px #022c2217);transition:transform .24s cubic-bezier(.22,1,.36,1),filter .24s}.tier-art>.tier-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.tier-cards>a:hover img,.tier-cards>a:focus-visible img{transform:translateY(-4px);filter:drop-shadow(0 8px 7px #022c2226)}.tier-cards>a:active img{transform:translateY(-1px) scale(.97)}.tier-cards>a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.tier-cards strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:11px;line-height:1.4;font-weight:600}.tier-cards>a:hover strong{color:var(--blue)}.tier-external{font-size:9px;color:var(--muted)}.tier-art-fallback{display:grid;place-items:center;width:100%;height:100%;min-height:35px;padding:6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface);font-size:11px;overflow-wrap:anywhere}.tier-unmapped small{font-size:10px;color:var(--muted)}[data-theme=dark] .tier-cards{background:color-mix(in srgb,var(--panel) 80%,var(--surface))}@media(max-width:1100px){.tier-row{grid-template-columns:76px minmax(0,1fr)}.tier-row h3{font-size:21px}.tier-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 12px;padding:16px}}@media(max-width:850px){.tier-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:600px){.tier-overview{display:block;margin-bottom:16px}.tier-overview-date{display:none}.tier-overview .discover-filter-pills{gap:3px}.tier-overview .discover-filter-pills button{padding:7px 9px;font-size:10px}.tier-board{gap:8px}.tier-row{grid-template-columns:52px minmax(0,1fr);gap:8px}.tier-row>header{border-radius:10px;padding:12px 3px}.tier-row h3{font-size:15px;letter-spacing:-.06em}.tier-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;min-height:96px;padding:13px 10px}.tier-cards>a{gap:6px}.tier-art{max-width:88px}.tier-art img{border-radius:4px}.tier-cards strong{font-size:9px}.tier-art-fallback{font-size:9px;padding:3px}}@media(max-width:359px){.tier-row{grid-template-columns:46px minmax(0,1fr)}.tier-row h3{font-size:14px}.tier-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.tier-art img{transition:none}}