/* Forest Frontier v0.10.0-rc36 — selective compact pass, reward repair and Chapter I atmosphere. */

/* Chapter I atmosphere: compact, readable, never encyclopedic. */
body.theme-ashen .chapter-atmosphere-card{
  display:grid;
  gap:5px;
  margin:0 0 10px;
  padding:11px 12px;
  border:1px solid rgba(116,104,77,.46);
  border-radius:13px;
  background:
    linear-gradient(110deg,rgba(31,29,21,.72),rgba(7,15,13,.88)),
    radial-gradient(circle at 88% 20%,rgba(85,177,151,.09),transparent 42%);
  box-shadow:inset 0 1px rgba(255,245,211,.035);
}
body.theme-ashen .chapter-atmosphere-card[hidden]{display:none}
body.theme-ashen .chapter-atmosphere-card small{
  color:#8ca99f;
  font-size:9px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.theme-ashen .chapter-atmosphere-card strong{
  color:#e2ce99;
  font-family:var(--font-display,Georgia,serif);
  font-size:17px;
  line-height:1.16;
}
body.theme-ashen .chapter-atmosphere-card p{
  margin:0;
  color:#aeb7b0;
  font-size:11px;
  line-height:1.42;
}
body.theme-ashen .chapter-atmosphere-card[data-stage="echo_shard"]{
  border-color:rgba(83,170,150,.5);
  background:linear-gradient(110deg,rgba(24,29,22,.82),rgba(5,18,16,.92));
}
body.theme-ashen .battle-atmosphere{
  margin:8px 0;
  padding:8px 10px 8px 25px;
  position:relative;
  border:1px solid rgba(111,101,76,.34);
  border-radius:10px;
  background:rgba(18,19,15,.64);
  color:#b8b3a4;
  font-size:11px;
  line-height:1.42;
}
body.theme-ashen .battle-atmosphere::before{
  content:'✦';
  position:absolute;
  left:9px;
  top:8px;
  color:#68b9a5;
  font-size:9px;
}

/* Reward flow: content-sized card and compact actions, no stretched buttons. */

/* Item details only show comparison when a real equipped item exists. */

/* Forge: one compact rule line; successful insertion is already visible in the socket. */

/* The quest reward must stay centered even though other mobile modals use bottom sheets. */

/* Selective compact pass: only screens that lose too much useful height. */
@media(max-width:390px){
  body.theme-ashen .topbar{
    min-height:0!important;
    margin-bottom:7px!important;
    padding:8px 9px!important;
    gap:7px!important;
  }
  body.theme-ashen .brand-rune{width:40px!important;height:40px!important;flex-basis:40px!important}
  body.theme-ashen .title-row h1{font-size:25px!important;line-height:1!important}
  body.theme-ashen .world-tagline{font-size:8px!important;letter-spacing:.08em!important}
  body.theme-ashen .client-refresh-button{min-height:38px!important;padding:7px 11px!important}
  body.theme-ashen .top-summary{gap:5px!important}
  body.theme-ashen .top-summary>span{padding:6px 8px!important}

  body.theme-ashen .screen-panel{padding:10px!important}
  body.theme-ashen .content-heading{margin-bottom:8px!important}
  body.theme-ashen .content-heading>span{font-size:21px!important}
  body.theme-ashen .content-heading>small{font-size:9px!important}
  body.theme-ashen .section-tabs{padding:4px!important;gap:4px!important;margin-bottom:11px!important}
  body.theme-ashen .section-tab{min-height:46px!important;padding:7px 6px!important;font-size:12px!important}

  body.theme-ashen .hero-trials-activity{gap:8px!important}
  body.theme-ashen .hero-trials-collapse-body{padding-top:7px!important}
  body.theme-ashen .hero-trial-card{padding:11px!important;gap:7px!important}
  body.theme-ashen .hero-trial-card h3{font-size:17px!important}
  body.theme-ashen .hero-trial-card p{margin:2px 0!important;font-size:11px!important;line-height:1.38!important}
  body.theme-ashen .hero-trial-card button{min-height:44px!important;margin-top:3px!important}
}

@media(prefers-reduced-motion:reduce){
  body.theme-ashen .atmosphere-card,
  body.theme-ashen .battle-atmosphere{scroll-behavior:auto}
}

/* rc36: centered dialogs and a structured combat presentation without replacing portraits. */

body.theme-ashen .battle-stage{
  align-items:stretch!important;
}
body.theme-ashen .battle-stage .combatant{
  display:grid!important;
  grid-template-rows:auto minmax(84px,1fr) auto!important;
  align-content:stretch!important;
  min-width:0!important;
  min-height:250px!important;
  padding:10px!important;
  overflow:hidden!important;
}
body.theme-ashen .combatant-hero{
  grid-template-rows:auto minmax(112px,1fr) auto!important;
}
body.theme-ashen .enemy-level,
body.theme-ashen .enemy-tier{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 7px;
  border:1px solid rgba(112,96,71,.55);
  border-radius:999px;
  background:rgba(4,8,7,.72);
  color:#b9b7ad;
  font-size:9px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
body.theme-ashen .combat-scene .figure{
  width:100%!important;
  height:100%!important;
  min-height:86px!important;
  margin:0!important;
  background-position:50% 50%!important;
  background-size:contain!important;
}
body.theme-ashen .hero-combat-scene .figure{max-height:126px}
body.theme-ashen .enemy-combat-scene .figure{max-height:122px}
body.theme-ashen .enemy-armor-wrap{margin:0!important}
body.theme-ashen .developer-enemy-stats,
body.theme-ashen .combat-stats{margin:0!important;padding-top:5px!important}

@media(max-width:620px){
  body.theme-ashen .battle-stage{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    padding:5px!important;
  }
  body.theme-ashen .battle-stage .combatant{
    min-height:274px!important;
    padding:8px 7px!important;
  }
  body.theme-ashen .enemy-level,body.theme-ashen .enemy-tier{padding:2px 5px;font-size:8px}
  body.theme-ashen .combat-feedback-layer.critical,body.theme-ashen .combat-feedback-layer.crit{font-size:36px!important}
}
@media(max-width:360px){
  body.theme-ashen .battle-stage{gap:5px!important;padding:4px!important}
  body.theme-ashen .battle-stage .combatant{min-height:260px!important;padding:7px 5px!important}
  body.theme-ashen .enemy-level,body.theme-ashen .enemy-tier{font-size:7.5px}
}