/* Arena Teney — Experience r01l compact next-level rewards
 * Visual-only refinement of the four next-level reward cards.
 * Keeps labels, values, renderer data and Experience layout owners unchanged.
 */

#screen-experience .experience-reward-icons {
  gap: 7px !important;
  margin-top: 8px !important;
}

#screen-experience .experience-reward-icon {
  aspect-ratio: auto !important;
  min-height: 58px !important;
  padding: 9px 10px 8px !important;
  gap: 5px !important;
  justify-content: center !important;
  border-color: rgba(222, 190, 105, .42) !important;
  border-radius: 2px 9px 2px 9px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(231, 194, 102, .12), transparent 44%),
    linear-gradient(150deg, rgba(48, 37, 17, .94), rgba(18, 16, 10, .98) 70%) !important;
  box-shadow:
    inset 0 1px rgba(255, 239, 185, .05),
    0 6px 14px rgba(0, 0, 0, .14) !important;
}

#screen-experience .experience-reward-icon::before {
  color: #c5ab6a !important;
  font-size: 7px !important;
  line-height: 1.12 !important;
  letter-spacing: .10em !important;
}

#screen-experience .experience-reward-icon small {
  color: #ead18a !important;
  font-size: 17px !important;
  line-height: 1.05 !important;
}

#screen-experience .experience-reward-icon:nth-child(4) small {
  color: #eee2c5 !important;
  font-size: 14px !important;
}

@media (max-width: 640px) {
  #screen-experience .experience-reward-icon {
    min-height: 56px !important;
    padding: 8px 9px 7px !important;
    gap: 4px !important;
  }
}