/* v5.18.5: rarity color-coding — ALL rarity styles live here. Do not touch style.css. */
/* Tiers: common #9aa4b2 · rare #4d9fff · epic #c77dff · legendary #ff8c1a · mythic #ffd23f */

/* ---- collection cards: border + subtle static glow in the rarity color ---- */
.cc-card { border: 1px solid #9aa4b2; }
.cc-card b { color: #fff; } /* item NAME stays white for readability */
.cc-rar-common   { border-color: #9aa4b2; box-shadow: 0 0 8px #9aa4b255, inset 0 0 6px #9aa4b222; }
.cc-rar-rare     { border-color: #4d9fff; box-shadow: 0 0 8px #4d9fff55, inset 0 0 6px #4d9fff22; }
.cc-rar-epic     { border-color: #c77dff; box-shadow: 0 0 8px #c77dff55, inset 0 0 6px #c77dff22; }
.cc-rar-legendary{ border-color: #ff8c1a; box-shadow: 0 0 8px #ff8c1a55, inset 0 0 6px #ff8c1a22; }
.cc-rar-mythic   { border-color: #ffd23f; box-shadow: 0 0 10px #ffd23f66, inset 0 0 7px #ffd23f33; }

/* ---- rarity caption under the name ---- */
.cc-rar-label { font-family:'Baloo 2','Montserrat',sans-serif; font-weight:700; font-style: normal; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
.cc-rar-common .cc-rar-label    { color: #9aa4b2; }
.cc-rar-rare .cc-rar-label      { color: #4d9fff; }
.cc-rar-epic .cc-rar-label       { color: #c77dff; }
.cc-rar-legendary .cc-rar-label  { color: #ff8c1a; }
.cc-rar-mythic .cc-rar-label     { color: #ffd23f; }

/* ---- earn-source hint on each card (390px-phone compact) ---- */
.cc-earn { display: block; font-size: 9px; letter-spacing: .06em; color: #8b93a3; margin-top: 4px; }

/* ---- legend line at the top of #collectPanel ---- */
.cc-legend { font-size: 10px; letter-spacing: .1em; color: #8b93a3; margin: 6px 0 2px; line-height: 1.7; }
.cc-legend .cc-leg { margin: 0 5px; font-weight: 700; }
.cc-leg-common    { color: #9aa4b2; }
.cc-leg-rare      { color: #4d9fff; }
.cc-leg-epic      { color: #c77dff; }
.cc-leg-legendary { color: #ff8c1a; }
.cc-leg-mythic    { color: #ffd23f; }
.cc-legend .cc-leg-note { color: #8b93a3; font-weight: 400; }