/* CSBA badge tier colors (Bronze / Silver / Gold / Hall of Fame), matched to the official tier art. */
.tier-bronze{--tier-text:#d36834;--tier-frame:#fda371;--tier-bright:#ffecde;--tier-glow:rgba(211,104,52,.42);--tier-bg:#1a120e}
.tier-silver{--tier-text:#b9b9b9;--tier-frame:#cecece;--tier-bright:#f9f9f9;--tier-glow:rgba(220,220,220,.30);--tier-bg:#151516}
.tier-gold{--tier-text:#eb9f16;--tier-frame:#f4c455;--tier-bright:#fff6d6;--tier-glow:rgba(235,159,22,.38);--tier-bg:#18140b}
.tier-hall_of_fame,.tier-hof{--tier-text:#d58cff;--tier-frame:#bf6cfa;--tier-bright:#f6deff;--tier-glow:rgba(191,108,250,.42);--tier-bg:#170f1c}

/* Tier word */
.tier-word{color:var(--tier-text)!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase}

/* Small shield icon */
.tier-shield{display:inline-block;width:14px;height:17px;flex:0 0 auto;vertical-align:-3px;color:var(--tier-frame);filter:drop-shadow(0 0 4px var(--tier-glow))}
.tier-shield path.frame{fill:#1c1c1f;stroke:currentColor;stroke-width:2.2;stroke-linejoin:miter}
.tier-shield path.shine{fill:none;stroke:var(--tier-bright);stroke-width:1;opacity:.75}

/* Badge cards / chips */
.badge-chip[class*="tier-"],.badge-editor-row[class*="tier-"],.test-wallet-tier[class*="tier-"]{
  border-color:color-mix(in srgb,var(--tier-frame) 55%,#2b2d34)!important;
  background:linear-gradient(135deg,var(--tier-bg),#0d0e12 70%)!important;
  box-shadow:inset 3px 0 0 var(--tier-frame),0 0 14px -6px var(--tier-glow)
}
.badge-chip[class*="tier-"] strong{display:flex!important;gap:7px;align-items:flex-start;color:#f5f5f7}
.badge-chip[class*="tier-"] span.tier-word,.badge-editor-row[class*="tier-"] span.tier-word{color:var(--tier-text)!important}
.badge-editor-row[class*="tier-"] span:first-child{display:flex;gap:7px;align-items:center}
.badge-editor-row[class*="tier-"][aria-pressed="true"]{border-color:var(--tier-frame)!important;box-shadow:inset 3px 0 0 var(--tier-frame),0 0 18px -4px var(--tier-glow)}
.test-wallet-tier[class*="tier-"] span{color:var(--tier-text)!important}

/* Tier group headers and tier totals */
.badge-group[class*="tier-"]>summary>span:first-child{display:inline-flex;gap:8px;align-items:center;color:var(--tier-text);font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.badge-group[class*="tier-"]{border-color:color-mix(in srgb,var(--tier-frame) 35%,#2b2d34)!important}
.badge-tier-summary>div[class*="tier-"]{border-color:color-mix(in srgb,var(--tier-frame) 50%,#303039)!important;background:linear-gradient(160deg,var(--tier-bg),#0d0e12 75%)!important;box-shadow:0 0 16px -8px var(--tier-glow)}
.badge-tier-summary>div[class*="tier-"] small{color:var(--tier-text)!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.badge-tier-summary>div[class*="tier-"] strong{color:var(--tier-bright)}

/* Tier picker in League Office badge editor */
select.tier-select option[value="bronze"]{color:#d36834}
select.tier-select option[value="silver"]{color:#8f8f8f}
select.tier-select option[value="gold"]{color:#c98a10}
select.tier-select option[value="hall_of_fame"]{color:#a855f7}
select.tier-select[class*="tier-"]{color:var(--tier-text);border-color:var(--tier-frame)!important}

/* Keep badge names readable: never split a word mid-letter, give chips room on wide screens */
.badge-chip[class*="tier-"] strong{overflow-wrap:normal!important;word-break:normal!important;hyphens:none}
.badge-chip[class*="tier-"] strong>span{min-width:0;overflow-wrap:break-word}
#dashboardState .badge-group[class*="tier-"] .compact-badge-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important}

/* Badge names take their tier color too */
.badge-chip[class*="tier-"] strong,.badge-chip[class*="tier-"] strong>span{color:var(--tier-text)!important}
.badge-editor-row[class*="tier-"] span:first-child{color:var(--tier-text)!important;font-weight:800}
.tier-name{color:var(--tier-text)!important;font-weight:900}