/* 355DG — cohesive Achievements + Community Keys presentation.
   Replaces the older floating/cropped tab treatment without changing milestones. */
.achievement-case:not(.compact){
  position:relative!important;
  margin-top:14px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(209,166,108,.48)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(31,23,31,.96),rgba(45,36,44,.96))!important;
  color:#f5eadf!important;
}
.achievement-case:not(.compact) .achievement-heading{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(209,166,108,.32)!important;
  background:rgba(20,15,21,.54)!important;
  box-shadow:none!important;
}
.achievement-case:not(.compact) .achievement-heading strong{
  display:block!important;
  font-family:'Fraunces','Marcellus',Georgia,serif!important;
  font-size:.76rem!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#e8bd82!important;
}
.achievement-case:not(.compact) .badge-shelf{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:14px 14px 12px!important;
}
.achievement-case:not(.compact) .revb-achievement-badge{
  width:118px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  gap:5px!important;
}
.achievement-case:not(.compact) .welcome-achievement-medallion{
  width:88px!important;
  height:88px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:2px solid rgba(212,164,104,.88)!important;
  background:radial-gradient(circle at 35% 30%,#5f4737 0%,#2d211d 52%,#171214 100%)!important;
  box-shadow:inset 0 0 0 5px rgba(10,8,10,.44),0 5px 12px rgba(0,0,0,.34)!important;
  color:#e6c18d!important;
}
.achievement-case:not(.compact) .welcome-achievement-medallion .revb-svg{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
}
.achievement-case:not(.compact) .welcome-achievement-medallion svg{
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.achievement-case:not(.compact) .revb-achievement-badge figcaption{
  max-width:116px!important;
  font-family:'Fraunces','Marcellus',Georgia,serif!important;
  font-size:.62rem!important;
  line-height:1.2!important;
  text-align:center!important;
  color:#f1dec5!important;
}
.achievement-case:not(.compact) .key-case{
  position:static!important;
  margin:0 14px 14px!important;
  padding:0 10px 10px!important;
  overflow:hidden!important;
  border:1px solid rgba(224,184,127,.30)!important;
  border-radius:11px!important;
  background:rgba(17,13,18,.18)!important;
}
.achievement-case:not(.compact) .key-case-label{
  position:static!important;
  inset:auto!important;
  display:block!important;
  margin:0 -10px 10px!important;
  padding:7px 11px!important;
  border:0!important;
  border-bottom:1px solid rgba(224,184,127,.24)!important;
  background:rgba(20,15,21,.44)!important;
  color:#e7c185!important;
  font-size:.62rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.achievement-case:not(.compact) .key-shelf{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
}
.achievement-case:not(.compact) .community-key-asset{
  width:64px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  gap:3px!important;
}
.achievement-case:not(.compact) .community-key-asset img{
  width:60px!important;
  height:100px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))!important;
}
.achievement-case:not(.compact) .community-key-asset figcaption{
  min-height:1.9em!important;
  font-size:.48rem!important;
  line-height:1.05!important;
  text-align:center!important;
  color:#e8d8c3!important;
}
.achievement-case:not(.compact) .community-key-asset.locked{opacity:.12!important;filter:grayscale(1)!important}
.achievement-case:not(.compact) .community-key-asset[title="Community Master Key"]{width:120px!important}
.achievement-case:not(.compact) .community-key-asset[title="Community Master Key"] img{width:116px!important;height:82px!important}

@media(max-width:560px){
  .achievement-case:not(.compact){margin-top:10px!important;border-radius:12px!important}
  .achievement-case:not(.compact) .achievement-heading{min-height:34px!important;padding:7px 10px!important}
  .achievement-case:not(.compact) .achievement-heading strong{font-size:.68rem!important}
  .achievement-case:not(.compact) .badge-shelf{padding:11px 10px 9px!important}
  .achievement-case:not(.compact) .revb-achievement-badge{width:96px!important}
  .achievement-case:not(.compact) .welcome-achievement-medallion{width:72px!important;height:72px!important}
  .achievement-case:not(.compact) .welcome-achievement-medallion .revb-svg{width:47px!important;height:47px!important}
  .achievement-case:not(.compact) .revb-achievement-badge figcaption{font-size:.56rem!important}
  .achievement-case:not(.compact) .key-case{margin:0 9px 9px!important;padding:0 7px 8px!important}
  .achievement-case:not(.compact) .key-case-label{margin:0 -7px 8px!important;padding:6px 8px!important;font-size:.56rem!important}
  .achievement-case:not(.compact) .key-shelf{gap:6px!important;justify-content:flex-start!important}
  .achievement-case:not(.compact) .community-key-asset{width:48px!important}
  .achievement-case:not(.compact) .community-key-asset img{width:46px!important;height:78px!important}
  .achievement-case:not(.compact) .community-key-asset figcaption{font-size:.43rem!important}
  .achievement-case:not(.compact) .community-key-asset[title="Community Master Key"]{width:92px!important}
  .achievement-case:not(.compact) .community-key-asset[title="Community Master Key"] img{width:90px!important;height:64px!important}
}