/* Forest Frontier v0.9.17 - unified mobile hero profile. */

/* Level, maximum HP and experience are profile values, not current combat state. */

/* Character and equipment remain the visual center of the screen. */
body.theme-ashen .hero-silhouette-wrap {
  display: grid;
  top: 42px;
  bottom: auto;
  width: 208px;
  height: 300px;
}
body.theme-ashen .hero-silhouette-wrap img {
  opacity: .62;
  filter: saturate(.70) contrast(1.06) drop-shadow(0 18px 28px rgba(0,0,0,.58));
}
body.theme-ashen .hero-silhouette-wrap span {
  bottom: 5px;
  font-size: 9px;
}
body.theme-ashen .hero-gear-slot {
  position: absolute;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  gap: 7px;
  width: 132px;
  min-height: 60px;
  padding: 6px;
  border-radius: 10px;
  background: linear-gradient(145deg,rgba(24,31,26,.97),rgba(4,9,7,.99));
  box-shadow: 0 9px 20px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03);
}
body.theme-ashen .hero-gear-slot .item-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
}
body.theme-ashen .hero-gear-slot span { gap: 1px; }
body.theme-ashen .hero-gear-slot small { font-size: 8px; }
body.theme-ashen .hero-gear-slot strong { font-size: 11px; }
body.theme-ashen .hero-gear-slot em { font-size: 8px; }
body.theme-ashen .hero-gear-head {
  left: 50%;
  top: 6px;
  width: 138px;
  transform: translateX(-50%);
}
body.theme-ashen .hero-gear-weapon { left: 10px; top: 76px; }
body.theme-ashen .hero-gear-offhand { right: 10px; top: 76px; }
body.theme-ashen .hero-gear-armor {
  left: auto;
  right: 10px;
  top: 164px;
  width: 132px;
  transform: none;
}
body.theme-ashen .hero-gear-gloves { left: 10px; top: 268px; }
body.theme-ashen .hero-gear-boots { right: 10px; top: 268px; }

/* Main values are always visible below the character. */

/* Detailed values are optional and do not displace the core profile. */

@media (max-width: 520px) {
  body.theme-ashen .hero-silhouette-wrap {
    display: grid;
    top: 34px;
    bottom: auto;
    width: 158px;
    height: 258px;
  }
  body.theme-ashen .hero-silhouette-wrap span { bottom: 3px; padding: 3px 9px; font-size: 8px; }
  body.theme-ashen .hero-gear-slot {
    position: absolute;
    inset: auto;
    display: grid;
    grid-template-columns: 40px minmax(0,1fr);
    gap: 4px;
    width: 102px;
    min-height: 55px;
    padding: 5px;
    transform: none !important;
  }
  body.theme-ashen .hero-gear-slot .item-icon { width: 38px; height: 38px; }
  body.theme-ashen .hero-gear-slot small { font-size: 7px; }
  body.theme-ashen .hero-gear-slot strong { font-size: 9px; }
  body.theme-ashen .hero-gear-slot em { font-size: 7px; }
  body.theme-ashen .hero-gear-head {
    left: 50%;
    right: auto;
    top: 4px;
    width: 114px;
    transform: translateX(-50%) !important;
  }
  body.theme-ashen .hero-gear-weapon { left: 5px; right: auto; top: 58px; }
  body.theme-ashen .hero-gear-offhand { left: auto; right: 5px; top: 58px; }
  body.theme-ashen .hero-gear-armor { left: auto; right: 5px; top: 136px; width: 102px; }
  body.theme-ashen .hero-gear-gloves { left: 5px; right: auto; top: 230px; }
  body.theme-ashen .hero-gear-boots { left: auto; right: 5px; top: 230px; }
}

/* Previous short-phone rules hid the silhouette. The new profile keeps it and
   allows a small scroll only for the expanded details block. */

@media (max-width: 360px) {
  body.theme-ashen .hero-silhouette-wrap { width: 138px; height: 236px; }
  body.theme-ashen .hero-gear-slot { width: 92px; grid-template-columns: 36px minmax(0,1fr); }
  body.theme-ashen .hero-gear-slot .item-icon { width: 35px; height: 35px; }
  body.theme-ashen .hero-gear-head { width: 104px; }
  body.theme-ashen .hero-gear-armor { width: 92px; }
}