/* Minimal iPad-first achievement album overrides. */
body[data-current-view="achievements"] .floating-pet {
  display: none !important;
}

body[data-current-view="achievements"] #achievementsView {
  overflow-x: hidden !important;
}

body[data-current-view="achievements"] #achievementsView .achievement-wall-panel {
  padding: clamp(18px, 2.4vw, 30px) !important;
  border: 1px solid rgba(199, 216, 205, 0.82) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 249, 0.94), rgba(248, 253, 244, 0.92)) !important;
  box-shadow: 0 18px 44px rgba(47, 71, 58, 0.1) !important;
}

body[data-current-view="achievements"] #achievementsView .achievement-wall-header {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 312px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  min-height: 118px !important;
  border: 1px solid rgba(210, 224, 213, 0.8) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 251, 0.78) !important;
}

body[data-current-view="achievements"] #achievementsView .achievement-overview-copy {
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

body[data-current-view="achievements"] #achievementWallTitle {
  display: block !important;
  margin: 0 !important;
  color: #203c34 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}

body[data-current-view="achievements"] #achievementWallIntro {
  margin: 8px 0 0 !important;
  color: #527064 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

body[data-current-view="achievements"] #achievementCompletion {
  display: none !important;
}

body[data-current-view="achievements"] #achievementWallStats.growth-meta {
  display: flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  gap: 12px !important;
  align-items: stretch !important;
  justify-self: end !important;
  width: 312px !important;
}

body[data-current-view="achievements"] #achievementWallStats .achievement-overview-card {
  display: grid !important;
  min-width: 150px !important;
  min-height: 88px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(213, 225, 216, 0.82) !important;
  border-radius: 14px !important;
  background: #fffef8 !important;
  box-shadow: none !important;
}

body[data-current-view="achievements"] #achievementWallStats .achievement-overview-card span {
  color: #74847b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body[data-current-view="achievements"] #achievementWallStats .achievement-overview-card strong {
  color: #213d35 !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

body[data-current-view="achievements"] #achievementWallStats .ring-card {
  justify-items: center !important;
  text-align: center !important;
}

body[data-current-view="achievements"] #achievementWallStats .achievement-ring {
  width: 54px !important;
  height: 54px !important;
}

body[data-current-view="achievements"] #achievementWallStats .achievement-ring strong {
  font-size: 17px !important;
}

body[data-current-view="achievements"] #achievementFilters.subject-tabs {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 16px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(211, 224, 214, 0.78) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 251, 0.66) !important;
}

body[data-current-view="achievements"] #achievementFilters .achievement-filter-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body[data-current-view="achievements"] #achievementFilters button {
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(199, 216, 205, 0.88) !important;
  border-radius: 999px !important;
  color: #4c675d !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body[data-current-view="achievements"] #achievementFilters button.active {
  color: #ffffff !important;
  border-color: #4e9a70 !important;
  background: #4e9a70 !important;
}

body[data-current-view="achievements"] #achievementFilters .achievement-sort-control {
  min-width: 150px !important;
  color: #64766d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body[data-current-view="achievements"] #achievementFilters select {
  min-height: 34px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

body[data-current-view="achievements"] #achievementWall.achievement-wall {
  gap: 14px !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-claim-notice {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(226, 205, 148, 0.62) !important;
  border-radius: 14px !important;
  background: rgba(255, 250, 232, 0.76) !important;
  box-shadow: none !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-claim-notice .claim-medal {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  font-size: 17px !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-claim-notice strong {
  color: #4a3b20 !important;
  font-size: 15px !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-claim-notice p {
  margin: 2px 0 0 !important;
  color: #806d42 !important;
  font-size: 13px !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-claim-notice button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-section {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-section-head {
  align-items: end !important;
  margin: 8px 0 12px !important;
  padding: 0 4px !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-section-head h3 {
  color: #244339 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-section-head span {
  color: #718278 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-section-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)) !important;
  gap: clamp(12px, 1.6vw, 18px) !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-wall-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  padding: 12px !important;
  place-items: center !important;
  border: 1px solid rgba(210, 224, 213, 0.9) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 74% 18%, rgba(214, 168, 79, 0.13), transparent 34%),
    linear-gradient(180deg, #fffef9, #f7fcf2) !important;
  box-shadow: 0 10px 24px rgba(49, 70, 58, 0.08) !important;
  color: #244339 !important;
  cursor: pointer !important;
  overflow: visible !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-wall-card:hover,
body[data-current-view="achievements"] #achievementWall .achievement-wall-card:focus-within {
  z-index: 8 !important;
  transform: translateY(-3px) !important;
  border-color: rgba(80, 151, 111, 0.72) !important;
  box-shadow: 0 18px 34px rgba(48, 69, 58, 0.16) !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-wall-card.in_progress,
body[data-current-view="achievements"] #achievementWall .achievement-wall-card.not_started {
  background: linear-gradient(180deg, #fbfcf8, #f2f6ef) !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-wall-card.hidden-locked {
  border-style: dashed !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-badge-face {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  place-items: center !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-badge-frame {
  display: grid !important;
  width: 100px !important;
  height: 100px !important;
  place-items: center !important;
  border: 1px solid rgba(214, 225, 216, 0.78) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.62) 58%, transparent 59%),
    linear-gradient(180deg, rgba(250, 254, 247, 0.96), rgba(255, 250, 235, 0.74)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  overflow: hidden !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-badge-frame img {
  display: block !important;
  width: 82px !important;
  height: 82px !important;
  object-fit: contain !important;
  filter: none !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-wall-card.in_progress .achievement-badge-frame img,
body[data-current-view="achievements"] #achievementWall .achievement-wall-card.not_started .achievement-badge-frame img,
body[data-current-view="achievements"] #achievementWall .achievement-wall-card.hidden-locked .achievement-badge-frame img {
  opacity: 0.58 !important;
  filter: grayscale(0.86) saturate(0.55) !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-quick-mark {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 2 !important;
  display: grid !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 7px !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #4e9a70 !important;
  box-shadow: 0 5px 14px rgba(54, 111, 79, 0.22) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-quick-mark.claim {
  color: #4c3610 !important;
  background: #f0cc73 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-quick-mark.mystery {
  width: 24px !important;
  padding: 0 !important;
  color: #5f6e66 !important;
  background: #e9efe8 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-card-body {
  display: contents !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-hover-detail {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 12px) !important;
  z-index: 30 !important;
  display: grid !important;
  width: min(292px, 78vw) !important;
  gap: 8px !important;
  padding: 14px !important;
  border: 1px solid rgba(203, 218, 207, 0.96) !important;
  border-radius: 14px !important;
  color: #30463e !important;
  background: rgba(255, 255, 251, 0.98) !important;
  box-shadow: 0 20px 42px rgba(45, 62, 54, 0.18) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  text-align: left !important;
  transform: translate(-50%, 8px) !important;
  transition: opacity 150ms ease, transform 150ms ease !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-hover-detail strong {
  color: #233f36 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-hover-detail p,
body[data-current-view="achievements"] #achievementWall .achievement-hover-detail span {
  margin: 0 !important;
  color: #66776e !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-hover-detail .achievement-card-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-start !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-state-pill,
body[data-current-view="achievements"] #achievementWall .title-chip {
  min-width: 0 !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-progress-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-progress-row .progress-track {
  height: 6px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #dde8df !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-progress-row .progress-fill {
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #63a978, #d6a84f) !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-card-foot {
  display: block !important;
  color: #4f665c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body[data-current-view="achievements"] #achievementWall .achievement-actions button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@media (hover: hover) and (pointer: fine) {
  body[data-current-view="achievements"] #achievementWall .achievement-wall-card:hover .achievement-hover-detail,
  body[data-current-view="achievements"] #achievementWall .achievement-wall-card:focus-within .achievement-hover-detail {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }
}

@media (min-width: 760px) and (max-width: 1180px) {
  body[data-current-view="achievements"] #achievementsView .achievement-wall-header {
    grid-template-columns: minmax(0, 1fr) 312px !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-section-grid {
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)) !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-wall-card {
    min-height: 0 !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-badge-frame {
    width: 106px !important;
    height: 106px !important;
  }
}

@media (max-width: 760px) {
  body[data-current-view="achievements"] #achievementsView {
    padding: 6px 8px 22px !important;
  }

  body[data-current-view="achievements"] #achievementsView .achievement-wall-panel {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="achievements"] #achievementsView .achievement-wall-header {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  body[data-current-view="achievements"] #achievementsView .achievement-overview-copy {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="achievements"] #achievementWallTitle {
    font-size: 30px !important;
  }

  body[data-current-view="achievements"] #achievementWallIntro {
    font-size: 14px !important;
  }

  body[data-current-view="achievements"] #achievementWallStats .achievement-overview-card {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 10px !important;
  }

  body[data-current-view="achievements"] #achievementFilters.subject-tabs {
    grid-template-columns: 1fr !important;
  }

  body[data-current-view="achievements"] #achievementFilters .achievement-sort-control {
    min-width: 0 !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-claim-notice {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-claim-notice button {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-wall-card {
    min-height: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-badge-frame {
    width: 88px !important;
    height: 88px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-badge-frame img {
    width: 70px !important;
    height: 70px !important;
  }

  body[data-current-view="achievements"] #achievementWall .achievement-hover-detail {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body[data-current-view="achievements"] #achievementWall .achievement-section-grid {
    grid-template-columns: 1fr !important;
  }
}