/* Forest Frontier v0.12.8
   Commission reward readability, paid Ruins route refresh and the integrated
   first-boss pre-battle scene. */

/* Commission difficulty and rewards. */
body.theme-ashen .commission-rarity{
  color:var(--commission-accent);
}
body.theme-ashen .commission-reward{
  align-items:flex-start;
  justify-content:flex-end;
  min-width:72px;
  padding:5px 8px;
}
body.theme-ashen .commission-reward-values{
  display:grid!important;
  grid-auto-flow:row;
  justify-items:end;
  gap:1px;
  min-width:0;
  overflow:visible!important;
  color:#e2d7b8;
  font-size:10.5px;
  font-weight:800;
  line-height:1.17;
  text-align:right;
  white-space:normal!important;
  text-overflow:clip!important;
}
body.theme-ashen .commission-reward-values>span{
  display:block;
  max-width:100%;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}
body.theme-ashen .commission-reward-values .reward-rune{
  color:#7ed2bc;
}

/* The active Ruins route owns four explicit rows while the confirmation bar is open. */
body.theme-ashen.screen-ruins-active #screenRuins .ruins-active-run:not([hidden]){
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm[hidden]{
  display:none!important;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-button{
  grid-template-rows:auto auto;
  align-content:center;
  gap:0;
  color:#d8c27d;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-button>span{
  font-size:15px;
  line-height:.9;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-button>small{
  display:block;
  margin-top:2px;
  color:#6ed0b3;
  font-size:8px;
  font-weight:900;
  line-height:1;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-button:disabled{
  opacity:.42;
  filter:saturate(.55);
  cursor:not-allowed;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-button.used>small{
  color:#9ba7a2;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm{
  position:relative;
  z-index:18;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px 12px;
  min-width:0;
  padding:8px 10px;
  border:1px solid rgba(201,174,113,.42);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(27,29,23,.98),rgba(7,16,13,.99));
  box-shadow:0 7px 20px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035);
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm>div:first-child{
  min-width:0;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm strong,
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm small{
  display:block;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm strong{
  color:#ead8a7;
  font-size:12px;
  line-height:1.15;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm small{
  margin-top:2px;
  overflow:hidden;
  color:#aeb8b4;
  font-size:9px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm-actions{
  display:flex;
  gap:6px;
}
body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm-actions button{
  min-height:40px;
  margin:0;
  padding:7px 10px;
  font-size:10px;
  white-space:nowrap;
}

/* One integrated pre-battle scene for the first story boss only. */
body.theme-ashen .atmosphere-boss-preview[hidden],
body.theme-ashen .atmosphere-actions button[hidden]{
  display:none!important;
}
body.theme-ashen .atmosphere-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:15px;
}
body.theme-ashen .atmosphere-actions button,
body.theme-ashen .atmosphere-card .atmosphere-actions .primary{
  width:100%;
  min-height:44px;
  margin:0;
}
body.theme-ashen .atmosphere-overlay.integrated-boss-prebattle .atmosphere-card{
  width:min(500px,100%);
}
body.theme-ashen .atmosphere-overlay.integrated-boss-prebattle .atmosphere-boss-preview{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:11px;
  margin:13px 0 0;
  padding:10px 12px;
  border:1px solid rgba(191,153,76,.4);
  border-radius:12px;
  background:radial-gradient(circle at 0 50%,rgba(169,112,44,.15),transparent 45%),rgba(8,15,13,.72);
}
body.theme-ashen .atmosphere-boss-sigil{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(216,174,83,.55);
  border-radius:50%;
  color:#e0b75e;
  background:rgba(44,29,12,.58);
  box-shadow:0 0 18px rgba(202,143,43,.1);
  font-size:20px;
}
body.theme-ashen .atmosphere-boss-preview>div:last-child{
  min-width:0;
}
body.theme-ashen .atmosphere-boss-preview small,
body.theme-ashen .atmosphere-boss-preview strong,
body.theme-ashen .atmosphere-boss-preview p{
  display:block;
  margin:0;
}
body.theme-ashen .atmosphere-boss-preview small{
  color:#b9a572;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.theme-ashen .atmosphere-boss-preview strong{
  margin-top:2px;
  color:#ead8a7;
  font:700 17px/1.12 Georgia,serif;
}
body.theme-ashen .atmosphere-boss-preview p{
  margin-top:4px;
  color:#aeb8b4;
  font-size:10.5px;
  line-height:1.3;
}
body.theme-ashen .atmosphere-overlay.integrated-boss-prebattle .atmosphere-actions{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
}

html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-reward,
html[data-ui-density="ultra"] body.theme-ashen .commission-reward{
  min-width:65px;
  padding:4px 6px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-reward-values,
html[data-ui-density="ultra"] body.theme-ashen .commission-reward-values{
  font-size:9.25px;
  line-height:1.12;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm,
html[data-ui-density="ultra"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm{
  grid-template-columns:1fr;
  gap:6px;
  padding:7px 8px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm small,
html[data-ui-density="ultra"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm small{
  font-size:8.5px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm-actions,
html[data-ui-density="ultra"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm-actions{
  justify-content:flex-end;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm-actions button,
html[data-ui-density="ultra"] body.theme-ashen.screen-ruins-active #screenRuins .ruins-map-refresh-confirm-actions button{
  min-height:36px;
  padding:6px 9px;
}

@media(max-width:390px){
  body.theme-ashen .atmosphere-overlay.integrated-boss-prebattle .atmosphere-card{
    padding:17px 14px 14px!important;
  }
  body.theme-ashen .atmosphere-overlay.integrated-boss-prebattle .atmosphere-boss-preview{
    grid-template-columns:40px minmax(0,1fr);
    gap:9px;
    padding:8px 9px;
  }
  body.theme-ashen .atmosphere-boss-sigil{
    width:38px;
    height:38px;
    font-size:17px;
  }
  body.theme-ashen .atmosphere-boss-preview strong{font-size:15px}
  body.theme-ashen .atmosphere-boss-preview p{font-size:9.5px}
}

@media(max-width:350px){
  body.theme-ashen .atmosphere-overlay.integrated-boss-prebattle .atmosphere-actions{
    grid-template-columns:1fr;
  }
}