#levelRewards { padding:24px; border-bottom:1px solid #315061; background:linear-gradient(120deg,#133040,#0a1622); }
#progressDialog[data-view="collection"] #levelRewards { display:none; }
#levelRewards header { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
#levelRewards h3 { margin:5px 0; font:900 26px var(--display); color:#eafaff; }
#levelRewardStatus { color:#b7f20c; font-size:15px; line-height:1.5; }
#levelRewardTrack { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.level-tier { display:flex; flex-direction:column; gap:8px; text-align:center; padding:18px 10px; background:#08141e; border:1px solid #375363; border-top:3px solid #547889; color:#afc4d0; }
.level-tier>span,.level-tier em { font:800 12px var(--display); letter-spacing:.06em; }
.level-tier>strong { font:900 38px var(--display); color:#fff; }.level-tier>b { font:900 23px var(--display); color:#12d9f4; }.level-tier small { font-size:13px; }.level-tier em { margin-top:8px; font-style:normal; }
.level-tier.milestone { border-color:#ffdb38; background:linear-gradient(145deg,#3c321d,#101924); }.level-tier.milestone>b,.level-tier.milestone>span { color:#ffdb38; }.level-tier.unlocked em { color:#b7f20c; }
.level-reward-note { font-size:13px; color:#a7bdca; line-height:1.5; margin-bottom:0; }
#claimLevels:disabled { opacity:.5; cursor:default; }
@media(max-width:600px) { #levelRewardTrack { grid-template-columns:repeat(2,minmax(0,1fr)); } #levelRewards { padding:18px; } #claimLevels { width:100%; } }