/* -----------------------------
    ACHIEVEMENT OVERLAY (Wall)
    ----------------------------- */
    
    /* Achievement overlay — inherits CCM glass base from main.css.
       Sizing/spacing lives in the "Utility overlay polish" section below. */
    #achievement-overlay .overlay-content {
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: var(--primary-color) rgba(0, 0, 0, 0.4);
    }

    /* Custom scrollbar for achievement modal - Desktop & Mobile */
    #achievement-overlay .overlay-content::-webkit-scrollbar {
      width: 12px;
    }
    
    #achievement-overlay .overlay-content::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.4);
      border: 1px solid var(--secondary-color);
      border-radius: 10px;
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }
    
    #achievement-overlay .overlay-content::-webkit-scrollbar-thumb {
      background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
      border: 2px solid rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      box-shadow: 0 0 8px rgba(99, 197, 218, 0.6), inset 0 0 4px rgba(152, 251, 152, 0.4);
    }
    
    #achievement-overlay .overlay-content::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
      box-shadow: 0 0 12px rgba(152, 251, 152, 0.8), inset 0 0 6px rgba(99, 197, 218, 0.6);
    }
    
    /* Title inherits .overlay-content h2 from main.css */
    /* No additional styling needed - uses standard overlay h2 */
    
    /* Message/subtitle styling */
    #achievement-message {
      font-size: 0.76em;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 1em;
      font-family: "Orbitron", sans-serif;
    }
    
   .achievement-wall {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     align-items: stretch;
     gap: 0.8rem;
     padding: 0.6em;
     overflow-x: hidden;
     box-sizing: border-box;
     width: 100%;
   }
   
   /* Custom scrollbar */
   .achievement-wall::-webkit-scrollbar {
     width: 8px;
   }
   
   .achievement-wall::-webkit-scrollbar-track {
     background: rgba(0, 0, 0, 0.3);
     border-radius: 4px;
   }
   
   .achievement-wall::-webkit-scrollbar-thumb {
     background: var(--secondary-color);
     border: 1px dotted var(--secondary-color);
     border-radius: 4px;
     box-shadow: 0 0 6px rgba(152, 251, 152, 0.3);
   }
   
   .achievement-wall::-webkit-scrollbar-thumb:hover {
     background: rgba(152, 251, 152, 0.8);
     box-shadow: 0 0 8px rgba(152, 251, 152, 0.5);
   }
   
   /* Achievement cards - match game card aesthetic */
   .achievement-card {
     --achievement-accent-rgb: var(--secondary-color-rgb);
     background:
       linear-gradient(160deg, rgba(0, 0, 0, 0.72), rgba(var(--achievement-accent-rgb), 0.12));
     border: 1px solid rgba(var(--achievement-accent-rgb), 0.38);
     border-radius: 8px;
     padding: 0.72em 0.62em 0.66em;
     width: 100%;
     max-width: none;
     min-width: 0;
     min-height: 9.25rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
     gap: 0.72rem;
     text-align: center;
     position: relative;
     isolation: isolate;
     overflow: hidden;
     transition: all 0.3s ease-in-out;
     box-shadow:
       inset 0 0 0 1px rgba(255, 255, 255, 0.05),
       0 4px 14px rgba(0, 0, 0, 0.35);
     box-sizing: border-box;
   }

   .achievement-card::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: 0;
     border-radius: inherit;
     background-image:
       var(--achievement-card-bg),
       linear-gradient(160deg, rgba(0, 0, 0, 0.88), rgba(var(--achievement-accent-rgb), 0.18));
     background-position: var(--achievement-bg-position, center), center;
     background-size: 200%, cover;
     background-repeat: no-repeat;
     opacity: 0.48;
     filter: saturate(1.08) brightness(0.78);
     transform: scale(1.02);
     pointer-events: none;
   }

   .achievement-card::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: 0;
     border-radius: inherit;
     pointer-events: none;
     background:
       linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.48) 44%, rgba(0, 0, 0, 0.86) 100%),
       radial-gradient(ellipse 88% 52% at 50% 58%, rgba(0, 0, 0, 0.74), transparent 72%),
       radial-gradient(circle at 14% 86%, rgba(255, 64, 180, 0.12), transparent 24%),
       radial-gradient(circle at 88% 16%, rgba(var(--achievement-accent-rgb), 0.26), transparent 28%);
     box-shadow:
       inset 0 0 0 1px rgba(var(--achievement-accent-rgb), 0.16),
       inset 0 0 18px rgba(var(--achievement-accent-rgb), 0.12);
     opacity: 0.96;
   }

   .achievement-card > * {
     position: relative;
     z-index: 1;
   }
   
   /* Locked state dims & grays out */
   .achievement-card.locked {
     opacity: 0.78;
     border-color: rgba(255, 255, 255, 0.22);
   }

   .achievement-card.locked::before {
     opacity: 0.32;
     filter: grayscale(1) saturate(0.55) brightness(0.54);
   }

   .achievement-card.locked::after {
     background:
       linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.62) 48%, rgba(0, 0, 0, 0.9) 100%),
       radial-gradient(ellipse 88% 52% at 50% 58%, rgba(0, 0, 0, 0.78), transparent 72%),
       radial-gradient(circle at 88% 16%, rgba(255, 255, 255, 0.08), transparent 26%);
   }
   
   /* Hover glows and lifts - matches game style */
   .achievement-card:not(.locked):hover {
     transform: translateY(-4px);
     box-shadow:
       inset 0 0 0 1px rgba(255, 255, 255, 0.08),
       0 0 0.9375rem rgba(var(--achievement-accent-rgb), 0.48);
     border-color: rgba(var(--achievement-accent-rgb), 0.74);
   }

   .achievement-card:not(.locked):hover::before {
     opacity: 0.58;
     filter: saturate(1.18) brightness(0.88);
   }
   
   /* Icon / Title / Description styling */
   .achievement-icon {
     width: 48px;
     height: 48px;
     background:
       radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.18), transparent 28%),
       linear-gradient(150deg, rgba(0, 0, 0, 0.82), rgba(var(--achievement-accent-rgb), 0.18));
     border: 1px solid rgba(var(--achievement-accent-rgb), 0.58);
     border-radius: 6px;
     margin-bottom: 0.58em;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.72rem;
     font-family: "Orbitron", sans-serif;
     font-weight: 700;
     color: #fff;
     text-shadow: 0 0 8px rgba(var(--achievement-accent-rgb), 0.8);
     box-shadow:
       0 0 10px rgba(var(--achievement-accent-rgb), 0.22),
       inset 0 0 0 1px rgba(255, 255, 255, 0.08);
     flex-shrink: 0;
     overflow: hidden;
   }

   .achievement-icon img {
     width: 82%;
     height: 82%;
     object-fit: contain;
     filter:
       drop-shadow(0 0 5px rgba(var(--achievement-accent-rgb), 0.7))
       drop-shadow(0 1px 2px rgba(0, 0, 0, 0.75));
   }
   
   .achievement-card.locked .achievement-icon {
     border-color: rgba(255, 255, 255, 0.2);
     background: rgba(0, 0, 0, 0.5);
   }

   .achievement-card.locked .achievement-icon img {
     opacity: 0.64;
     filter: grayscale(1) brightness(0.78);
   }

   .achievement-copy {
     width: 100%;
     min-height: 3.8rem;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
     padding: 0.42rem 0.36rem 0.38rem;
     border: 1px solid rgba(var(--achievement-accent-rgb), 0.18);
     border-radius: 6px;
     background:
       linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.68)),
       radial-gradient(ellipse 110% 70% at 50% 100%, rgba(var(--achievement-accent-rgb), 0.13), transparent 74%);
     box-shadow:
       inset 0 1px 0 rgba(255, 255, 255, 0.055),
       inset 0 -10px 24px rgba(0, 0, 0, 0.28);
     box-sizing: border-box;
   }
   
   .achievement-title {
     font-family: "Orbitron", sans-serif;
     font-size: 0.76em;
     color: rgb(var(--achievement-accent-rgb));
     margin-bottom: 0.28em;
     text-shadow:
       0 0 9px rgba(var(--achievement-accent-rgb), 0.72),
       0 1px 4px rgba(0, 0, 0, 0.92);
     line-height: 1.2em;
     word-wrap: break-word;
     overflow-wrap: break-word;
   }
   
   .achievement-card.locked .achievement-title {
     color: rgba(255, 255, 255, 0.64);
     text-shadow: 0 1px 4px rgba(0, 0, 0, 0.92);
   }
   
   .achievement-description {
     font-size: 0.6em;
     color: rgba(255, 255, 255, 0.86);
     margin: 0;
     line-height: 1.2em;
     word-wrap: break-word;
     overflow-wrap: break-word;
     text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95);
   }
   
   .achievement-card.locked .achievement-description {
     color: rgba(255, 255, 255, 0.5);
   }

   /* Tabs for categories - match overlay-button style */
   .achievement-tabs {
     display: flex;
     gap: 0.6rem;
     margin-bottom: 1em;
     justify-content: center;
     flex-wrap: wrap;
   }
   
   .achievement-tab {
     background: rgba(0, 0, 0, 0.36);
     border: 1px dotted var(--secondary-color);
     border-radius: 6px;
     color: #fff;
     padding: 2%;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     width: auto;
     max-width: 186px;
     font-family: "Orbitron", sans-serif;
     font-size: 0.6em;
     line-height: 1.2em;
   }
   
   .achievement-tab:hover {
     box-shadow: 0 0 0.9375rem var(--secondary-color);
   }
   
   .achievement-tab.active {
     background: rgba(152, 251, 152, 0.2);
     color: var(--secondary-color);
     box-shadow: 0 0 0.9375rem var(--secondary-color);
     text-shadow: var(--neon-glow);
   }
   
   /* -----------------------------
      TOASTS (Achievement Pop‑ups)
      ----------------------------- */
   #achievement-toast-container {
     position: fixed;
     top: calc(env(safe-area-inset-top, 0px) + clamp(0.75rem, 2.4vw, 1.4rem));
     left: 50%;
     transform: translateX(-50%);
     width: min(360px, calc(100vw - 2rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 0.6rem;
     pointer-events: none;
     z-index: 1000000;
   }
   
   .achievement-toast {
     --achievement-accent-rgb: var(--secondary-color-rgb);
     width: 100%;
     max-width: 360px;
     background:
       radial-gradient(circle at 18% 16%, rgba(var(--achievement-accent-rgb), 0.18), transparent 34%),
       linear-gradient(165deg, rgba(0, 0, 0, 0.91), rgba(2, 18, 22, 0.9));
     border: 1px solid rgba(var(--achievement-accent-rgb), 0.58);
     border-radius: 6px;
     padding: 0.85em 1em;
     box-shadow:
       0 0 0.9375rem rgba(var(--achievement-accent-rgb), 0.42),
       inset 0 0 0 1px rgba(255, 255, 255, 0.06);
     color: #fff;
     font-family: "Orbitron", sans-serif;
     pointer-events: auto;
     opacity: 0;
     transform: translateY(-18px) scale(0.94);
     animation: toastIn 0.36s cubic-bezier(0.2, 0.82, 0.24, 1) forwards;
     box-sizing: border-box;
     text-align: center;
   }
   
   .achievement-toast .toast-icon {
     width: 48px;
     height: 48px;
     margin: 0 auto 0.48em;
     display: grid;
     place-items: center;
     border-radius: 6px;
     border: 1px solid rgba(var(--achievement-accent-rgb), 0.58);
     background:
       radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.18), transparent 28%),
       linear-gradient(150deg, rgba(0, 0, 0, 0.82), rgba(var(--achievement-accent-rgb), 0.18));
     box-shadow:
       0 0 10px rgba(var(--achievement-accent-rgb), 0.24),
       inset 0 0 0 1px rgba(255, 255, 255, 0.08);
     overflow: hidden;
     font-size: 0.72rem;
     font-weight: 700;
     color: #fff;
     text-shadow: 0 0 8px rgba(var(--achievement-accent-rgb), 0.8);
   }

   .achievement-toast .toast-icon img {
     width: 82%;
     height: 82%;
     object-fit: contain;
     filter:
       drop-shadow(0 0 5px rgba(var(--achievement-accent-rgb), 0.7))
       drop-shadow(0 1px 2px rgba(0, 0, 0, 0.75));
   }
   
   .achievement-toast .toast-title {
     font-size: 1em;
     font-weight: 700;
     margin-bottom: 0.3em;
     color: rgb(var(--achievement-accent-rgb));
     text-shadow:
       0 0 9px rgba(var(--achievement-accent-rgb), 0.72),
       0 1px 4px rgba(0, 0, 0, 0.92);
   }
   
   .achievement-toast .toast-subtitle {
     font-size: 0.76em;
     opacity: 0.85;
     color: rgba(255, 255, 255, 0.8);
     overflow-wrap: anywhere;
   }
   
   @keyframes toastIn {
     0% {
       opacity: 0;
       transform: translateY(-18px) scale(0.94);
     }
     60% {
       opacity: 1;
       transform: translateY(4px) scale(1.02);
     }
     100% {
       opacity: 1;
       transform: translateY(0) scale(1);
     }
   }
   
   @keyframes toastOut {
     from {
       opacity: 1;
       transform: translateY(0) scale(1);
     }
     to {
       opacity: 0;
       transform: translateY(-14px) scale(0.96);
     }
   }

   @media (max-width: 666px) {
     #achievement-toast-container {
       top: calc(env(safe-area-inset-top, 0px) + 0.7rem);
       width: min(92vw, calc(100vw - 1rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
       gap: 0.45rem;
     }

     .achievement-toast {
       padding: 0.72em 0.85em;
     }

     .achievement-toast .toast-icon {
       width: 42px;
       height: 42px;
       margin-bottom: 0.32em;
     }

     .achievement-toast .toast-title {
       font-size: 0.76em;
     }

     .achievement-toast .toast-subtitle {
       font-size: 0.64em;
     }
   }
/* -----------------------------
   Utility overlay polish: Achievements
   ----------------------------- */
#achievement-overlay .overlay-content {
  --utility-overlay-accent-rgb: var(--ccm-current-tier-accent-rgb);
  max-width: min(680px, calc(100vw - 2rem));
  width: 92%;
  max-height: min(86vh, 760px);
  margin: auto;
  padding: clamp(0.85rem, 1.8vw, 1.08rem);
  isolation: isolate;
  overflow-x: hidden;
  border: 1px solid rgba(var(--utility-overlay-accent-rgb), 0.5);
  background:
    linear-gradient(180deg, rgba(0, 8, 11, 0.86), rgba(0, 0, 0, 0.94)),
    radial-gradient(ellipse 90% 58% at 50% 16%, rgba(var(--utility-overlay-accent-rgb), 0.14), transparent 70%),
    var(--ccm-current-tier-board-image) top center / cover no-repeat,
    var(--ccm-glass-bg);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.045),
    0 0 30px rgba(var(--utility-overlay-accent-rgb), 0.16),
    0 22px 58px rgba(0, 0, 0, 0.74),
    inset 0 0 0 1px rgba(var(--utility-overlay-accent-rgb), 0.1),
    inset 0 0 44px rgba(0, 0, 0, 0.42);
}

#achievement-overlay .overlay-content::before,
#achievement-overlay .overlay-content::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

#achievement-overlay .overlay-content::before {
  z-index: 0;
  background: url("../assets/images/gameBG_roundColorFade-1.png") center 34% / 138% no-repeat;
  opacity: 0.34;
  filter: saturate(1.14) brightness(0.92);
  mix-blend-mode: screen;
}

#achievement-overlay .overlay-content::after {
  z-index: 0;
  inset: 1px;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.54), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.54)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 15%, rgba(0, 0, 0, 0.48));
  box-shadow:
    inset 0 0 0 1px rgba(var(--utility-overlay-accent-rgb), 0.1),
    inset 0 -18px 42px rgba(0, 0, 0, 0.44);
}

#achievement-overlay .overlay-content > * {
  position: relative;
  z-index: 1;
}

#achievement-overlay .overlay-content h2 {
  margin: 0 2.1rem 0.28rem;
  color: rgba(255, 255, 255, 0.96);
  text-shadow:
    0 0 12px rgba(var(--utility-overlay-accent-rgb), 0.42),
    0 2px 7px rgba(0, 0, 0, 0.92);
}

#achievement-message {
  margin: 0 0 0.72rem;
  padding: 0.42rem 0.58rem;
  border: 1px solid rgba(var(--utility-overlay-accent-rgb), 0.22);
  border-radius: 5px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.44), rgba(0, 8, 12, 0.62)),
    url("../assets/images/gameBG_roundColorFade-1.png") center / 140% no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    inset 0 0 18px rgba(var(--utility-overlay-accent-rgb), 0.07);
}

.achievement-tabs {
  gap: 0.36rem;
  margin-bottom: 0.78rem;
  padding: 0.28rem;
  border: 1px solid rgba(var(--utility-overlay-accent-rgb), 0.28);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.52), rgba(0, 8, 12, 0.68)),
    url("../assets/images/gameBG_roundColorFade-1.png") center / 118% no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.045),
    inset 0 0 16px rgba(var(--utility-overlay-accent-rgb), 0.08);
}

.achievement-tab {
  flex: 1 1 5.35rem;
  max-width: none;
  min-height: 2.12rem;
  padding: 0.42rem 0.54rem;
  border-color: rgba(var(--utility-overlay-accent-rgb), 0.34);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(var(--utility-overlay-accent-rgb), 0.1)),
    url("../assets/images/gameBG_roundColorFade-1.png") center / 150% no-repeat;
  color: rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    inset 0 0 14px rgba(0, 0, 0, 0.48);
}

.achievement-tab:hover {
  border-color: rgba(var(--utility-overlay-accent-rgb), 0.62);
  box-shadow:
    0 0 12px rgba(var(--utility-overlay-accent-rgb), 0.22),
    inset 0 0 0 1px rgba(255, 255, 255, 0.055);
}

.achievement-tab.active {
  background:
    linear-gradient(90deg, rgba(var(--ccm-neon-pink-rgb), 0.2), rgba(var(--utility-overlay-accent-rgb), 0.34), rgba(var(--ccm-neon-cyan-rgb), 0.18)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(var(--utility-overlay-accent-rgb), 0.22)),
    url("../assets/images/gameBG_roundColorFade-1.png") center / 132% no-repeat;
  border-color: rgba(var(--utility-overlay-accent-rgb), 0.82);
  color: rgb(var(--utility-overlay-accent-rgb));
  text-shadow: 0 0 8px rgba(var(--utility-overlay-accent-rgb), 0.62);
  box-shadow:
    0 0 14px rgba(var(--utility-overlay-accent-rgb), 0.36),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 0 0 16px rgba(var(--utility-overlay-accent-rgb), 0.14);
}

.achievement-wall {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 0.72rem;
  padding: 0.2rem 0.08rem 0.65rem;
}

.achievement-card {
  min-height: 9.7rem;
  border-color: rgba(var(--achievement-accent-rgb), 0.44);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.055),
    0 7px 18px rgba(0, 0, 0, 0.42),
    0 0 14px rgba(var(--achievement-accent-rgb), 0.08);
}

.achievement-card::before {
  background-image:
    var(--achievement-card-bg),
    url("../assets/images/gameBG_roundColorFade-1.png"),
    linear-gradient(160deg, rgba(0, 0, 0, 0.9), rgba(var(--achievement-accent-rgb), 0.18));
  background-position: var(--achievement-bg-position, center), center, center;
  background-size: 200%, 150%, cover;
  opacity: 0.5;
}

.achievement-card::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.54) 44%, rgba(0, 0, 0, 0.88) 100%),
    radial-gradient(ellipse 90% 54% at 50% 58%, rgba(0, 0, 0, 0.72), transparent 72%),
    radial-gradient(circle at 14% 86%, rgba(255, 64, 180, 0.12), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(var(--achievement-accent-rgb), 0.26), transparent 28%);
}

.achievement-copy {
  border-color: rgba(var(--achievement-accent-rgb), 0.24);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.74)),
    url("../assets/images/gameBG_roundColorFade-1.png") center / 150% no-repeat,
    radial-gradient(ellipse 110% 70% at 50% 100%, rgba(var(--achievement-accent-rgb), 0.13), transparent 74%);
}

#achievement-overlay .overlay-button {
  min-height: 2.5rem;
  border-color: rgba(var(--utility-overlay-accent-rgb), 0.48);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(var(--utility-overlay-accent-rgb), 0.12)),
    url("../assets/images/gameBG_roundColorFade-1.png") center / 130% no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 14px rgba(var(--utility-overlay-accent-rgb), 0.12);
}

@media (max-width: 666px) {
  #achievement-overlay .overlay-content {
    width: min(94vw, 380px);
    max-width: 380px;
    max-height: min(84vh, 680px);
    margin: auto;
    padding: 0.85rem 0.68rem 0.72rem;
  }

  #achievement-overlay .overlay-content h2 {
    margin-inline: 2rem;
    font-size: 1.12em;
  }

  #achievement-message {
    font-size: 0.62em;
    margin-bottom: 0.58rem;
  }

  .achievement-tabs {
    gap: 0.28rem;
    padding: 0.22rem;
  }

  .achievement-tab {
    flex-basis: 4.35rem;
    min-height: 1.82rem;
    padding: 0.32rem 0.38rem;
    font-size: 0.54em;
  }

  .achievement-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.52rem;
    padding-bottom: 0.52rem;
  }

  .achievement-card {
    min-height: 8.35rem;
    padding: 0.6em 0.48em;
    gap: 0.54rem;
    margin-bottom: 0.6em;
  }

  .achievement-icon {
    width: 42px;
    height: 42px;
  }

  .achievement-copy {
    min-height: 3.55rem;
    padding: 0.34rem 0.28rem 0.32rem;
  }

  .achievement-title {
    font-size: 0.68em;
    margin-bottom: 0.24em;
  }

  .achievement-description {
    font-size: 0.55em;
    line-height: 1.22;
  }
}