/* Arena Teney — Experience r01c visual cleanup
 * Presentation-only fixes from iPhone acceptance screenshots.
 * Keeps formulas, renderer, rewards and navigation unchanged.
 */

/* Reward cards: force a clean label-above-value layout and neutralize legacy positioning. */
#screen-experience .experience-reward-icon {
  min-height: 92px !important;
  padding: 13px 11px 12px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

#screen-experience .experience-reward-icon::before {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

#screen-experience .experience-reward-icon small {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.12 !important;
}

/* Boss milestones: keep the level number clean and move the semantic tag below it. */
#screen-experience .exp-table tr.milestone:not(.current) .exp-level-badge::after {
  content: none !important;
  display: none !important;
}

#screen-experience .exp-table tr.milestone:not(.current) td:first-child::after {
  content: "БОСС";
  display: block;
  width: max-content;
  margin: 6px auto 0;
  padding: 2px 6px;
  border: 1px solid rgba(229, 199, 112, .34);
  border-radius: 999px;
  background: rgba(42, 32, 13, .76);
  color: #c9aa5b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 7px;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: .12em;
}

/* Keep the accepted green current-level treatment and its own marker. */
#screen-experience .exp-table tr.current .exp-level-badge::after,
#screen-experience .exp-table tr.current.milestone .exp-level-badge::after {
  content: "ВЫ ЗДЕСЬ" !important;
  display: block !important;
}

/* Legend must match the current semantic colors. */
#screen-experience .exp-legend > span:nth-child(1),
#screen-experience .exp-legend > span:nth-child(2) {
  font-size: 0 !important;
}

#screen-experience .exp-legend > span:nth-child(1)::after {
  content: "Зелёный — текущий уровень";
  font-size: 9px;
}

#screen-experience .exp-legend > span:nth-child(2)::after {
  content: "Золотой — боссовая веха";
  font-size: 9px;
}

@media (max-width: 640px) {
  #screen-experience .experience-reward-icon {
    min-height: 88px !important;
    padding: 12px 10px 11px !important;
    gap: 9px !important;
  }

  #screen-experience .experience-reward-icon::before {
    font-size: 8px !important;
  }

  #screen-experience .experience-reward-icon small {
    font-size: 19px !important;
  }

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