/* Arena Teney — Experience r01e live chrome selector correction
 * Presentation-only follow-up to r01d.
 * Applies the accepted dark graphite + warm gold palette to the actual
 * persistent player status strip and mobile navigation dock used by arena.blade.php.
 * No geometry, safe-area, navigation, state, formulas or Experience data changes.
 */

/* Actual upper player/status dock. */
body[data-screen="experience"] .core053-statusbar {
  border-color: rgba(220, 182, 91, .54) !important;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(194, 145, 48, .14), transparent 48%),
    linear-gradient(180deg, rgba(22, 18, 10, .98), rgba(7, 8, 7, .995)) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, .36),
    inset 0 1px rgba(255, 232, 174, .06) !important;
}

body[data-screen="experience"] .core053-status-hero,
body[data-screen="experience"] .core053-stat {
  border-color: rgba(205, 169, 82, .22) !important;
}

body[data-screen="experience"] .core053-crest {
  border-color: rgba(218, 180, 92, .64) !important;
  background:
    radial-gradient(circle at 42% 28%, rgba(205, 166, 73, .16), transparent 46%),
    linear-gradient(180deg, #17130c, #090a08) !important;
  box-shadow:
    inset 0 0 18px rgba(203, 163, 71, .10),
    0 0 12px rgba(0, 0, 0, .25) !important;
}

body[data-screen="experience"] .core053-crest b {
  border-color: rgba(224, 190, 105, .70) !important;
  color: #f0d68f !important;
  background: linear-gradient(180deg, rgba(83, 62, 24, .96), rgba(24, 20, 12, .98)) !important;
  box-shadow: inset 0 1px rgba(255, 238, 187, .08), 0 0 10px rgba(194, 151, 57, .10) !important;
}

body[data-screen="experience"] .core053-status-hero strong,
body[data-screen="experience"] .core053-stat b {
  color: #f2ebdd !important;
}

body[data-screen="experience"] .core053-status-hero small,
body[data-screen="experience"] .core053-stat span {
  color: #aaa292 !important;
}

body[data-screen="experience"] .core053-mini-progress {
  background: #060706 !important;
}

body[data-screen="experience"] .core053-mini-progress i {
  background: linear-gradient(90deg, #c7a85e, #ead493) !important;
  box-shadow: 0 0 8px rgba(199, 168, 94, .16);
}

/* Actual persistent iPhone/mobile dock: direct body > nav in arena.blade.php. */
body[data-screen="experience"] > nav {
  border-top-color: rgba(220, 182, 91, .68) !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(194, 145, 48, .14), transparent 52%),
    linear-gradient(180deg, rgba(20, 17, 10, .975), rgba(5, 6, 5, .995)) !important;
  box-shadow:
    0 -13px 31px rgba(0, 0, 0, .68),
    inset 0 1px rgba(255, 232, 174, .07),
    inset 0 18px 34px rgba(145, 101, 28, .035) !important;
}

body[data-screen="experience"] > nav > button {
  color: #c8c0b1 !important;
}

/* Preserve the Inventory/Bag icon accent; recolor the rest of the dock icons. */
body[data-screen="experience"] > nav > button:not([data-screen="inventory"]) > b {
  color: #d9bc76 !important;
  filter: drop-shadow(0 0 5px rgba(217, 178, 83, .13)) !important;
}

body[data-screen="experience"] > nav > button.active {
  color: #fff0c9 !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(224, 183, 87, .20), transparent 50%),
    linear-gradient(180deg, rgba(76, 56, 20, .96), rgba(27, 22, 12, .985)) !important;
  box-shadow:
    0 0 18px rgba(185, 139, 48, .16),
    inset 0 0 0 1px rgba(255, 233, 172, .055),
    inset 0 10px 20px rgba(219, 174, 74, .045) !important;
}

body[data-screen="experience"] > nav > button.active > b {
  color: #f3d995 !important;
  filter: drop-shadow(0 0 7px rgba(217, 178, 83, .18)) !important;
}