/* BinderWorth 3.41 · Collector identity, badges and streaks.
   Scoped to achievements; no XP, achievement or monthly-challenge rules change. */

html body #achievementsView { padding-bottom: max(156px,env(safe-area-inset-bottom)) !important; min-width:0 !important; }
#achievementsView .panel { border-radius:18px !important; }
#achievementsView .eyebrow { font-size:10px !important; font-weight:850 !important; color:#e1b366 !important; letter-spacing:.14em !important; }
#achievementsView button:focus-visible { outline:2px solid #63d9cd !important; outline-offset:3px !important; }

/* Collector identity is the page anchor, with the familiar Concept B dial. */
html body #achievementsView .achievements-page-hero {
  display:grid !important; grid-template-columns:minmax(0,1fr) minmax(325px,.84fr) !important;
  align-items:center !important; gap:22px !important;
  padding:26px 30px !important; margin:0 0 14px !important;
  border:1px solid rgba(225,174,85,.29) !important; border-radius:22px !important;
  background:radial-gradient(circle at 78% 22%,rgba(199,150,69,.12),transparent 35%),
    radial-gradient(circle at 12% 95%,rgba(43,189,166,.10),transparent 42%),
    linear-gradient(135deg,#142021,#0a1318) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.15) !important;
}
#achievementsView .achievements-profile-copy { min-width:0 !important; }
#achievementsView .achievements-profile-copy .eyebrow { margin:0 0 6px !important; }
#achievementsView .achievements-page-hero h2 {
  margin:0 0 10px !important; color:#f5f0e7 !important; font-family:inherit !important;
  font-size:clamp(30px,3.4vw,44px) !important; font-weight:900 !important;
  line-height:1.06 !important; letter-spacing:-.052em !important;
}
#achievementsView .achievements-profile-copy > p:not(.eyebrow) {
  max-width:580px !important; font-size:12px !important; line-height:1.5 !important;
  color:#a5b4ac !important; margin:0 !important;
}
#achievementsView .achievements-profile-actions {
  display:flex !important; align-items:center !important; gap:9px !important; flex-wrap:wrap !important;
  margin-top:17px !important;
}
#achievementsView .achievements-profile-actions .button {
  min-width:125px !important; min-height:43px !important; padding:10px 16px !important;
  font-size:11px !important; font-weight:850 !important; border-radius:11px !important;
}
#achievementsView .achievements-profile-actions .button.primary {
  background:linear-gradient(180deg,#f2c16c,#dfa349) !important;
  border:1px solid rgba(248,202,122,.65) !important; color:#241f15 !important;
}
#achievementsView .achievements-profile-actions .button.ghost {
  background:rgba(68,181,164,.07) !important; border:1px solid rgba(92,207,189,.27) !important;
  color:#aee8dc !important;
}
html body #achievementsView .achievements-page-level {
  display:grid !important; grid-template-columns:112px minmax(0,1fr) !important;
  align-items:center !important; gap:18px !important; margin:0 !important;
  min-width:0 !important; width:100% !important; justify-items:stretch !important;
  padding:17px !important;
  border-radius:18px !important; border:1px solid rgba(88,206,183,.22) !important;
  background:rgba(7,21,22,.65) !important;
}
html body #achievementsView .achievements-concept-b-wrap {
  width:112px !important; min-width:112px !important; max-width:112px !important; justify-self:center !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
  width:104px !important; height:104px !important; min-width:104px !important; min-height:104px !important;
  max-width:none !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core {
  inset:16px !important;
}
html body #achievementsView .achievements-level-meta {
  display:flex !important; flex-direction:column !important;
  align-items:flex-start !important; gap:5px !important;
  justify-items:stretch !important; min-width:0 !important; width:100% !important;
  text-align:left !important;
}
#achievementsView .achievements-level-kicker {
  font-size:9px !important; font-weight:850 !important; letter-spacing:.13em !important; color:#9bb3a8 !important;
}
#achievementsView .achievements-level-meta .collector-rank-pill {
  max-width:100% !important; margin:0 !important; padding:5px 9px !important;
  border:1px solid rgba(222,183,108,.33) !important;
  background:rgba(196,143,49,.12) !important; color:#e7c67d !important;
  border-radius:99px !important; font-size:10px !important; line-height:1.2 !important;
}
html body #achievementsView .achievements-level-meta #achievementsPageXp {
  font-size:clamp(26px,2.8vw,34px) !important; margin:2px 0 0 !important;
  line-height:1.1 !important; font-weight:900 !important; color:#f7f2e8 !important;
  font-variant-numeric:tabular-nums !important;
}
html body #achievementsView .achievements-level-meta #achievementsPageXpMeta {
  font-size:10px !important; color:#a3b5ab !important; margin:0 !important;
}
html body #achievementsView .achievements-level-meta .achievement-page-progress {
  width:100% !important; height:7px !important; margin:7px 0 0 !important;
  border:0 !important; background:#263331 !important;
}
html body #achievementsView .achievement-page-progress i {
  background:linear-gradient(90deg,#40bcad,#86e8c6,#dfb25e) !important;
}

/* The next available milestone is dynamic and never claims an unearned badge. */
html body #achievementsView .achievements-next-panel {
  display:grid !important; grid-template-columns:62px minmax(0,1fr) minmax(150px,220px) !important;
  align-items:center !important; gap:17px !important;
  margin:0 0 16px !important; padding:15px 20px !important;
  border:1px solid rgba(231,181,90,.29) !important; border-left:3px solid #e1b05f !important;
  background:linear-gradient(115deg,#252216,#111d1e 45%,#0c191b) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.12) !important;
}
#achievementsView .achievements-next-symbol {
  width:58px !important; height:58px !important; display:grid !important; place-items:center !important;
  border-radius:15px !important; border:1px solid rgba(233,181,86,.34) !important;
  background:linear-gradient(135deg,rgba(208,146,55,.20),rgba(63,48,29,.12)) !important;
  color:#f5cc80 !important; font-size:27px !important;
}
#achievementsView .achievements-next-content { min-width:0 !important; }
#achievementsView .achievements-next-content .eyebrow { margin:0 0 5px !important; font-size:9px !important; }
#achievementsView .achievements-next-content h3 {
  margin:0 0 5px !important; color:#f3eee3 !important; font-size:20px !important;
  line-height:1.15 !important; letter-spacing:-.035em !important; font-weight:850 !important;
}
#achievementsView .achievements-next-content > p:not(.eyebrow) {
  margin:0 !important; color:#aeb9b0 !important; font-size:11px !important; line-height:1.4 !important;
}
#achievementsView .achievements-next-goal { min-width:0 !important; width:100% !important; }
#achievementsView .achievements-next-goal strong {
  display:block !important; text-align:right !important; font-size:17px !important;
  color:#edc47e !important; line-height:1.1 !important; font-weight:850 !important;
  font-variant-numeric:tabular-nums !important;
}
#achievementsView .achievements-next-goal small {
  display:block !important; margin-top:5px !important; text-align:right !important;
  color:#879e93 !important; font-size:8px !important; font-weight:850 !important; letter-spacing:.1em !important;
}
#achievementsView .achievements-next-track {
  height:8px !important; width:100% !important; margin-top:9px !important; overflow:hidden !important;
  border-radius:99px !important; background:rgba(255,255,255,.08) !important;
}
#achievementsView .achievements-next-track > i {
  display:block !important; width:0; height:100% !important; border-radius:inherit !important;
  background:linear-gradient(90deg,#df9e45,#f0d387,#76d9c5) !important; transition:width .3s ease !important;
}

/* Badge cabinet and collector activity in one dashboard. */
html body #achievementsView .achievements-page-grid {
  display:grid !important; grid-template-columns:minmax(0,1.58fr) minmax(290px,.82fr) !important;
  gap:16px !important; align-items:start !important; margin:0 !important;
}
html body #achievementsView .achievements-all-panel {
  grid-column:1 !important; grid-row:1 !important; min-width:0 !important;
  padding:20px !important; border:1px solid rgba(79,193,180,.2) !important;
  background:linear-gradient(155deg,#111e20,#0a1519) !important;
}
html body #achievementsView .achievements-side-stack {
  grid-column:2 !important; grid-row:1 !important; min-width:0 !important;
  display:grid !important; grid-template-columns:1fr !important; gap:14px !important;
}
html body #achievementsView .achievements-stats-panel,
html body #achievementsView .achievements-monthly-panel {
  padding:18px !important; min-width:0 !important;
  border:1px solid rgba(79,193,180,.17) !important;
  background:linear-gradient(155deg,#131f20,#0a1519) !important;
}
#achievementsView .achievements-badges-head {
  margin:0 0 13px !important; padding:0 0 12px !important;
  border-bottom:1px solid rgba(255,255,255,.1) !important;
}
#achievementsView .achievements-badges-head h3,
#achievementsView .achievements-side-stack .panel-heading h3 {
  margin-top:3px !important; font-size:21px !important; color:#f5f0e6 !important;
  letter-spacing:-.035em !important; line-height:1.16 !important;
}
#achievementsView .achievements-badges-head #achievementsPageSummary {
  display:block !important; margin-top:6px !important; color:#a8bbb1 !important;
  font-size:11px !important; font-weight:500 !important;
}
#achievementsView .achievements-badge-filters {
  display:flex !important; flex-wrap:wrap !important; gap:7px !important;
  margin-bottom:14px !important;
}
#achievementsView .achievements-badge-filters button {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:7px !important; min-height:40px !important; padding:7px 13px !important; border-radius:11px !important;
  border:1px solid rgba(144,170,160,.22) !important; background:#0b1819 !important;
  color:#b2c3bb !important; font-size:11px !important; font-weight:800 !important; cursor:pointer !important;
}
#achievementsView .achievements-badge-filters button.active {
  background:rgba(226,172,82,.16) !important; color:#f1d08d !important;
  border-color:rgba(235,177,79,.52) !important;
}
#achievementsView .achievements-badge-filters span {
  display:grid !important; place-items:center !important;
  min-width:23px !important; height:23px !important; padding:2px 5px !important;
  border-radius:8px !important; background:rgba(255,255,255,.08) !important;
  color:inherit !important; font-size:10px !important;
}
html body #achievementsView .achievement-full-grid {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important; min-width:0 !important; margin:0 !important;
}
html body #achievementsView .achievement-full-grid .achievement-badge {
  display:grid !important; grid-template-columns:47px minmax(0,1fr) !important;
  gap:9px !important; align-items:center !important; align-content:center !important;
  min-width:0 !important; min-height:106px !important; padding:13px !important;
  border-radius:14px !important; border:1px solid rgba(158,180,169,.16) !important;
  background:linear-gradient(160deg,#152123,#0c1619) !important;
  box-shadow:none !important;
}
html body #achievementsView .achievement-full-grid .achievement-badge.unlocked {
  border-color:rgba(74,206,185,.42) !important;
  background:linear-gradient(140deg,#15312c,#122023 55%,#0e191b) !important;
  opacity:1 !important;
}
html body #achievementsView .achievement-full-grid .achievement-badge.locked {
  border-color:rgba(128,148,143,.14) !important;
  background:linear-gradient(140deg,#101c1e,#0a1417) !important; opacity:1 !important;
}
#achievementsView .achievement-full-grid .achievement-icon {
  width:45px !important; height:45px !important; border-radius:13px !important;
  display:grid !important; place-items:center !important; font-size:23px !important;
  grid-row:1 !important;
}
#achievementsView .achievement-full-grid .achievement-copy {
  display:flex !important; flex-direction:column !important; min-width:0 !important;
  grid-column:2 !important;
}
#achievementsView .achievement-full-grid .achievement-copy strong {
  font-size:12px !important; line-height:1.2 !important; white-space:normal !important;
  color:#f1eee6 !important; overflow-wrap:anywhere !important;
}
#achievementsView .achievement-full-grid .achievement-copy small {
  margin-top:5px !important; font-size:10px !important; line-height:1.35 !important;
  color:#9caea7 !important; white-space:normal !important;
}
html body #achievementsView .achievement-full-grid .achievement-badge.locked .achievement-copy strong { color:#b9c2bd !important; }
html body #achievementsView .achievement-full-grid .achievement-badge.locked .achievement-copy small { color:#819087 !important; }
html body #achievementsView .achievement-full-grid .achievement-state {
  grid-column:2 !important; justify-self:start !important;
  max-width:100% !important; margin-top:7px !important; padding:4px 7px !important;
  border-radius:7px !important; color:#bfcfca !important; background:rgba(255,255,255,.05) !important;
  font-size:9px !important; line-height:1.2 !important; font-weight:800 !important;
}
html body #achievementsView .achievement-full-grid .achievement-badge.unlocked .achievement-state {
  color:#90e6d3 !important; border:1px solid rgba(75,209,180,.26) !important;
  background:rgba(59,188,163,.13) !important;
}
#achievementsView .achievements-filter-empty {
  grid-column:1/-1 !important; padding:26px 16px !important; border-radius:13px !important;
  border:1px dashed rgba(149,182,174,.25) !important; color:#acbfb2 !important;
  background:rgba(8,21,22,.45) !important; font-size:12px !important; text-align:center !important;
}
html body #achievementsView .achievements-stat-list {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important;
}
html body #achievementsView .achievements-stat-list > div {
  min-height:85px !important; padding:13px !important; border-radius:12px !important;
  border:1px solid rgba(124,180,164,.16) !important; background:#111f20 !important;
}
html body #achievementsView .achievements-stat-list span {
  color:#9daea5 !important; font-size:10px !important; line-height:1.2 !important; letter-spacing:0 !important;
}
html body #achievementsView .achievements-stat-list strong {
  margin-top:8px !important; font-size:22px !important; line-height:1.05 !important;
  color:#f0c576 !important; font-variant-numeric:tabular-nums !important;
}
html body #achievementsView .achievements-stat-list > div:nth-child(odd) strong { color:#88e1cc !important; }
html body #achievementsView .achievements-stat-list > div:nth-child(even) strong { color:#eac27a !important; }
html body #achievementsView .achievements-monthly-panel { border-left:3px solid rgba(227,169,65,.7) !important; }
#achievementsView .achievements-monthly-panel > p {
  color:#a4b4aa !important; font-size:11px !important; line-height:1.4 !important; margin:4px 0 15px !important;
}
#achievementsView .achievements-monthly-panel .challenge-reward {
  min-width:63px !important; padding:6px 8px !important; border-radius:9px !important;
  background:rgba(219,159,51,.14) !important; border:1px solid rgba(230,170,57,.33) !important;
  color:#f4c774 !important; font-size:11px !important;
}
#achievementsView .achievements-monthly-panel .monthly-progress-row strong {
  font-size:22px !important; font-variant-numeric:tabular-nums !important; color:#f0e8d7 !important;
}
#achievementsView .achievements-monthly-panel .monthly-progress-row small { color:#abbfb4 !important; font-size:10px !important; }
#achievementsView .achievements-monthly-panel .monthly-progress-track {
  height:9px !important; border-radius:99px !important;
  background:rgba(255,255,255,.08) !important;
}
#achievementsView .achievements-monthly-panel .monthly-progress-track i {
  background:linear-gradient(90deg,#55cabb,#a4e7cc,#e7bc69) !important;
}

/* Tablet puts "what's next" and progress before the badge cabinet. */
@media (min-width:721px) and (max-width:1120px) {
  html body #achievementsView .achievements-page-hero { grid-template-columns:1fr !important; }
}
@media (max-width:1120px) {
  html body #achievementsView .achievements-page-grid {
    grid-template-columns:1fr !important; gap:13px !important;
  }
  html body #achievementsView .achievements-side-stack {
    grid-column:1 !important; grid-row:1 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:11px !important;
  }
  html body #achievementsView .achievements-all-panel {
    grid-column:1 !important; grid-row:2 !important;
  }
}
@media (max-width:720px) {
  html body #achievementsView .achievements-page-hero {
    display:block !important; padding:16px !important; margin-bottom:11px !important; border-radius:17px !important;
  }
  #achievementsView .achievements-page-hero h2 { font-size:30px !important; margin-bottom:7px !important; }
  #achievementsView .achievements-profile-copy > p:not(.eyebrow) { font-size:10.5px !important; }
  #achievementsView .achievements-profile-actions { margin-top:12px !important; gap:7px !important; }
  #achievementsView .achievements-profile-actions .button {
    min-width:0 !important; flex:1 1 0 !important; min-height:42px !important;
    font-size:10px !important; padding:8px 9px !important;
  }
  html body #achievementsView .achievements-page-level {
    grid-template-columns:99px minmax(0,1fr) !important; gap:10px !important;
    align-items:center !important; margin-top:14px !important; padding:11px !important;
    text-align:left !important; justify-items:stretch !important; border-radius:13px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap {
    width:96px !important; min-width:96px !important; max-width:96px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
    width:92px !important; height:92px !important; min-width:92px !important; min-height:92px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core { inset:14px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong { font-size:30px !important; }
  html body #achievementsView .achievements-level-meta {
    justify-items:stretch !important; align-items:flex-start !important;
    width:100% !important; text-align:left !important; gap:4px !important;
  }
  html body #achievementsView .achievements-level-meta #achievementsPageXp { font-size:27px !important; }
  html body #achievementsView .achievements-level-meta #achievementsPageXpMeta { font-size:9.5px !important; }
  html body #achievementsView .achievements-next-panel {
    grid-template-columns:43px minmax(0,1fr) !important;
    gap:8px 12px !important; padding:12px !important; margin:0 0 12px !important;
    border-radius:14px !important;
  }
  #achievementsView .achievements-next-symbol {
    width:41px !important; height:41px !important; font-size:21px !important; border-radius:11px !important;
  }
  #achievementsView .achievements-next-content h3 { font-size:18px !important; }
  #achievementsView .achievements-next-content > p:not(.eyebrow) { font-size:10px !important; }
  #achievementsView .achievements-next-goal {
    grid-column:1/-1 !important; margin-top:4px !important; display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important; align-items:center !important;
    gap:5px 11px !important;
  }
  #achievementsView .achievements-next-goal strong { text-align:left !important; font-size:14px !important; }
  #achievementsView .achievements-next-goal small { display:none !important; }
  #achievementsView .achievements-next-track { margin:0 !important; }
  html body #achievementsView .achievements-side-stack {
    grid-template-columns:1fr !important; gap:11px !important;
  }
  html body #achievementsView .achievements-stats-panel,
  html body #achievementsView .achievements-monthly-panel,
  html body #achievementsView .achievements-all-panel {
    padding:14px !important; border-radius:14px !important;
  }
  html body #achievementsView .achievements-stat-list {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important;
  }
  html body #achievementsView .achievements-stat-list > div {
    min-height:76px !important; padding:10px !important;
  }
  html body #achievementsView .achievements-stat-list span { font-size:9px !important; }
  html body #achievementsView .achievements-stat-list strong { font-size:19px !important; }
  #achievementsView .achievements-badge-filters {
    display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:5px !important;
  }
  #achievementsView .achievements-badge-filters button {
    padding:6px 4px !important; min-height:40px !important; gap:4px !important; font-size:10px !important;
  }
  #achievementsView .achievements-badge-filters span { min-width:19px !important; height:20px !important; font-size:9px !important; }
  html body #achievementsView .achievement-full-grid {
    grid-template-columns:1fr !important; gap:9px !important;
  }
  html body #achievementsView .achievement-full-grid .achievement-badge {
    min-height:86px !important; grid-template-columns:43px minmax(0,1fr) !important;
    padding:11px !important; gap:8px !important;
  }
  #achievementsView .achievement-full-grid .achievement-icon {
    width:42px !important; height:42px !important; font-size:21px !important;
  }
  #achievementsView .achievement-full-grid .achievement-copy strong { font-size:12px !important; }
  #achievementsView .achievement-full-grid .achievement-copy small { font-size:10px !important; }
  html body #achievementsView .achievement-full-grid .achievement-state { margin-top:5px !important; font-size:9px !important; }
}
@media (max-width:390px) {
  #achievementsView .achievements-page-hero h2 { font-size:26px !important; }
  html body #achievementsView .achievements-page-level {
    grid-template-columns:80px minmax(0,1fr) !important; gap:8px !important; padding:9px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap {
    width:78px !important; min-width:78px !important; max-width:78px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
    width:74px !important; height:74px !important; min-width:74px !important; min-height:74px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core { inset:11px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong { font-size:24px !important; }
  html body #achievementsView .achievements-level-meta #achievementsPageXp { font-size:23px !important; }
  #achievementsView .achievements-level-meta .collector-rank-pill { font-size:9px !important; }
  #achievementsView .achievements-level-kicker { font-size:8px !important; }
  #achievementsView .achievements-badge-filters button { font-size:9px !important; }
}
@media (prefers-reduced-motion:reduce) {
  #achievementsView .achievements-next-track > i,
  #achievementsView .achievement-page-progress i { transition:none !important; }
}


/* Mobile level ring geometry repair (3.41 ring pass 2).
   The legacy 220px segmented overlay and 18px inner mask were still attached
   to this 74–104px dial; they obscure progress and crowd its centre.
   This affects only Achievements, not the home level dial or earned XP. */
html body #achievementsView .achievements-concept-b-wrap {
  display: grid !important;
  place-items: center !important;
  width: 112px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  justify-self: center !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
  position: relative !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  flex: none !important;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  overflow: visible !important;
  border-radius: 50% !important;
  background: conic-gradient(from -90deg,
    #4ac4bb 0%,
    #72e2ce var(--level-progress-42, 0%),
    #efc470 var(--level-progress-72, 0%),
    #e2aa4e var(--level-progress, 0%),
    rgba(98,133,132,.23) var(--level-progress, 0%),
    rgba(98,133,132,.23) 100%) !important;
  filter: drop-shadow(0 4px 13px rgba(42,202,179,.13)) !important;
  isolation: isolate !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring::before {
  content: "" !important;
  position: absolute !important;
  inset: 9px !important;
  z-index: 1 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 45% 32%, #142a29, #091618 77%) !important;
  box-shadow: inset 0 0 0 1px rgba(121,208,190,.18) !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring::after,
html body #achievementsView .achievements-concept-b-wrap .concept-b-segment-mask {
  display: none !important;
  content: none !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core {
  position: absolute !important;
  inset: 11px !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  background: transparent !important;
  text-align: center !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong {
  display: block !important;
  margin: 0 !important;
  font-size: 32px !important;
  line-height: 1 !important;
  color: #f5d78b !important;
  text-shadow: none !important;
}
html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core > span:last-child {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-width: 0 !important;
  line-height: 1 !important;
  font-size: 8px !important;
  letter-spacing: .13em !important;
  color: #b9ddd0 !important;
}
@media (max-width: 720px) {
  html body #achievementsView .achievements-page-level {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap {
    width: 84px !important;
    min-width: 0 !important;
    max-width: 84px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring::before { inset: 8px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core { inset: 9px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong { font-size: 26px !important; }
  html body #achievementsView .achievements-level-meta {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  html body #achievementsView .achievements-level-meta #achievementsPageXp {
    font-size: clamp(21px,6vw,27px) !important;
    line-height: 1.08 !important;
  }
}
@media (max-width: 390px) {
  html body #achievementsView .achievements-page-level {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap { width: 72px !important; max-width: 72px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
  }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-ring::before { inset: 7px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core { inset: 8px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong { font-size: 22px !important; }
  html body #achievementsView .achievements-concept-b-wrap .concept-b-level-core > span:last-child { font-size: 7px !important; }
  html body #achievementsView .achievements-level-meta #achievementsPageXp { font-size: 21px !important; }
}