/* Progression V2 — rank ladder + achievement categories */
.progression-rank-panel{margin:14px 0 26px;padding:18px 20px;overflow:hidden;position:relative;background:radial-gradient(circle at 8% 0,rgba(123,97,255,.16),transparent 28%),linear-gradient(145deg,#121628,#0d101b)}
.progression-rank-main{display:flex;align-items:center;gap:14px}.rank-big-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:rgba(123,97,255,.12);border:1px solid rgba(123,97,255,.24);font-size:30px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.progression-rank-main h2{margin:4px 0 4px;font-size:22px}.progression-rank-main h2 small{font-size:10px;color:#a99dff;margin-left:7px}.progression-rank-main p{margin:0;color:#858fa5;font-size:9px}.progression-rank-main p b{color:#c8bfff}
.rank-ladder{display:grid;grid-template-columns:repeat(9,minmax(70px,1fr));gap:6px;margin-top:17px}.rank-step{min-width:0;padding:8px 5px;border:1px solid rgba(255,255,255,.06);border-radius:10px;text-align:center;background:rgba(255,255,255,.018);opacity:.38}.rank-step i{display:block;font-style:normal;font-size:16px}.rank-step b{display:block;margin-top:3px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-step small{display:block;margin-top:2px;font-size:6px;color:#6e7890}.rank-step.done{opacity:.72;border-color:rgba(123,97,255,.18)}.rank-step.active{opacity:1;background:linear-gradient(145deg,rgba(123,97,255,.2),rgba(54,215,255,.06));border-color:rgba(151,130,255,.5);box-shadow:0 0 22px rgba(123,97,255,.12)}
.achievement-categories{display:flex;flex-direction:column;gap:24px}.achievement-category{position:relative}.achievement-category-head{display:flex;align-items:end;justify-content:space-between;margin:0 2px 9px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.achievement-category-head h3{margin:2px 0 0;font-size:17px}.achievement-category-head>span{font-size:8px;color:#7c869b;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.035)}.achievement-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.achievement-card[data-category="Tân binh"],.achievement-card[data-category="Lính mới"]{border-color:rgba(181,190,210,.13)}.achievement-card[data-category="Chiến binh"],.achievement-card[data-category="Tinh anh"]{border-color:rgba(112,189,255,.16)}.achievement-card[data-category="Cao thủ"],.achievement-card[data-category="Bậc thầy"]{border-color:rgba(255,207,90,.18)}.achievement-card[data-category="Đại cao thủ"],.achievement-card[data-category="Huyền thoại"],.achievement-card[data-category="Tối thượng"]{border-color:rgba(173,137,255,.22)}
.achievement-card.unlocked[data-category="Cao thủ"],.achievement-card.unlocked[data-category="Bậc thầy"]{box-shadow:0 12px 30px rgba(255,207,90,.045)}.achievement-card.unlocked[data-category="Huyền thoại"],.achievement-card.unlocked[data-category="Tối thượng"]{box-shadow:0 12px 35px rgba(123,97,255,.08)}
.achievement-category-chip{display:inline-flex;margin:0 auto 2px;padding:5px 9px;border-radius:99px;background:rgba(123,97,255,.12);border:1px solid rgba(123,97,255,.22);color:#c7bdff;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1050px){.rank-ladder{grid-template-columns:repeat(5,1fr)}.achievement-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.progression-rank-panel{padding:14px}.rank-ladder{display:flex;overflow-x:auto;padding-bottom:4px}.rank-step{min-width:82px}.achievement-category-grid{grid-template-columns:1fr}.progression-rank-main h2{font-size:18px}.rank-big-icon{width:48px;height:48px;font-size:24px}}