/*
 * Forest Frontier v0.10.0-rc52 — Forge overlay contract.
 * Structural consolidation only. This late-loaded screen layer owns the
 * active Forge item selection, socket/rune operations, tutorial states and modal geometry.
 * Mechanics, economy, authority and public DOM contracts are unchanged.
 */

/* Source replay: css/battle.css */

.combat-style-contours {
  border-top: 1px solid #45433b;
  padding-top: 12px;
}

.inactive-rune {
  opacity: .65;
}

.inactive-rune .forge-socket-copy small {
  color: #d08b80;
}

/* Source replay: css/theme/ashen-legacy-features.css */

body.theme-ashen .forge-map-card::before {
  content: "⚒";
  color: #73c6bb;
}

body.theme-ashen .forge-map-card:not(.locked-zone) {
  border-color: rgba(94, 185, 171, .5);
}

body.theme-ashen .forge-screen-panel {
  background: radial-gradient(circle at 82% 4%, rgba(76, 168, 155, .13), transparent 34%),
    linear-gradient(180deg, rgba(18, 21, 20, .98), rgba(8, 11, 11, .98));
}

.forge-intro,
.forge-status {
  color: var(--muted);
  line-height: 1.45;
}

.forge-status {
  margin: 10px 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(106, 150, 140, .25);
  border-radius: 10px;
  background: rgba(8, 14, 14, .55);
}

.forge-layout {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: 14px;
  align-items: start;
}

.forge-item-list,
.forge-workbench {
  display: grid;
  gap: 10px;
}

.forge-item-card,
.forge-work-card,
.forge-installed-card {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(9,12,12,.78);
  box-shadow: inset 3px 0 0 rgba(160,160,160,.38);
}

.forge-item-card.uncommon {
  box-shadow: inset 3px 0 0 #5fa66d;
}

.forge-item-card.rare {
  box-shadow: inset 3px 0 0 #4a9fcf;
}

.forge-item-card.epic {
  box-shadow: inset 3px 0 0 #c35cf0;
}

.forge-item-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.forge-item-head>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.forge-item-head small,
.forge-item-head>span {
  color: var(--muted);
  font-size: 12px;
}

.forge-item-head>span {
  text-align: right;
}

.forge-action {
  width: 100%;
  margin-top: 10px;
  min-height: 42px;
}

.forge-rune-actions,
.forge-installed-runes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rune-remove-button {
  border: 1px solid rgba(103,176,165,.38);
  border-radius: 9px;
  background: rgba(10,25,24,.72);
  color: #b9d9d3;
}

.rune-remove-button small {
  color: var(--muted);
  font-size: 11px;
}

.rune-remove-button {
  min-height: 42px;
  padding: 7px 10px;
}

.rune-remove-button {
  display: flex;
  align-items: center;
  gap: 7px;
}

.forge-workbench h3 {
  margin: 8px 0 0;
  color: #d9c68f;
  font-size: 14px;
  letter-spacing: .04em;
}

.forge-work-card p {
  color: var(--muted);
  margin: 7px 0;
}

@media (max-width: 700px) {
  .forge-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .forge-item-head {
    flex-direction: column;
    gap: 5px;
  }
}

@media (max-width: 700px) {
  .forge-item-head>span {
    text-align: left;
  }
}

body.theme-ashen .forge-status.ready {
  border-color: rgba(96,175,108,.42);
  color: #9cc8a4;
}

body.theme-ashen .forge-status.blocked,
body.theme-ashen .forge-status.locked {
  border-color: rgba(174,110,82,.42);
  color: #c99786;
  background: rgba(43,22,18,.42);
}

body.theme-ashen .forge-map-card.forge-ready {
  box-shadow: inset 0 0 24px rgba(75,182,167,.12),0 0 18px rgba(75,182,167,.08);
}

.forge-item-card {
  width: 100%;
  min-height: 78px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease,background .16s ease,transform .16s ease;
}

.forge-item-card:hover {
  border-color: rgba(116,196,184,.48);
  background: rgba(13,23,22,.9);
}

.forge-item-card.active {
  border-color: #64b9ad;
  background: linear-gradient(135deg,rgba(17,47,43,.76),rgba(9,14,14,.92));
  box-shadow: inset 3px 0 0 #69c0b3,0 0 18px rgba(70,174,159,.12);
}

.forge-item-main,
.forge-item-sockets {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.forge-item-main strong {
  font-size: 15px;
  color: #ddd5c3;
  white-space: normal;
}

.forge-item-main small,
.forge-item-sockets small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.forge-item-sockets {
  align-items: flex-end;
  text-align: right;
}

.forge-item-sockets .item-socket-summary {
  margin: 0;
}

.forge-item-sockets .item-socket-summary>span:first-child {
  display: none;
}

.forge-selected-item {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(18,23,22,.92),rgba(8,11,11,.94));
  box-shadow: inset 3px 0 0 rgba(160,160,160,.4);
}

.forge-selected-item.uncommon {
  box-shadow: inset 3px 0 0 #5fa66d;
}

.forge-selected-item.rare {
  box-shadow: inset 3px 0 0 #4a9fcf;
}

.forge-selected-item.epic {
  box-shadow: inset 3px 0 0 #c35cf0;
}

.forge-selected-item.legendary {
  box-shadow: inset 3px 0 0 #d2a93f;
}

.forge-selected-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.forge-selected-head>div:first-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.forge-selected-head strong {
  font-family: Georgia,serif;
  font-size: 20px;
  color: #e0d5bf;
}

.forge-selected-head small,
.forge-selected-stats {
  color: var(--muted);
  font-size: 12px;
}

.forge-selected-stats {
  margin-top: 8px;
  color: #c9cecb;
}

.forge-selected-head .item-socket-summary {
  margin: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.forge-capacity {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 2px 4px;
  color: #aeb8b5;
  font-size: 12px;
}

.forge-socket-button {
  width: 100%;
  margin-top: 7px;
  min-height: 46px;
}

.forge-limit,
.forge-warning,
.forge-placeholder {
  padding: 11px 12px;
  border: 1px solid rgba(111,123,119,.24);
  border-radius: 10px;
  background: rgba(7,11,11,.58);
  color: #8f9996;
  font-size: 12px;
  line-height: 1.45;
}

.forge-warning {
  margin-top: 7px;
  border-color: rgba(180,117,76,.35);
  color: #d09a78;
  background: rgba(44,25,16,.35);
}

.forge-limit {
  margin-top: 7px;
  border-color: rgba(95,166,109,.32);
  color: #92bc99;
}

.forge-placeholder.compact {
  padding: 9px 10px;
}

.forge-socket-list {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.forge-socket-row {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(106,132,126,.28);
  border-radius: 10px;
  background: rgba(7,14,13,.66);
}

.forge-socket-row.empty {
  border-style: dashed;
}

.forge-socket-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.forge-socket-copy strong {
  font-size: 13px;
  color: #d2d9d6;
}

.forge-socket-copy small {
  font-size: 11px;
  color: var(--muted);
}

.forge-socket-row .compact-button {
  min-height: 34px;
  padding: 5px 9px;
  font-size: 11px;
}

.forge-rune-storage {
  display: grid;
  gap: 7px;
  margin-top: 14px;
}

.forge-rune-storage h3 {
  margin: 0 0 2px;
}

.forge-rune-option {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(103,176,165,.34);
  border-radius: 10px;
  background: rgba(9,24,22,.72);
  color: #cfe1dd;
  text-align: left;
  cursor: pointer;
}

.forge-rune-option:hover {
  background: rgba(15,40,36,.82);
  border-color: rgba(103,196,182,.62);
}

.forge-rune-option>span:last-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.forge-rune-option strong {
  font-size: 13px;
}

.forge-rune-option small {
  font-size: 11px;
  color: var(--muted);
}

@media (max-width:700px) {
  .forge-item-card {
    min-height: 72px;
  }
}

@media (max-width:430px) {
  .forge-item-card {
    grid-template-columns: minmax(0,1fr);
  }
}

@media (max-width:430px) {
  .forge-item-sockets {
    align-items: flex-start;
    text-align: left;
  }
}

@media (max-width:430px) {
  .forge-selected-head {
    flex-direction: column;
  }
}

@media (max-width:430px) {
  .forge-selected-head .item-socket-summary {
    align-items: flex-start;
  }
}

@media (max-width:430px) {
  .forge-socket-row {
    grid-template-columns: auto minmax(0,1fr);
  }
}

@media (max-width:430px) {
  .forge-socket-row .compact-button {
    grid-column: 1/-1;
    width: 100%;
  }
}

body.theme-ashen .relic-tutorial-equip {
  width: 100%;
  margin-top: 10px;
}

body.theme-ashen.relic-tutorial-lock .bottom-nav {
  pointer-events: none;
  opacity: .38;
  filter: grayscale(.4);
}

body.theme-ashen .forge-screen-panel:has(.relic-tutorial-workbench) .forge-layout {
  display: block;
}

body.theme-ashen .forge-screen-panel:has(.relic-tutorial-workbench) .forge-layout > section:first-child {
  display: none;
}

body.theme-ashen .relic-tutorial-workbench {
  display: grid;
  gap: 14px;
  max-width: 620px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid #a98a4f;
  border-radius: 14px;
  background: radial-gradient(circle at 50% 0,rgba(194,159,83,.16),transparent 55%),linear-gradient(180deg,#171b18,#0c100f);
  box-shadow: 0 0 0 3px rgba(169,138,79,.08),0 14px 38px #0009;
  text-align: center;
}

body.theme-ashen .relic-tutorial-workbench h2 {
  margin: 0;
  color: #f2dc9b;
  font: 700 26px/1.1 Georgia,serif;
}

body.theme-ashen .relic-tutorial-workbench p {
  margin: 0;
  color: #a9b0aa;
}

body.theme-ashen .relic-tutorial-pair {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: stretch;
  gap: 10px;
}

body.theme-ashen .relic-tutorial-item,
.relic-tutorial-rune {
  display: grid;
  place-content: center;
  gap: 6px;
  min-height: 112px;
  padding: 12px;
  border: 1px solid #4b5d55;
  border-radius: 10px;
  background: #101614;
}

body.theme-ashen .relic-tutorial-item strong,
.relic-tutorial-rune strong {
  color: #e7dfca;
}

body.theme-ashen .relic-tutorial-item small,
.relic-tutorial-rune small {
  color: #9ca9a3;
}

body.theme-ashen .relic-tutorial-rune > span {
  font-size: 27px;
  color: #91d1bd;
}

body.theme-ashen .relic-tutorial-arrow {
  align-self: center;
  color: #d8ba70;
  font-size: 28px;
}

body.theme-ashen .relic-tutorial-action {
  width: 100%;
  min-height: 54px;
  font-size: 16px;
  box-shadow: 0 0 28px rgba(211,174,85,.25);
}

body.theme-ashen .relic-tutorial-workbench.completed {
  border-color: #5e9f83;
}

@media (max-width:600px) {
  body.theme-ashen .relic-tutorial-workbench {
    padding: 14px 10px;
  }
}

@media (max-width:600px) {
  body.theme-ashen .relic-tutorial-pair {
    grid-template-columns: 1fr;
  }
}

@media (max-width:600px) {
  body.theme-ashen .relic-tutorial-arrow {
    transform: rotate(90deg);
  }
}

@media (max-width:600px) {
  body.theme-ashen .relic-tutorial-item,
  .relic-tutorial-rune {
    min-height: 82px;
  }
}

body.theme-ashen.relic-tutorial-lock .forge-screen-panel .forge-layout {
  display: block;
}

body.theme-ashen.relic-tutorial-lock .forge-screen-panel .forge-layout > section:first-child {
  display: none;
}

body.theme-ashen.relic-tutorial-lock {
  overflow-x: hidden;
}

body.theme-ashen.relic-tutorial-lock .bottom-nav,
body.theme-ashen.relic-tutorial-lock .map-card,
body.theme-ashen.relic-tutorial-lock .topbar .developer-toggle {
  pointer-events: none !important;
}

body.theme-ashen.relic-tutorial-lock .forge-screen-panel > .forge-intro,
body.theme-ashen.relic-tutorial-lock .forge-screen-panel .ruins-screen-head {
  margin-bottom: 6px;
}

body.theme-ashen.relic-tutorial-lock .forge-screen-panel .forge-status {
  margin: 5px 0 8px;
  padding: 7px 9px;
  font-size: 11px;
}

body.theme-ashen.relic-tutorial-lock .forge-screen-panel .forge-layout > section:last-child > .section-label {
  display: none;
}

body.theme-ashen .relic-tutorial-workbench {
  gap: 9px;
  max-width: 560px;
  padding: 12px;
}

body.theme-ashen .relic-tutorial-workbench h2 {
  font-size: 21px;
}

body.theme-ashen .relic-tutorial-workbench > p {
  font-size: 11px;
  line-height: 1.35;
}

body.theme-ashen .relic-tutorial-pair {
  gap: 7px;
}

body.theme-ashen .relic-tutorial-item,
body.theme-ashen .relic-tutorial-rune {
  min-height: 82px;
  padding: 8px;
  gap: 4px;
}

body.theme-ashen .relic-tutorial-item strong,
body.theme-ashen .relic-tutorial-rune strong {
  font-size: 12px;
}

body.theme-ashen .relic-tutorial-item small,
body.theme-ashen .relic-tutorial-rune small,
body.theme-ashen .relic-tutorial-item span {
  font-size: 10px;
}

body.theme-ashen .relic-tutorial-rune > span {
  font-size: 22px;
}

body.theme-ashen .relic-tutorial-arrow {
  font-size: 22px;
}

body.theme-ashen .relic-tutorial-action {
  min-height: 46px;
  font-size: 14px;
}

@media (max-width: 600px) {
  body.theme-ashen.relic-tutorial-lock .app {
    padding-bottom: 18px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen.relic-tutorial-lock .bottom-nav {
    visibility: hidden;
  }
}

@media (max-width: 600px) {
  body.theme-ashen.relic-tutorial-lock .forge-screen-panel {
    padding: 10px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen.relic-tutorial-lock .forge-screen-panel .ruins-screen-head h2 {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-workbench {
    padding: 10px 8px;
    gap: 7px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-workbench h2 {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-pair {
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    gap: 4px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-arrow {
    transform: none;
    font-size: 17px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-item,
  body.theme-ashen .relic-tutorial-rune {
    min-height: 72px;
    padding: 6px 4px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-item strong,
  body.theme-ashen .relic-tutorial-rune strong {
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-item small,
  body.theme-ashen .relic-tutorial-rune small,
  body.theme-ashen .relic-tutorial-item span {
    font-size: 8px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-rune > span {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  body.theme-ashen .relic-tutorial-action {
    min-height: 44px;
    font-size: 13px;
  }
}

/* Source replay: css/theme/ashen-polish.css */

body.theme-ashen .rune-remove-button {
  line-height: 1.05;
}

body.theme-ashen .rune-remove-button small {
  font-size: 9px;
  color: #9db0aa;
}

body.theme-ashen.relic-tutorial-lock .relic-tutorial-workbench {
  max-width: 520px;
  margin: 0 auto;
  padding: 14px;
}

body.theme-ashen.relic-tutorial-lock .relic-tutorial-workbench p:not(.section-label) {
  font-size: 12px;
  margin: 7px 0;
}

body.theme-ashen.relic-tutorial-lock .relic-tutorial-pair {
  gap: 7px;
}

body.theme-ashen .relic-tutorial-choice {
  display: grid;
  gap: 7px;
  margin: 3px 0 5px;
}

body.theme-ashen .relic-tutorial-choice-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid rgba(120, 137, 130, .32);
  border-radius: 9px;
  background: rgba(5, 10, 9, .72);
  text-align: left;
}

body.theme-ashen .relic-tutorial-choice-row > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 17px;
}

body.theme-ashen .relic-tutorial-choice-row div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.theme-ashen .relic-tutorial-choice-row strong {
  overflow: hidden;
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.theme-ashen .relic-tutorial-choice-row small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}

body.theme-ashen .forge-item-main,
body.theme-ashen .forge-selected-item,
body.theme-ashen .forge-selected-stats,
body.theme-ashen .relic-tutorial-choice-row>div {
  text-align: left !important;
  justify-items: start !important;
}

/* Source replay: css/theme/ashen-current.css */

body.theme-ashen .forge-help {
  margin: 12px 0 4px;
  border: 1px solid rgba(105,139,132,.28);
  border-radius: 10px;
  background: rgba(7,13,13,.52);
}

body.theme-ashen .forge-help summary {
  padding: 10px 12px;
  color: #b9c5c1;
  cursor: pointer;
  font-weight: 700;
}

body.theme-ashen .forge-help p {
  margin: 0;
  padding: 0 12px 12px;
  color: var(--muted);
  line-height: 1.5;
}

body.theme-ashen .forge-catalog {
  display: grid;
  gap: 18px;
  margin-top: 14px;
}

body.theme-ashen .forge-catalog-section {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body.theme-ashen .forge-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.theme-ashen .forge-section-head .section-label {
  margin: 0;
}

body.theme-ashen .forge-section-head>span {
  min-width: 24px;
  padding: 3px 7px;
  border: 1px solid rgba(112,145,138,.28);
  border-radius: 999px;
  color: #9eaaa7;
  text-align: center;
  font-size: 11px;
}

body.theme-ashen .forge-item-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

body.theme-ashen .forge-item-card {
  min-height: 102px;
  padding: 12px;
  align-items: start;
}

body.theme-ashen .forge-item-main strong {
  font-size: 16px;
  line-height: 1.25;
}

body.theme-ashen .forge-item-main small {
  font-size: 12px;
}

body.theme-ashen .forge-item-sockets {
  height: 100%;
  justify-content: space-between;
}

body.theme-ashen .forge-item-sockets>em {
  color: #76c5b9;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

body.forge-modal-open {
  overflow: hidden;
}

body.theme-ashen .forge-item-overlay {
  z-index: 92;
  align-items: center;
}

body.theme-ashen .forge-item-modal {
  position: relative;
  width: min(560px,100%);
  max-height: min(860px,calc(100dvh - 24px));
  padding: 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
  text-align: left;
}

body.theme-ashen .forge-item-close {
  position: sticky;
  top: 0;
  z-index: 3;
  float: right;
  margin: -4px -4px 4px 8px;
  background: rgba(9,13,13,.92);
}

body.theme-ashen .forge-item-modal-body,
.relic-tutorial-modal {
  display: grid;
  gap: 14px;
  clear: both;
}

body.theme-ashen .relic-tutorial-modal>h2 {
  margin: 0;
  color: #e1d6be;
}

body.theme-ashen .forge-modal-lead {
  margin: 0;
  color: #aeb9b6;
  line-height: 1.5;
}

body.theme-ashen .forge-selected-item {
  clear: both;
}

body.theme-ashen .forge-selected-head .section-label {
  margin: 0 0 2px;
}

body.theme-ashen .forge-modal-summary {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}

body.theme-ashen .forge-modal-summary>span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(105,132,126,.26);
  border-radius: 9px;
  background: rgba(7,12,12,.55);
  color: #9da9a6;
  font-size: 12px;
}

body.theme-ashen .forge-modal-summary strong {
  color: #d7ddda;
}

body.theme-ashen .forge-modal-section {
  display: grid;
  gap: 8px;
}

body.theme-ashen .forge-modal-section>h3 {
  margin: 0;
  color: #d9c68f;
  font-size: 15px;
}

body.theme-ashen .forge-socket-list {
  margin-top: 0;
}

body.theme-ashen .forge-socket-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  padding: 10px 13px;
}

body.theme-ashen .forge-socket-button>span {
  font-size: 11px;
  font-weight: 500;
  opacity: .78;
  text-align: right;
}

body.theme-ashen .rune-remove-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}

body.theme-ashen .rune-remove-button small {
  font-size: 9px;
  color: inherit;
  opacity: .75;
}

body.theme-ashen .forge-rune-storage {
  margin-top: 0;
}

body.theme-ashen .forge-rune-option {
  grid-template-columns: auto minmax(0,1fr) auto;
  min-height: 54px;
}

body.theme-ashen .forge-rune-option>em {
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  color: currentColor;
}

body.theme-ashen .forge-tutorial-result {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid currentColor;
  border-radius: 10px;
  background: rgba(8,15,14,.68);
}

body.theme-ashen .forge-tutorial-result>span:last-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.theme-ashen .forge-tutorial-result small {
  color: #aeb9b6;
}

body.theme-ashen .relic-tutorial-action {
  width: 100%;
  min-height: 48px;
}

body.relic-tutorial-lock .forge-item-overlay {
  background: rgba(0,0,0,.86);
}

body.relic-tutorial-lock .forge-item-modal {
  border-color: rgba(103,196,182,.65);
  box-shadow: 0 20px 80px #000,0 0 28px rgba(75,182,167,.15);
}

@media (max-width:700px) {
  body.theme-ashen .forge-item-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width:700px) {
  body.theme-ashen .forge-item-card {
    min-height: 88px;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-item-overlay {
    padding: 0;
    align-items: end;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-item-modal {
    width: 100%;
    max-height: calc(100dvh - 12px);
    border-radius: 16px 16px 0 0;
    padding: 14px 14px calc(18px + env(safe-area-inset-bottom));
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-item-card {
    grid-template-columns: minmax(0,1fr) auto;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-item-sockets {
    align-items: flex-end;
    text-align: right;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-selected-head {
    flex-direction: column;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-selected-head .item-socket-summary {
    align-items: flex-start;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-modal-summary {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-socket-button {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-socket-button>span {
    text-align: left;
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-rune-option {
    grid-template-columns: auto minmax(0,1fr);
  }
}

@media (max-width:430px) {
  body.theme-ashen .forge-rune-option>em {
    grid-column: 2;
  }
}

body.theme-ashen .forge-item-card,
body.theme-ashen .forge-selected-item {
  --forge-rarity: #d8d5cc;
}

body.theme-ashen .forge-item-card.common,
body.theme-ashen .forge-selected-item.common {
  --forge-rarity: #d8d5cc;
}

body.theme-ashen .forge-item-card.uncommon,
body.theme-ashen .forge-selected-item.uncommon {
  --forge-rarity: #72d584;
}

body.theme-ashen .forge-item-card.rare,
body.theme-ashen .forge-selected-item.rare {
  --forge-rarity: #64c5ff;
}

body.theme-ashen .forge-item-card.epic,
body.theme-ashen .forge-selected-item.epic {
  --forge-rarity: #d98cff;
}

body.theme-ashen .forge-item-card.legendary,
body.theme-ashen .forge-selected-item.legendary {
  --forge-rarity: #ffb454;
}

body.theme-ashen .forge-item-card {
  box-shadow: inset 4px 0 0 var(--forge-rarity);
}

body.theme-ashen .forge-item-card.active {
  box-shadow: inset 4px 0 0 var(--forge-rarity),0 0 18px rgba(70,174,159,.12);
}

body.theme-ashen .forge-item-main strong {
  color: var(--forge-rarity);
}

body.theme-ashen .forge-selected-item {
  box-shadow: inset 4px 0 0 var(--forge-rarity);
}

body.theme-ashen .forge-selected-head strong {
  color: var(--forge-rarity);
}

body.theme-ashen .forge-rune-option strong {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

body.theme-ashen .forge-item-card .socket-glyphs,
body.theme-ashen .forge-selected-head .socket-glyphs {
  flex-wrap: nowrap;
}

body.theme-ashen .forge-item-card .item-rune-bonuses,
body.theme-ashen .forge-selected-head .item-rune-bonuses {
  display: none;
}

/* Source replay: css/hero-profile.css */

.forge-item-card {
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center;
}

.forge-selected-head {
  grid-template-columns: auto minmax(0,1fr) auto !important;
}

/* Source replay: css/v0.9.2.css */

body.theme-ashen .forge-selected-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.theme-ashen .forge-selected-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.theme-ashen .forge-selected-copy strong,
body.theme-ashen .forge-selected-copy small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.theme-ashen .forge-selected-copy strong {
  line-height: 1.12;
}

body.theme-ashen .forge-selected-copy small {
  line-height: 1.3;
}

body.theme-ashen .relic-tutorial-modal .forge-selected-item {
  min-width: 0;
}

@media (max-width: 430px) {
  body.theme-ashen .forge-item-modal {
    padding: 12px 12px calc(14px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 430px) {
  body.theme-ashen .forge-item-modal-body,
  body.theme-ashen .relic-tutorial-modal {
    gap: 10px;
  }
}

@media (max-width: 430px) {
  body.theme-ashen .relic-tutorial-modal > h2 {
    font-size: 21px;
    line-height: 1.12;
  }
}

@media (max-width: 430px) {
  body.theme-ashen .forge-modal-lead {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 430px) {
  body.theme-ashen .relic-tutorial-modal .forge-selected-head {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: start;
  }
}

@media (max-width: 430px) {
  body.theme-ashen .relic-tutorial-modal .forge-selected-head > .item-icon {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 430px) {
  body.theme-ashen .relic-tutorial-modal .forge-selected-head .item-socket-summary {
    grid-column: 1 / -1;
    margin-top: 2px;
  }
}

@media (max-width: 430px) {
  body.theme-ashen .forge-selected-copy strong {
    font-size: 17px;
  }
}

@media (max-width: 430px) {
  body.theme-ashen .forge-selected-stats {
    margin-top: 6px;
  }
}

/* Source replay: css/v0.9.3.css */

body.theme-ashen .rune-remove-button small,
body.theme-ashen .relic-tutorial-item span {
  font-size: 10px !important;
}

body.theme-ashen .forge-item-card .item-card-name,
body.theme-ashen .forge-selected-copy strong {
  font-size: 17px;
}

body.theme-ashen .forge-item-card .item-card-meta,
body.theme-ashen .forge-selected-copy small {
  font-size: 12px;
}

/* Source replay: css/v0.9.16.css */

body.theme-ashen .forge-rune-option.incompatible-rune,
body.theme-ashen .forge-rune-option.incompatible-rune:disabled {
  opacity: .34;
  filter: grayscale(.72) saturate(.4);
  cursor: not-allowed;
  box-shadow: none;
}

body.theme-ashen .forge-rune-option.incompatible-rune em {
  color: #9a7770;
}

body.theme-ashen .forge-rune-option.incompatible-rune small {
  color: #8d8f8a;
}

/* Source replay: css/ui-system.css */

body.theme-ashen .forge-item-modal {
  width: min(760px,calc(100vw - 24px));
  max-height: min(88vh,900px);
  overflow: auto;
}

body.theme-ashen .forge-modal-section,
body.theme-ashen .forge-selected-item {
  border-radius: var(--ui-radius-md);
}

/* Source replay: css/v0.9.49.css */

body.theme-ashen :is(
  .inventory-detail-actions > button,
  .inventory-equip-action,
  .rune-remove-button,
  .forge-socket-button,
  .relic-tutorial-action,
  .rune-fuse-button,
  .ruins-leave-button
) {
  box-sizing: border-box;
  height: var(--ui-button-compound-height) !important;
  min-height: var(--ui-button-compound-height) !important;
  max-height: var(--ui-button-compound-height) !important;
  padding: 6px 10px !important;
  line-height: 1.08;
  overflow: hidden;
  white-space: normal;
}

body.theme-ashen .rune-remove-button > small,
body.theme-ashen .forge-socket-button > span {
  font-size: 9.5px;
  line-height: 1.12;
}

body.theme-ashen :is(
  .close-button,
  .whats-new-close,
  .inventory-detail-close,
  .quest-reward-close,
  .forge-item-close,
  .item-detail-close
) {
  box-sizing: border-box;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 0;
}

/* Source replay: css/v0.10.0-rc28.css */

.forge-action-message {
  margin: 0 0 10px;
  padding: 9px 11px;
  border: 1px solid rgba(118,170,127,.35);
  border-radius: 10px;
  background: rgba(36,78,45,.22);
  color: #d9efd8;
  font-size: .82rem;
  line-height: 1.35;
}

.forge-action-message.error {
  border-color: rgba(213,105,82,.48);
  background: rgba(102,42,31,.25);
  color: #ffd8cb;
}

/* Source replay: css/v0.10.0-rc31.css */

.forge-action-message {
  margin: 0 0 10px;
  padding: 9px 11px;
  border: 1px solid rgba(118,170,127,.35);
  border-radius: 10px;
  background: rgba(36,78,45,.22);
  color: #d9efd8;
  font-size: .82rem;
  line-height: 1.35;
}

.forge-action-message.error {
  border-color: rgba(213,105,82,.48);
  background: rgba(102,42,31,.25);
  color: #ffd8cb;
}

/* Source replay: css/v0.10.0-rc36.css */

body.theme-ashen .forge-free-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 8px;
  padding: 6px 9px;
  border: 1px solid rgba(103,174,119,.27);
  border-radius: 9px;
  background: rgba(24,61,34,.16);
  color: #9fc9a8;
  font-size: 10px;
  line-height: 1.35;
}

body.theme-ashen .forge-free-note strong {
  color: #dfc789;
  font-size: 9px;
}

@media (max-width:390px) {
  body.theme-ashen .forge-item-modal {
    padding: 11px !important;
  }
}

@media (max-width:390px) {
  body.theme-ashen .forge-modal-section {
    margin-top: 9px !important;
    padding-top: 8px !important;
  }
}

@media (max-width:390px) {
  body.theme-ashen .forge-selected-item {
    padding: 9px !important;
  }
}

/* Source replay: css/v0.10.0-rc37.css */

body.theme-ashen .forge-item-modal {
  max-height: calc(var(--ff-viewport-height) - var(--ff-bottom-nav-rendered-height) - 18px) !important;
}

/* Consolidated from 14 active historical files: 247 rules, 294 selectors. */