.team-builder-primary{padding-top:1.25rem}
.team-builder-primary .builder>.grid{margin-bottom:1rem}
.available-pals{margin:1rem 0;border:1px solid var(--border);border-radius:10px;padding:0 1rem}
.available-pals summary{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.available-pals summary small{color:var(--muted);font-weight:500}
.available-pals fieldset{margin-top:0;border:0!important;padding:0 0 1rem}
.selection-actions{display:flex;gap:.5rem;margin:.75rem 0}
.selection-actions button{background:var(--surface);color:var(--text);border:1px solid var(--border)}
.pal-choice small{display:block;color:var(--muted);font-size:.75rem}
.tier-category-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem .1rem 1rem;scrollbar-width:thin}
.tier-category-tabs button{flex:0 0 auto;background:var(--surface);color:var(--text);border:1px solid var(--border)}
.tier-category-tabs button[aria-selected=true]{background:var(--accent);color:#05202a;border-color:var(--accent)}
.tier-lists{display:block}
.tier-board{overflow:hidden}
.tier-row{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:stretch!important;border-bottom:1px solid var(--border)}
.tier-row>h3{display:grid;place-items:center;margin:0;font-size:2rem;color:#07111f}
.tier-s>h3{background:#ff7676}.tier-a>h3{background:#ffb76b}.tier-b>h3{background:#ffe36b}.tier-c>h3{background:#85df8f}.tier-d>h3{background:#77c9f2}
.tier-row .tier-pals{min-width:0;padding:1rem}
.tier-pal-card{min-width:230px;max-width:320px;flex:1 1 230px}
.tier-pal-card strong,.tier-pal-card small{display:block}
.tier-pal-card small{white-space:normal}
@media(max-width:580px){.team-builder-primary{padding-top:.5rem}.available-pals summary{align-items:flex-start;flex-direction:column}.tier-row{grid-template-columns:48px minmax(0,1fr)!important}.tier-row>h3{font-size:1.35rem}.tier-pal-card{min-width:0;max-width:none;width:100%}.tier-category-tabs{margin-inline:-14px;padding-inline:14px}}

html[data-theme=light] .brand,
html[data-theme=light] .footer-brand{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
html[data-theme=light] .brand img,
html[data-theme=light] .footer-brand img{filter:brightness(.27) saturate(1.8)}
.tier-page-hero{padding-bottom:1.5rem}
.tier-page{padding-top:1.25rem}
.tier-category-tabs{position:sticky;top:82px;z-index:8;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);padding-top:.75rem}
.tier-category-tabs button{min-height:46px;padding:.7rem 1.05rem}
.tier-board{padding:0}
.tier-board-heading{padding:1.3rem 1.5rem;border-bottom:1px solid var(--border)}
.tier-board-heading h2{margin:0 0 .35rem}
.tier-board-heading p{margin:0;color:var(--muted);max-width:850px}
.tier-row:last-child{border-bottom:0}
.tier-row>h3{min-height:112px}
.tier-pals{align-content:flex-start}
.tier-pal-card{min-width:180px;max-width:240px;flex:1 1 180px;padding:.55rem!important;overflow:hidden}
.tier-pal-card:hover{text-decoration:none;border-color:var(--accent);background:var(--surface)}
.tier-pal-card .pal-art{width:68px;height:68px;min-width:68px;border-radius:8px}
.tier-pal-card .pal-art img{width:100%;height:100%;object-fit:contain}
.tier-pal-card>span{min-width:0}
.tier-pal-card strong,.tier-pal-card small{overflow-wrap:anywhere}
.tier-explainer{padding-top:2rem}
@media(max-width:760px){
  .tier-category-tabs{top:70px}
  .tier-board-heading{padding:1rem}
  .tier-pal-card{min-width:150px;max-width:none;flex-basis:150px}
}
@media(max-width:480px){
  .tier-row{grid-template-columns:42px minmax(0,1fr)!important}
  .tier-row>h3{min-height:96px}
  .tier-row .tier-pals{padding:.65rem}
  .tier-pal-card{min-width:100%;width:100%;flex-basis:100%}
  .tier-pal-card .pal-art{width:58px;height:58px;min-width:58px}
}
