/* Arena Teney — Experience r01g current-state + glow polish
 * Presentation-only follow-up to r01f.
 * Unifies the current-level semantic treatment and the warm-gold chrome depth.
 * No geometry, safe-area, navigation, state, formulas or Experience data changes.
 */

/* Current-level card: keep the gold shell, add a restrained green semantic tint. */
#screen-experience .experience-current-card {
  border-color: rgba(183, 211, 170, .34) !important;
  background:
    radial-gradient(circle at 18% 38%, rgba(158, 196, 140, .09), transparent 34%),
    linear-gradient(180deg, rgba(27, 24, 17, .94), rgba(10, 12, 10, .97)) !important;
  box-shadow:
    inset 0 1px rgba(239, 248, 233, .03),
    0 0 0 1px rgba(166, 197, 151, .02),
    0 10px 24px rgba(0, 0, 0, .18) !important;
}

/* The blue 42 badge inside the Experience hero becomes the same muted green
 * used by the current table row. The larger emblem ring remains gold. */
#screen-experience .experience-current-card .experience-level-emblem b,
#screen-experience .experience-current-card .experience-level-emblem > b {
  border-color: rgba(198, 225, 185, .82) !important;
  color: #d9f0cf !important;
  background:
    linear-gradient(180deg, rgba(62, 85, 54, .97), rgba(18, 25, 17, .98)) !important;
  box-shadow:
    0 0 17px rgba(156, 195, 139, .13),
    inset 0 1px rgba(235, 248, 229, .055) !important;
}

/* Current card text gets a slightly warmer/cleaner hierarchy. */
#screen-experience .experience-current-card h3 {
  color: #f2ebdd !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .34);
}

#screen-experience .experience-current-card strong {
  color: #f0ede4 !important;
}

#screen-experience .experience-current-card small {
  color: #a8a79f !important;
}

/* Harmonize depth across the accepted Experience chrome without moving anything. */
body[data-screen="experience"] .game-header,
body[data-screen="experience"] .core053-statusbar,
#screen-experience .experience-hero,
body[data-screen="experience"] > nav {
  filter: drop-shadow(0 0 10px rgba(186, 139, 45, .045));
}

#screen-experience .experience-hero {
  box-shadow:
    0 20px 46px rgba(0, 0, 0, .34),
    0 0 24px rgba(190, 145, 52, .055),
    inset 0 0 0 1px rgba(255, 250, 225, .018),
    inset 0 -46px 80px rgba(0, 0, 0, .18) !important;
}
