/* 
 * Forest Frontier v0.10.0-rc53 — Hero screen contract.
 * Structural consolidation only. This screen layer owns Hero profile, equipment board, statistics and settings geometry.
 * Gameplay, save schema, backend authority and public DOM contracts are unchanged.
  *//* Source replay: css/main.css */.statistics-grid{display:block;padding:0 18px 16px}.statistics-section{padding-top:12px}.statistics-section:first-child{padding-top:2px}.statistics-section h3{margin:0 0 4px;color:#d7dbdd;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.statistics-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.statistics-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 0;border-top:1px solid #ffffff0d;font-size:13px}.statistics-row span{color:#aeb4b7}.statistics-row strong{color:#e2e5e6;text-align:right;white-space:nowrap}@media(max-width:560px){.statistics-grid{padding:0 14px 14px}.statistics-section-grid{grid-template-columns:1fr}.statistics-row{padding:7px 0;font-size:12px}}/* Source replay: css/battle.css */.reset-status{margin:10px 0 0;padding:9px 10px;border-radius:8px;background:rgba(117,195,182,.08);border:1px solid rgba(117,195,182,.3);font-size:12px;line-height:1.4}.reset-status.error{background:rgba(174,68,68,.1);border-color:rgba(214,95,95,.45);color:#f0b2a9}/* Source replay: css/theme/ashen-items-overlays.css */body.theme-ashen .statistics-section {
  border-color: rgba(63, 65, 59, .58);
  background: rgba(7, 10, 9, .42);
}body.theme-ashen .statistics-section h3 {
  color: #bcaa82;
}/* Source replay: css/theme/ashen-legacy-features.css */body.theme-ashen .developer-tools-panel h3 { margin:4px 0 8px; }body.theme-ashen .developer-tools-copy { margin:0 0 12px; color:#9ca5a1; }body.theme-ashen .developer-tools-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }@media (max-width:560px) {
  body.theme-ashen .developer-tools-grid { grid-template-columns:1fr; }
}/* Source replay: css/theme/ashen-current.css */body.theme-ashen .developer-checkpoint-field{
  display:grid;
  gap:6px;
  margin:12px 0 8px;
  color:#aeb6b2;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}body.theme-ashen .developer-checkpoint-field select{
  width:100%;
  min-height:42px;
  padding:9px 34px 9px 11px;
  border:1px solid #4b514e;
  border-radius:8px;
  background:#111514;
  color:#edf0ec;
  font:inherit;
}body.theme-ashen .developer-checkpoint-field select:focus-visible{
  outline:2px solid #c0a05b;
  outline-offset:2px;
}body.theme-ashen .developer-checkpoint-description{
  min-height:34px;
  margin:0 0 10px;
  color:#8f9994;
  font-size:12px;
  line-height:1.4;
}body.theme-ashen .developer-tools-grid #devLoadCheckpoint{grid-column:1/-1}@media(max-width:620px){body.theme-ashen .developer-tools-grid #devLoadCheckpoint{grid-column:auto}}body.theme-ashen .developer-checkpoint-meta{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 6px;
  padding:4px 8px;
  border:1px solid rgba(101,126,116,.35);
  border-radius:999px;
  background:rgba(17,25,22,.72);
  color:#a9bbb4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.035em;
}body.theme-ashen .developer-checkpoint-field optgroup{
  color:#c6b273;
  background:#101513;
  font-weight:900;
}body.theme-ashen .developer-checkpoint-field option{
  color:#e5e8e5;
  background:#111514;
  font-weight:700;
}/* Source replay: css/hero-profile.css */.hero-profile-shell{padding:14px;overflow:hidden}.hero-profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hero-profile-head .hero-name{margin:0}.hero-profile-head .section-label{margin-bottom:4px}.hero-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0 12px;padding:4px;border:1px solid rgba(77,75,65,.68);border-radius:11px;background:rgba(5,8,7,.58)}.hero-tab{min-width:0;padding:9px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9da39e;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-tab.active{color:#e4dcc8;border-color:rgba(89,173,158,.68);background:linear-gradient(180deg,rgba(31,79,69,.72),rgba(10,24,21,.84));box-shadow:inset 0 1px rgba(182,245,230,.08)}.hero-tab-panel{min-width:0}.hero-tab-panel[hidden]{display:none!important}.hero-overview-card{display:grid;gap:8px;margin-bottom:10px;padding:9px;border:1px solid rgba(69,73,66,.65);border-radius:12px;background:linear-gradient(180deg,rgba(12,17,15,.74),rgba(5,8,7,.7))}.hero-equipment-board{position:relative;min-height:440px;border:1px solid rgba(78,87,77,.78);border-radius:17px;background:radial-gradient(circle at 50% 43%,rgba(77,132,118,.15),transparent 42%),linear-gradient(180deg,rgba(10,15,13,.9),rgba(5,8,7,.98));box-shadow:inset 0 1px rgba(255,255,255,.03),inset 0 0 54px rgba(0,0,0,.48);overflow:hidden}.hero-equipment-board:before{content:"";position:absolute;inset:16px;background:url("../../assets/art/rune-mark.svg") center/240px no-repeat;opacity:.04;pointer-events:none}.hero-equipment-hint{margin:8px 0 0;color:#868e89;font-size:10px;text-align:center;line-height:1.4}.achievement-profile-placeholder{display:grid;justify-items:center;gap:9px;min-height:250px;padding:38px 24px;border:1px dashed rgba(98,96,82,.7);border-radius:14px;background:rgba(6,9,8,.5);text-align:center}.achievement-profile-placeholder .achievement-seal{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(183,154,98,.62);border-radius:50%;color:#c5a96e;font-size:28px;box-shadow:inset 0 0 22px rgba(183,154,98,.08)}.achievement-profile-placeholder strong{font-family:Georgia,serif;font-size:20px}.achievement-profile-placeholder p{max-width:360px;margin:0;color:#929994;line-height:1.55}.hero-settings-section{padding:14px 0;border-top:1px solid rgba(64,63,56,.62)}.hero-settings-section:first-child{border-top:0;padding-top:0}.hero-settings-section.changelog{font-size:12px;color:#979d98}.hero-tab-panel .statistics-grid{padding:0}.hero-tab-panel .statistics-section:first-child{padding-top:0}@media(max-width:520px){
  .hero-profile-shell{padding:11px}.hero-tabs{gap:3px;margin:10px 0;padding:3px}.hero-tab{padding:8px 2px;font-size:9px}
  .hero-equipment-board{min-height:405px}
}@media(max-width:390px){
  .hero-tab{font-size:8px;letter-spacing:-.02em}.hero-equipment-board{min-height:395px}
}/* Source replay: css/v0.9.2.css */@media (max-width: 420px) and (max-height: 820px) {
  body.theme-ashen.screen-hero-active { height: 100dvh; overflow: hidden; }
  body.theme-ashen.screen-hero-active .app {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - var(--bottom-nav-height) - env(safe-area-inset-bottom));
    padding-bottom: 0;
    overflow: hidden;
  }
  body.theme-ashen.screen-hero-active .topbar { flex: 0 0 auto; margin-bottom: 6px; }
  body.theme-ashen.screen-hero-active #screenHero.active { flex: 1 1 auto; min-height: 0; overflow: hidden; }
  body.theme-ashen.screen-hero-active .hero-profile-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 8px;
    overflow: hidden;
  }
  body.theme-ashen.screen-hero-active .hero-profile-head { flex: 0 0 auto; }
  body.theme-ashen.screen-hero-active .hero-profile-head .section-label { display: none; }
  body.theme-ashen.screen-hero-active .hero-profile-head .hero-name { margin: 0; }
  body.theme-ashen.screen-hero-active .hero-profile-head .hero-name h2 { font-size: 21px; }
  body.theme-ashen.screen-hero-active .hero-tabs { flex: 0 0 auto; gap: 2px; margin: 5px 0; padding: 2px; }
  body.theme-ashen.screen-hero-active .hero-tab { padding: 6px 1px; font-size: 8px; }
  body.theme-ashen.screen-hero-active .hero-tab-panel.active { flex: 1 1 auto; min-height: 0; overflow: hidden; }
  body.theme-ashen.screen-hero-active .hero-tab-panel[data-hero-tab-panel="hero"].active {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 5px;
  }
  body.theme-ashen.screen-hero-active .hero-overview-card { gap: 4px; margin: 0; padding: 5px; }
  body.theme-ashen.screen-hero-active .hero-quick-stats { gap: 3px; }
  body.theme-ashen.screen-hero-active .hero-quick-stats span { padding: 4px 2px; font-size: 6.5px; }
  body.theme-ashen.screen-hero-active .hero-quick-stats strong { font-size: 14px; }
  body.theme-ashen.screen-hero-active .hero-progress-compact { gap: 4px; }
  body.theme-ashen.screen-hero-active .hero-progress-row { padding: 3px 5px; }
  body.theme-ashen.screen-hero-active .hero-progress-row .bar-label { margin-bottom: 2px; font-size: 7px; }
  body.theme-ashen.screen-hero-active .hero-progress-row .bar { height: 4px; }
  body.theme-ashen.screen-hero-active .hero-equipment-board { min-height: 0; height: 100%; }
  body.theme-ashen.screen-hero-active .hero-equipment-board::before { inset: 8px; background-size: 180px; }
  body.theme-ashen.screen-hero-active .hero-silhouette-wrap { top: 38px; bottom: 12px; width: 176px; height: auto; }
  body.theme-ashen.screen-hero-active .hero-gear-slot { width: 104px; min-height: 48px; padding: 4px; gap: 4px; }
  body.theme-ashen.screen-hero-active .hero-gear-slot .item-icon { width: 32px; height: 32px; }
  body.theme-ashen.screen-hero-active .hero-gear-slot strong { font-size: 9px; }
  body.theme-ashen.screen-hero-active .hero-gear-slot small,
body.theme-ashen.screen-hero-active .hero-gear-slot em { font-size: 6px; }
  body.theme-ashen.screen-hero-active .hero-gear-head { top: 4px; }
  body.theme-ashen.screen-hero-active .hero-gear-weapon,
body.theme-ashen.screen-hero-active .hero-gear-offhand { top: 52px; }
  body.theme-ashen.screen-hero-active .hero-gear-weapon,
body.theme-ashen.screen-hero-active .hero-gear-gloves { left: 5px; }
  body.theme-ashen.screen-hero-active .hero-gear-offhand,
body.theme-ashen.screen-hero-active .hero-gear-boots { right: 5px; }
  body.theme-ashen.screen-hero-active .hero-gear-armor { top: 50%; width: 112px; transform: translate(-50%, -38%); }
  body.theme-ashen.screen-hero-active .hero-gear-gloves,
body.theme-ashen.screen-hero-active .hero-gear-boots { top: auto; bottom: 7px; }
  body.theme-ashen.screen-hero-active .hero-equipment-hint { display: none; }
}/* Source replay: css/v0.9.3.css */body.theme-ashen .hero-tab { font-size: 11px; }@media (max-width: 520px) {

  body.theme-ashen .hero-tab { font-size: 11px !important; letter-spacing: 0; }
}@media (max-width: 420px) and (max-height: 820px) {
  body.theme-ashen.screen-hero-active .hero-profile-shell { padding: 8px; }
  body.theme-ashen.screen-hero-active .hero-profile-head .hero-name h2 { font-size: 22px; }
  body.theme-ashen.screen-hero-active .hero-tabs { gap: 3px; margin: 5px 0; padding: 2px; }
  body.theme-ashen.screen-hero-active .hero-tab { min-height: 32px; padding: 6px 2px; font-size: 10px !important; }
  body.theme-ashen.screen-hero-active .hero-tab-panel[data-hero-tab-panel="hero"].active {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 6px;
  }
  body.theme-ashen.screen-hero-active .hero-overview-card { gap: 5px; padding: 6px; }
  body.theme-ashen.screen-hero-active .hero-quick-stats { gap: 4px; }
  body.theme-ashen.screen-hero-active .hero-quick-stats span { padding: 5px 2px; font-size: 10px; }
  body.theme-ashen.screen-hero-active .hero-quick-stats strong { font-size: 17px; }
  body.theme-ashen.screen-hero-active .hero-progress-compact { gap: 4px; }
  body.theme-ashen.screen-hero-active .hero-progress-row { padding: 4px 5px; }
  body.theme-ashen.screen-hero-active .hero-progress-row .bar-label { margin-bottom: 2px; font-size: 10px; }
  body.theme-ashen.screen-hero-active .hero-progress-row .bar { height: 5px; }

  body.theme-ashen.screen-hero-active .hero-equipment-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "head head"
      "weapon offhand"
      "armor armor"
      "gloves boots";
    grid-template-rows: repeat(4, minmax(49px, 1fr));
    gap: 6px;
    min-height: 0;
    height: 100%;
    padding: 7px;
    align-content: stretch;
  }
  body.theme-ashen.screen-hero-active .hero-equipment-board::before { inset: 8px; background-size: 150px; }
  body.theme-ashen.screen-hero-active .hero-silhouette-wrap { display: none; }
  body.theme-ashen.screen-hero-active .hero-gear-slot {
    position: relative;
    inset: auto;
    transform: none !important;
    width: 100%;
    min-height: 49px;
    padding: 5px 6px;
    gap: 6px;
  }
  body.theme-ashen.screen-hero-active .hero-gear-slot .item-icon { width: 40px; height: 40px; }
  body.theme-ashen.screen-hero-active .hero-gear-slot small { font-size: 10px; }
  body.theme-ashen.screen-hero-active .hero-gear-slot strong { font-size: 12px; }
  body.theme-ashen.screen-hero-active .hero-gear-slot em { font-size: 10px; }
  body.theme-ashen.screen-hero-active .hero-gear-head { grid-area: head; max-width: 190px; justify-self: center; }
  body.theme-ashen.screen-hero-active .hero-gear-weapon { grid-area: weapon; }
  body.theme-ashen.screen-hero-active .hero-gear-offhand { grid-area: offhand; }
  body.theme-ashen.screen-hero-active .hero-gear-armor { grid-area: armor; max-width: 190px; justify-self: center; }
  body.theme-ashen.screen-hero-active .hero-gear-gloves { grid-area: gloves; }
  body.theme-ashen.screen-hero-active .hero-gear-boots { grid-area: boots; }
}@media (max-width: 360px) {
  body.theme-ashen .hero-tabs { gap: 3px !important; }
  body.theme-ashen .hero-tab { padding-inline: 2px !important; }
}@media (min-width: 700px) {
  body.theme-ashen .hero-tab { font-size: 12px; }
}/* Source replay: css/v0.9.16.css */body.theme-ashen .hero-combat-details {
  margin-top: 12px;
  padding: 11px;
  border: 1px solid rgba(113,143,126,.34);
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(9,21,17,.88),rgba(5,12,10,.94));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}body.theme-ashen .hero-combat-details-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}body.theme-ashen .hero-combat-details-head strong { color:#d8bd78; font-size:12px; letter-spacing:.07em; text-transform:uppercase; }body.theme-ashen .hero-combat-details-head small { color:#769086; font-size:10px; text-align:right; }body.theme-ashen .hero-combat-details-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}@media (max-width: 520px) {
  body.theme-ashen .hero-combat-details-grid { grid-template-columns:1fr; }
  body.theme-ashen .hero-combat-details-head { align-items:flex-start; }
}/* Source replay: css/v0.9.17.css */body.theme-ashen .hero-profile-shell {
  padding: 10px;
  overflow: visible;
}body.theme-ashen .hero-tabs {
  margin: 0 0 8px;
  padding: 3px;
}body.theme-ashen .hero-tab {
  min-height: 36px;
  padding: 7px 3px;
}body.theme-ashen .hero-profile-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}body.theme-ashen .hero-tab-panel[data-hero-tab-panel="hero"].active {
  display: grid;
  gap: 8px;
  min-width: 0;
}body.theme-ashen .hero-overview-card {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 8px 9px;
  border-color: rgba(104,124,111,.54);
  background:
    radial-gradient(circle at 50% 0,rgba(67,132,112,.10),transparent 60%),
    linear-gradient(180deg,rgba(12,22,18,.93),rgba(5,10,8,.96));
}body.theme-ashen .hero-progress-summary {
  display: grid;
  grid-template-columns: .8fr 1.15fr 1fr;
  gap: 6px;
}body.theme-ashen .hero-progress-summary > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 5px 7px;
  border: 1px solid rgba(92,113,101,.30);
  border-radius: 8px;
  background: rgba(2,8,6,.54);
}body.theme-ashen .hero-progress-summary small {
  color: #82968d;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
}body.theme-ashen .hero-progress-summary strong {
  min-width: 0;
  overflow: hidden;
  color: #efe5ce;
  font-family: Georgia,serif;
  font-size: 17px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}body.theme-ashen .hero-progress-summary em {
  color: #b4a46f;
  font-family: inherit;
  font-size: 10px;
  font-style: normal;
}body.theme-ashen .hero-xp-progress {
  min-width: 0;
}body.theme-ashen .hero-xp-progress .bar-label {
  margin-bottom: 3px;
  color: #91a59b;
  font-size: 10px;
}body.theme-ashen .hero-xp-progress .bar {
  height: 6px;
  margin: 0;
}body.theme-ashen .hero-equipment-board {
  display: block;
  min-height: 360px;
  height: 360px;
  padding: 0;
  overflow: hidden;
  border-color: rgba(89,117,103,.62);
  background:
    radial-gradient(ellipse at 50% 46%,rgba(70,142,120,.18),transparent 39%),
    radial-gradient(ellipse at 50% 104%,rgba(139,104,43,.09),transparent 46%),
    linear-gradient(180deg,rgba(8,18,15,.97),rgba(3,8,6,.99));
}body.theme-ashen .hero-equipment-board::before {
  inset: 12px;
  background-size: 210px;
  opacity: .055;
}body.theme-ashen .hero-primary-stats {
  display: grid;
  gap: 7px;
  padding: 9px;
  border: 1px solid rgba(104,124,111,.46);
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(9,20,16,.91),rgba(4,10,8,.96));
}body.theme-ashen .hero-primary-stats-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}body.theme-ashen .hero-primary-stats-head strong {
  color: #d8bd78;
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
}body.theme-ashen .hero-primary-stats-head small {
  color: #758b81;
  font-size: 9px;
  text-align: right;
}body.theme-ashen .hero-primary-stats-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
}body.theme-ashen .hero-primary-stats-grid > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 5px;
  border: 1px solid rgba(91,118,105,.24);
  border-radius: 8px;
  background: rgba(3,10,8,.58);
  text-align: center;
}body.theme-ashen .hero-primary-stats-grid small {
  overflow: hidden;
  color: #849990;
  font-size: 8px;
  line-height: 1.05;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}body.theme-ashen .hero-primary-stats-grid strong {
  color: #eee4ce;
  font-family: Georgia,serif;
  font-size: 17px;
  line-height: 1.05;
}body.theme-ashen details.hero-combat-details {
  margin: 0;
  padding: 0;
  overflow: hidden;
}body.theme-ashen details.hero-combat-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 10px 11px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}body.theme-ashen details.hero-combat-details > summary::-webkit-details-marker { display: none; }body.theme-ashen details.hero-combat-details > summary > span {
  display: grid;
  gap: 2px;
}body.theme-ashen details.hero-combat-details > summary strong { font-size: 11px; }body.theme-ashen details.hero-combat-details > summary small {
  color: #758b81;
  font-size: 9px;
  text-align: left;
}body.theme-ashen details.hero-combat-details > summary b {
  color: #d8bd78;
  font-size: 18px;
  font-weight: 400;
  transition: transform .18s ease;
}body.theme-ashen details.hero-combat-details[open] > summary b { transform: rotate(180deg); }body.theme-ashen details.hero-combat-details .hero-combat-details-grid {
  padding: 0 9px 9px;
}body.theme-ashen .hero-equipment-hint {
  margin: -1px 0 2px;
  font-size: 9px;
}@media (max-width: 520px) {
  body.theme-ashen .hero-profile-shell { padding: 7px; }
  body.theme-ashen .hero-tabs { margin-bottom: 6px; }
  body.theme-ashen .hero-tab { min-height: 34px; padding: 6px 2px; font-size: 10px !important; }
  body.theme-ashen .hero-tab-panel[data-hero-tab-panel="hero"].active { gap: 6px; }
  body.theme-ashen .hero-overview-card { gap: 5px; padding: 6px 7px; }
  body.theme-ashen .hero-progress-summary { gap: 4px; }
  body.theme-ashen .hero-progress-summary > span { padding: 4px 5px; }
  body.theme-ashen .hero-progress-summary small { font-size: 8px; }
  body.theme-ashen .hero-progress-summary strong { font-size: 15px; }
  body.theme-ashen .hero-xp-progress .bar-label { font-size: 9px; }

  body.theme-ashen .hero-equipment-board {
    display: block;
    min-height: 310px;
    height: 310px;
    padding: 0;
  }
  body.theme-ashen .hero-equipment-board::before { inset: 7px; background-size: 160px; }

  body.theme-ashen .hero-primary-stats { gap: 5px; padding: 7px; }
  body.theme-ashen .hero-primary-stats-head strong { font-size: 10px; }
  body.theme-ashen .hero-primary-stats-head small { font-size: 8px; }
  body.theme-ashen .hero-primary-stats-grid { gap: 4px; }
  body.theme-ashen .hero-primary-stats-grid > span { padding: 6px 3px; }
  body.theme-ashen .hero-primary-stats-grid small { font-size: 7px; }
  body.theme-ashen .hero-primary-stats-grid strong { font-size: 15px; }
}@media (max-width: 420px) and (max-height: 820px) {
  body.theme-ashen.screen-hero-active { height: auto; min-height: 100dvh; overflow: auto; }
  body.theme-ashen.screen-hero-active .app {
    display: block;
    height: auto;
    min-height: calc(100dvh - var(--bottom-nav-height) - env(safe-area-inset-bottom));
    padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 8px);
    overflow-y: auto;
  }
  body.theme-ashen.screen-hero-active #screenHero.active,
body.theme-ashen.screen-hero-active .hero-profile-shell,
body.theme-ashen.screen-hero-active .hero-tab-panel.active {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  body.theme-ashen.screen-hero-active .hero-profile-shell { display: block; padding: 6px; }
  body.theme-ashen.screen-hero-active .hero-tab-panel[data-hero-tab-panel="hero"].active {
    display: grid;
    grid-template-rows: none;
    gap: 5px;
  }
  body.theme-ashen.screen-hero-active .hero-equipment-board {
    display: block;
    min-height: 292px;
    height: 292px;
    padding: 0;
  }
  body.theme-ashen.screen-hero-active .hero-silhouette-wrap {
    display: grid;
    top: 31px;
    width: 150px;
    height: 244px;
  }
  body.theme-ashen.screen-hero-active .hero-gear-slot { position: absolute; width: 98px; min-height: 52px; }
  body.theme-ashen.screen-hero-active .hero-gear-head { top: 3px; width: 110px; }
  body.theme-ashen.screen-hero-active .hero-gear-weapon,
body.theme-ashen.screen-hero-active .hero-gear-offhand { top: 54px; }
  body.theme-ashen.screen-hero-active .hero-gear-armor { top: 125px; width: 98px; }
  body.theme-ashen.screen-hero-active .hero-gear-gloves,
body.theme-ashen.screen-hero-active .hero-gear-boots { top: 215px; bottom: auto; }
  body.theme-ashen.screen-hero-active .hero-equipment-hint { display: block; }
}@media (max-width: 360px) {
  body.theme-ashen .hero-progress-summary { grid-template-columns: .72fr 1.12fr .92fr; }
  body.theme-ashen .hero-progress-summary strong { font-size: 14px; }
  body.theme-ashen .hero-equipment-board { height: 286px; min-height: 286px; }
  body.theme-ashen .hero-primary-stats-head small { display: none; }
  body.theme-ashen .hero-primary-stats-grid strong { font-size: 14px; }
}/* Source replay: css/v0.9.18.css */body.theme-ashen .hero-equipment-board {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(157,126,70,.45);
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 47%,rgba(40,94,78,.18),transparent 36%),
    radial-gradient(circle at 50% 48%,rgba(143,104,44,.08),transparent 58%),
    linear-gradient(180deg,rgba(4,12,10,.98),rgba(2,7,6,.995));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 0 64px rgba(0,0,0,.55),
    0 10px 28px rgba(0,0,0,.28);
}body.theme-ashen .hero-equipment-board { height: 410px; }body.theme-ashen .hero-equipment-board::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg,transparent 0 47%,rgba(77,131,111,.035) 48% 49%,transparent 50% 100%),
    linear-gradient(60deg,transparent 0 47%,rgba(77,131,111,.03) 48% 49%,transparent 50% 100%);
  background-size: 88px 88px;
  opacity: .55;
  pointer-events: none;
}body.theme-ashen .equipment-paperdoll {
  position: relative;
  width: 100%;
  height: 100%;
  isolation: isolate;
}body.theme-ashen .equipment-orbit {
  position: absolute;
  left: 50%;
  top: 51%;
  translate: -50% -50%;
  border: 1px solid rgba(150,112,52,.26);
  border-radius: 50%;
  pointer-events: none;
}body.theme-ashen .equipment-orbit::before,
body.theme-ashen .equipment-orbit::after {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px dashed rgba(76,136,116,.16);
  border-radius: inherit;
}body.theme-ashen .equipment-orbit::after { inset: 38%; border-style: solid; opacity: .62; }body.theme-ashen .equipment-orbit-outer { width: 330px; height: 330px; }body.theme-ashen .equipment-orbit-inner { width: 250px; height: 250px; opacity: .58; }body.theme-ashen .wanderer-silhouette-wrap {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 65px;
  width: 166px;
  height: 320px;
  translate: -50% 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}body.theme-ashen .wanderer-silhouette-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: .72;
  filter: grayscale(1) sepia(.15) saturate(.7) contrast(1.06) drop-shadow(0 16px 19px rgba(0,0,0,.72));
}body.theme-ashen .wanderer-silhouette-wrap span {
  position: absolute;
  bottom: 7px;
  padding: 4px 13px;
  border: 1px solid rgba(72,139,121,.38);
  border-radius: 999px;
  background: rgba(2,8,6,.88);
  color: #8fb8ac;
  font-size: 8px;
  letter-spacing: .18em;
  text-transform: uppercase;
}body.theme-ashen .equipment-socket {
  --slot-color: 145,139,119;
  --slot-fill: 27,30,27;
  position: absolute;
  z-index: 3;
  display: grid;
  grid-template-rows: auto 1fr auto;
  place-items: center;
  width: 104px;
  height: 122px;
  padding: 8px 7px 10px;
  overflow: visible;
  border: 1px solid rgba(var(--slot-color),.88);
  border-radius: 12px;
  clip-path: polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  background:
    radial-gradient(circle at 50% 52%,rgba(var(--slot-color),.22),transparent 58%),
    linear-gradient(150deg,rgba(var(--slot-fill),.96),rgba(2,6,5,.995));
  color: #e9dfc8;
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.66),
    inset 0 0 23px rgba(var(--slot-color),.12),
    0 0 0 1px rgba(var(--slot-color),.18),
    0 0 17px rgba(var(--slot-color),.12),
    0 10px 22px rgba(0,0,0,.4);
  touch-action: manipulation;
  transition: transform .14s ease,filter .14s ease,box-shadow .14s ease;
}body.theme-ashen .equipment-socket::before,
body.theme-ashen .equipment-socket::after {
  content: "";
  position: absolute;
  pointer-events: none;
}body.theme-ashen .equipment-socket::before {
  inset: 4px;
  border: 1px solid rgba(var(--slot-color),.25);
  border-radius: 8px;
  clip-path: inherit;
}body.theme-ashen .equipment-socket::after {
  left: 13px;
  right: 13px;
  bottom: 4px;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(var(--slot-color),.68),transparent);
}body.theme-ashen .equipment-socket:not(:disabled):hover { filter: brightness(1.08); }body.theme-ashen .equipment-socket:not(:disabled):active { transform: translateY(1px) scale(.99); }body.theme-ashen .equipment-socket:focus-visible { outline: 2px solid #65d4be; outline-offset: 3px; }body.theme-ashen .equipment-socket.common { --slot-color: 151,145,125; --slot-fill: 24,27,24; }body.theme-ashen .equipment-socket.uncommon { --slot-color: 94,207,91; --slot-fill: 12,39,18; }body.theme-ashen .equipment-socket.rare { --slot-color: 69,171,235; --slot-fill: 7,31,48; }body.theme-ashen .equipment-socket.epic { --slot-color: 205,105,238; --slot-fill: 39,14,51; }body.theme-ashen .equipment-socket.legendary { --slot-color: 232,165,65; --slot-fill: 52,29,9; }body.theme-ashen .equipment-socket.mythic { --slot-color: 102,224,207; --slot-fill: 10,43,42; }body.theme-ashen .equipment-socket.empty { opacity: .52; filter: grayscale(.5); }body.theme-ashen .equipment-socket-label {
  z-index: 3;
  max-width: 100%;
  overflow: hidden;
  color: rgba(229,219,196,.82);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.1;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}body.theme-ashen .equipment-socket-art {
  z-index: 2;
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
}body.theme-ashen .equipment-socket .item-icon {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}body.theme-ashen .equipment-socket .item-icon::before,
body.theme-ashen .equipment-socket .item-icon::after { display: none; }body.theme-ashen .equipment-socket .item-icon img {
  filter: drop-shadow(0 6px 7px rgba(0,0,0,.65));
}body.theme-ashen .equipment-socket-level {
  z-index: 3;
  justify-self: end;
  color: #bcb39f;
  font-size: 8px;
  line-height: 1;
}body.theme-ashen .equipment-rarity-gem {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: -7px;
  width: 12px;
  height: 12px;
  translate: -50% 0;
  rotate: 45deg;
  border: 1px solid rgba(var(--slot-color),1);
  background: rgb(var(--slot-fill));
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.7),0 0 9px rgba(var(--slot-color),.55);
}body.theme-ashen .equipment-socket-runes {
  position: absolute;
  z-index: 4;
  right: 7px;
  bottom: 7px;
  display: flex;
  gap: 3px;
}body.theme-ashen .equipment-socket-runes i {
  width: 5px;
  height: 5px;
  border: 1px solid rgba(var(--slot-color),.6);
  border-radius: 50%;
  background: rgba(0,0,0,.65);
}body.theme-ashen .equipment-socket-runes i.filled { background: rgb(var(--slot-color)); box-shadow: 0 0 5px rgba(var(--slot-color),.75); }body.theme-ashen .equipment-socket-head { left: 50%; top: 9px; translate: -50% 0; }body.theme-ashen .equipment-socket-weapon { left: 18px; top: 90px; }body.theme-ashen .equipment-socket-offhand { right: 18px; top: 90px; }body.theme-ashen .equipment-socket-armor { left: 18px; top: 245px; }body.theme-ashen .equipment-socket-gloves { right: 18px; top: 245px; }body.theme-ashen .equipment-socket-boots { left: 50%; top: 278px; translate: -50% 0; }body.theme-ashen .inventory-paperdoll .equipment-orbit-outer { width: 290px; height: 290px; }body.theme-ashen .inventory-paperdoll .equipment-orbit-inner { width: 215px; height: 215px; }body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap { top: 54px; width: 145px; height: 276px; }body.theme-ashen .inventory-paperdoll .equipment-socket { width: 90px; height: 105px; padding: 7px 6px 9px; }body.theme-ashen .inventory-paperdoll .equipment-socket-art { width: 62px; height: 62px; }body.theme-ashen .inventory-paperdoll .equipment-socket-head { top: 6px; }body.theme-ashen .inventory-paperdoll .equipment-socket-weapon { left: 13px; top: 75px; }body.theme-ashen .inventory-paperdoll .equipment-socket-offhand { right: 13px; top: 75px; }body.theme-ashen .inventory-paperdoll .equipment-socket-armor { left: 13px; top: 215px; }body.theme-ashen .inventory-paperdoll .equipment-socket-gloves { right: 13px; top: 215px; }body.theme-ashen .inventory-paperdoll .equipment-socket-boots { top: 242px; }@media (max-width: 520px) {
  body.theme-ashen .hero-equipment-board { height: 350px; }
  body.theme-ashen .equipment-orbit-outer { width: 270px; height: 270px; }
  body.theme-ashen .equipment-orbit-inner { width: 200px; height: 200px; }
  body.theme-ashen .wanderer-silhouette-wrap { top: 58px; width: 142px; height: 270px; }
  body.theme-ashen .equipment-socket { width: 88px; height: 102px; padding: 6px 5px 8px; border-radius: 10px; }
  body.theme-ashen .equipment-socket-art { width: 61px; height: 61px; }
  body.theme-ashen .equipment-socket-label { font-size: 7px; letter-spacing: .08em; }
  body.theme-ashen .equipment-socket-level { font-size: 7px; }
  body.theme-ashen .equipment-socket-head { top: 5px; }
  body.theme-ashen .equipment-socket-weapon { left: 6px; top: 74px; }
  body.theme-ashen .equipment-socket-offhand { right: 6px; top: 74px; }
  body.theme-ashen .equipment-socket-armor { left: 6px; top: 210px; }
  body.theme-ashen .equipment-socket-gloves { right: 6px; top: 210px; }
  body.theme-ashen .equipment-socket-boots { top: 238px; }

  body.theme-ashen .inventory-paperdoll .equipment-orbit-outer { width: 250px; height: 250px; }
  body.theme-ashen .inventory-paperdoll .equipment-orbit-inner { width: 185px; height: 185px; }
  body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap { top: 50px; width: 130px; height: 245px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket { width: 82px; height: 94px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-art { width: 55px; height: 55px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-head { top: 4px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-weapon { left: 5px; top: 66px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-offhand { right: 5px; top: 66px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-armor { left: 5px; top: 190px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-gloves { right: 5px; top: 190px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-boots { top: 216px; }
}@media (max-width: 380px) {
  body.theme-ashen .hero-equipment-board { height: 328px; }
  body.theme-ashen .equipment-orbit-outer { width: 245px; height: 245px; }
  body.theme-ashen .equipment-orbit-inner { width: 176px; height: 176px; }
  body.theme-ashen .wanderer-silhouette-wrap { top: 55px; width: 126px; height: 250px; }
  body.theme-ashen .equipment-socket { width: 79px; height: 92px; }
  body.theme-ashen .equipment-socket-art { width: 52px; height: 52px; }
  body.theme-ashen .equipment-socket-weapon { left: 4px; top: 67px; }
  body.theme-ashen .equipment-socket-offhand { right: 4px; top: 67px; }
  body.theme-ashen .equipment-socket-armor { left: 4px; top: 193px; }
  body.theme-ashen .equipment-socket-gloves { right: 4px; top: 193px; }
  body.theme-ashen .equipment-socket-boots { top: 218px; }

  body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap { top: 47px; width: 116px; height: 228px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket { width: 74px; height: 86px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-art { width: 48px; height: 48px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-weapon { left: 3px; top: 60px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-offhand { right: 3px; top: 60px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-armor { left: 3px; top: 177px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-gloves { right: 3px; top: 177px; }
  body.theme-ashen .inventory-paperdoll .equipment-socket-boots { top: 199px; }
}/* Source replay: css/v0.9.19.css */body.theme-ashen.screen-hero-active .hero-profile-shell {
  --hero-bronze: #9d8250;
  --hero-cream: #eadfc5;
  --hero-teal: #5bcab1;
  overflow: visible;
}body.theme-ashen.screen-hero-active .hero-progress-summary {
  grid-template-columns: repeat(2,minmax(0,1fr));
}body.theme-ashen.screen-hero-active .hero-progress-summary > span:nth-child(3) { display: none; }body.theme-ashen.screen-hero-active .hero-overview-card {
  border-color: rgba(157,130,80,.48);
  background:
    linear-gradient(180deg,rgba(10,17,14,.96),rgba(4,9,7,.98)),
    radial-gradient(circle at 50% 0,rgba(74,139,120,.1),transparent 48%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.018),inset 0 -20px 40px rgba(0,0,0,.18);
}body.theme-ashen .hero-equipment-board {
  height: auto;
  min-height: clamp(405px,112vw,480px);
  overflow: hidden;
  border: 1px solid rgba(147,116,62,.58);
  border-radius: 18px;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(38,75,63,.21),transparent 36%),
    radial-gradient(ellipse at 50% 52%,rgba(139,102,48,.11),transparent 64%),
    linear-gradient(155deg,rgba(10,15,12,.99),rgba(2,6,5,.995));
  box-shadow:
    inset 0 0 0 1px rgba(221,191,126,.025),
    inset 0 0 80px rgba(0,0,0,.6),
    0 12px 30px rgba(0,0,0,.32);
}body.theme-ashen .hero-equipment-board::before {
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 29%,rgba(164,126,61,.12) 29.3% 29.7%,transparent 30% 39%,rgba(82,139,121,.075) 39.3% 39.7%,transparent 40%),
    repeating-conic-gradient(from 0deg at 50% 50%,rgba(157,126,70,.035) 0 1deg,transparent 1deg 15deg);
  background-size: auto;
  opacity: 1;
}body.theme-ashen .hero-equipment-board::after {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(157,126,70,.12);
  border-radius: 13px;
  box-shadow: inset 0 0 45px rgba(0,0,0,.28);
}body.theme-ashen .hero-premium-paperdoll {
  --hero-slot-w: clamp(74px,23vw,101px);
  --hero-slot-h: clamp(92px,28vw,120px);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-areas:
    ". head ."
    "weapon wanderer offhand"
    "armor wanderer gloves"
    ". boots .";
  grid-template-columns: var(--hero-slot-w) minmax(112px,1fr) var(--hero-slot-w);
  grid-template-rows: var(--hero-slot-h) minmax(92px,1fr) minmax(92px,1fr) var(--hero-slot-h);
  gap: clamp(3px,1.4vw,8px) clamp(5px,1.8vw,11px);
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: clamp(7px,2vw,12px);
  isolation: isolate;
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit {
  z-index: -1;
  top: 51%;
  opacity: .7;
  border-color: rgba(148,112,54,.2);
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit-outer {
  width: min(72vw,350px);
  height: min(72vw,350px);
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit-inner {
  width: min(53vw,255px);
  height: min(53vw,255px);
  opacity: .52;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
  grid-area: wanderer;
  position: relative;
  z-index: 1;
  left: auto;
  top: auto;
  width: min(100%,185px);
  height: 100%;
  min-height: 196px;
  translate: none;
  justify-self: center;
  align-self: stretch;
  display: grid;
  place-items: center;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img {
  width: 100%;
  height: 100%;
  max-height: 286px;
  object-fit: contain;
  opacity: .96;
  filter: saturate(.62) contrast(1.04) drop-shadow(0 18px 18px rgba(0,0,0,.78));
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap span { display: none; }body.theme-ashen .hero-premium-paperdoll .equipment-socket {
  --slot-color: 154,146,126;
  --slot-fill: 31,31,26;
  --slot-frame: url("../../assets/hero/slot-frame-common.svg");
  position: relative;
  inset: auto;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  translate: none;
  z-index: 4;
  justify-self: center;
  align-self: center;
  display: grid;
  grid-template-rows: 18px minmax(0,1fr) 13px;
  width: var(--hero-slot-w);
  height: var(--hero-slot-h);
  min-width: 0;
  min-height: 0;
  padding: 9px 8px 8px;
  overflow: visible;
  clip-path: none;
  border: 0;
  border-radius: 4px;
  background:
    radial-gradient(ellipse at 50% 44%,rgba(var(--slot-color),.28),transparent 58%),
    linear-gradient(160deg,rgba(var(--slot-fill),.96),rgba(2,5,4,.995));
  box-shadow:
    inset 0 0 26px rgba(var(--slot-color),.13),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 12px 22px rgba(0,0,0,.45),
    0 0 12px rgba(var(--slot-color),.09);
  transition: translate .12s ease,filter .12s ease,box-shadow .12s ease;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket::before {
  content: "";
  position: absolute;
  z-index: 6;
  inset: -2px;
  border: 0;
  border-radius: 0;
  clip-path: none;
  background: var(--slot-frame) center/100% 100% no-repeat;
  pointer-events: none;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 8px;
  height: auto;
  border: 1px solid rgba(var(--slot-color),.13);
  border-radius: 2px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 25%),
    radial-gradient(circle at 50% 48%,rgba(var(--slot-color),.06),transparent 65%);
  pointer-events: none;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket.common { --slot-frame:url("../../assets/hero/slot-frame-common.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.uncommon { --slot-color:94,199,90;--slot-fill:12,43,20;--slot-frame:url("../../assets/hero/slot-frame-uncommon.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.rare { --slot-color:69,170,232;--slot-fill:7,35,55;--slot-frame:url("../../assets/hero/slot-frame-rare.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.epic { --slot-color:196,104,230;--slot-fill:44,15,57;--slot-frame:url("../../assets/hero/slot-frame-epic.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.legendary { --slot-color:230,164,62;--slot-fill:55,30,8;--slot-frame:url("../../assets/hero/slot-frame-legendary.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.mythic { --slot-color:98,218,201;--slot-fill:9,44,42;--slot-frame:url("../../assets/hero/slot-frame-mythic.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket:not(:disabled):hover {
  filter: brightness(1.08) saturate(1.05);
  box-shadow: inset 0 0 30px rgba(var(--slot-color),.18),0 13px 25px rgba(0,0,0,.48),0 0 17px rgba(var(--slot-color),.15);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket:not(:disabled):active { translate: 0 1px; transform: scale(.985); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.empty { opacity: .42; filter: grayscale(.65); }body.theme-ashen .hero-premium-paperdoll .equipment-socket-head { grid-area: head; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-weapon { grid-area: weapon; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-offhand { grid-area: offhand; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-armor { grid-area: armor; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-gloves { grid-area: gloves; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-boots { grid-area: boots; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-label {
  z-index: 7;
  align-self: center;
  max-width: calc(100% - 8px);
  color: rgba(238,226,199,.88);
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(7px,2.15vw,9px);
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1;
  text-shadow: 0 1px 2px #000;
  white-space: normal;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-art {
  z-index: 3;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  place-items: center;
}body.theme-ashen .hero-premium-item-art {
  display: grid;
  place-items: center;
  width: 92%;
  height: 92%;
}body.theme-ashen .hero-premium-item-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 7px 5px rgba(0,0,0,.7));
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-level {
  z-index: 7;
  justify-self: end;
  align-self: end;
  padding-right: 2px;
  color: rgba(218,207,180,.82);
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(7px,2vw,9px);
  text-shadow: 0 1px 2px #000;
}body.theme-ashen .hero-premium-paperdoll .equipment-rarity-gem {
  z-index: 8;
  bottom: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid rgb(var(--slot-color));
  background: linear-gradient(135deg,rgba(var(--slot-color),.9),rgba(var(--slot-fill),1));
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.72),0 0 8px rgba(var(--slot-color),.48);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes {
  z-index: 8;
  right: 8px;
  bottom: 8px;
  gap: 2px;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes i {
  width: 6px;
  height: 6px;
  border-color: rgba(215,195,148,.52);
  background: rgba(3,6,5,.9);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.75);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes i.filled {
  background: rgb(var(--slot-color));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.13),0 0 5px rgba(var(--slot-color),.62);
}body.theme-ashen.screen-hero-active .hero-primary-stats,
body.theme-ashen.screen-hero-active .hero-combat-details {
  border-color: rgba(151,119,64,.43);
  background: linear-gradient(180deg,rgba(8,15,12,.97),rgba(3,8,6,.99));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.016);
}body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span {
  border-color: rgba(139,111,61,.24);
  background: linear-gradient(180deg,rgba(8,15,12,.87),rgba(3,8,6,.9));
}body.theme-ashen.screen-hero-active .hero-primary-stats-grid strong {
  color: var(--hero-cream);
  text-shadow: 0 1px 3px #000;
}@media (max-width:374px) {
  body.theme-ashen .hero-equipment-board { min-height: 392px; }
  body.theme-ashen .hero-premium-paperdoll {
    --hero-slot-w: 68px;
    --hero-slot-h: 88px;
    grid-template-columns: 68px minmax(108px,1fr) 68px;
    grid-template-rows: 88px minmax(88px,1fr) minmax(88px,1fr) 88px;
    gap: 2px 4px;
    padding: 5px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width: 120px; min-height: 180px; }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img { max-height: 245px; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket { padding: 8px 5px 7px; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-label { font-size: 6.4px; letter-spacing: .045em; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-level { font-size: 7px; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes { right: 5px; bottom: 7px; }
}@media (min-width:375px) and (max-width:429px) {
  body.theme-ashen .hero-equipment-board { min-height: clamp(418px,112vw,460px); }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width: 148px; }
}@media (min-width:430px) {
  body.theme-ashen .hero-equipment-board { min-height: 475px; }
  body.theme-ashen .hero-premium-paperdoll {
    --hero-slot-w: 102px;
    --hero-slot-h: 121px;
    grid-template-columns: 102px minmax(150px,1fr) 102px;
    grid-template-rows: 121px minmax(104px,1fr) minmax(104px,1fr) 121px;
    column-gap: clamp(10px,3vw,18px);
    max-width: 560px;
    margin-inline: auto;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width: 186px; }
}@media (prefers-reduced-motion:reduce) {
  body.theme-ashen .hero-premium-paperdoll .equipment-socket { transition: none; }
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap picture {
  display: contents;
}/* Source replay: css/v0.9.20.css */body.theme-ashen .hero-premium-paperdoll {
  --paper-slot-w: clamp(66px, 19.5vw, 86px);
  --paper-slot-h: clamp(82px, 24vw, 103px);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-areas:
    ". head ."
    "weapon wanderer offhand"
    "armor wanderer gloves"
    ". boots .";
  grid-template-columns: var(--paper-slot-w) minmax(118px, 1fr) var(--paper-slot-w);
  grid-template-rows: var(--paper-slot-h) minmax(82px, 1fr) minmax(82px, 1fr) var(--paper-slot-h);
  gap: 4px clamp(7px, 2.2vw, 13px);
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: 10px clamp(8px, 2.2vw, 14px) 12px;
  isolation: isolate;
}body.theme-ashen .hero-equipment-board {
  min-height: clamp(372px, 103vw, 442px);
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit,
body.theme-ashen .inventory-paperdoll .equipment-orbit {
  z-index: -1;
  top: 50%;
  opacity: .42;
  border-color: rgba(145, 112, 59, .16);
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit-outer,
body.theme-ashen .inventory-paperdoll .equipment-orbit-outer {
  width: min(65vw, 304px);
  height: min(65vw, 304px);
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit-inner,
body.theme-ashen .inventory-paperdoll .equipment-orbit-inner {
  width: min(47vw, 222px);
  height: min(47vw, 222px);
  opacity: .42;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap,
body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap {
  grid-area: wanderer;
  position: relative;
  inset: auto;
  left: auto;
  top: auto;
  width: min(100%, 188px);
  height: 100%;
  min-height: 205px;
  translate: none;
  justify-self: center;
  align-self: stretch;
  display: grid;
  place-items: center;
  pointer-events: none;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap picture,
body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap picture {
  display: contents;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img,
body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap img {
  width: 112%;
  height: 112%;
  max-height: 320px;
  object-fit: contain;
  opacity: 1;
  filter:
    brightness(1.13)
    saturate(.58)
    contrast(1.08)
    drop-shadow(0 17px 18px rgba(0,0,0,.72));
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap span,
body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap span { display: none; }body.theme-ashen .hero-premium-paperdoll .equipment-socket,
body.theme-ashen .inventory-paperdoll .equipment-socket {
  --slot-color: 151, 145, 125;
  --slot-fill: 25, 27, 23;
  --slot-frame: url("../../assets/hero/slot-frame-common.svg");
  position: relative;
  inset: auto;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  translate: none;
  z-index: 4;
  justify-self: center;
  align-self: center;
  display: grid;
  grid-template-rows: 16px minmax(0,1fr) 17px;
  width: var(--paper-slot-w);
  height: var(--paper-slot-h);
  min-width: 0;
  min-height: 0;
  padding: 8px 7px 7px;
  overflow: visible;
  border: 0;
  border-radius: 3px;
  clip-path: none;
  background:
    radial-gradient(ellipse at 50% 45%, rgba(var(--slot-color), .20), transparent 57%),
    linear-gradient(160deg, rgba(var(--slot-fill), .96), rgba(2,5,4,.995));
  color: #e9dfc8;
  box-shadow:
    inset 0 0 23px rgba(var(--slot-color), .08),
    inset 0 0 0 1px rgba(225,204,157,.025),
    0 10px 18px rgba(0,0,0,.38),
    0 0 7px rgba(var(--slot-color), .06);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket::before,
body.theme-ashen .inventory-paperdoll .equipment-socket::before {
  content: "";
  position: absolute;
  z-index: 6;
  inset: -2px;
  border: 0;
  border-radius: 0;
  clip-path: none;
  background: var(--slot-frame) center/100% 100% no-repeat;
  pointer-events: none;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket::after,
body.theme-ashen .inventory-paperdoll .equipment-socket::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 8px;
  height: auto;
  border: 1px solid rgba(184,151,89,.14);
  border-radius: 2px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.025), transparent 28%),
    radial-gradient(circle at 50% 48%, rgba(var(--slot-color), .04), transparent 64%);
  pointer-events: none;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket.common,
body.theme-ashen .inventory-paperdoll .equipment-socket.common { --slot-frame:url("../../assets/hero/slot-frame-common.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.uncommon,
body.theme-ashen .inventory-paperdoll .equipment-socket.uncommon { --slot-color:92,184,88;--slot-fill:12,38,19;--slot-frame:url("../../assets/hero/slot-frame-uncommon.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.rare,
body.theme-ashen .inventory-paperdoll .equipment-socket.rare { --slot-color:71,151,202;--slot-fill:7,30,47;--slot-frame:url("../../assets/hero/slot-frame-rare.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.epic,
body.theme-ashen .inventory-paperdoll .equipment-socket.epic { --slot-color:174,92,202;--slot-fill:38,14,49;--slot-frame:url("../../assets/hero/slot-frame-epic.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.legendary,
body.theme-ashen .inventory-paperdoll .equipment-socket.legendary { --slot-color:208,145,52;--slot-fill:48,27,8;--slot-frame:url("../../assets/hero/slot-frame-legendary.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.mythic,
body.theme-ashen .inventory-paperdoll .equipment-socket.mythic { --slot-color:86,190,177;--slot-fill:9,39,37;--slot-frame:url("../../assets/hero/slot-frame-mythic.svg"); }body.theme-ashen .hero-premium-paperdoll .equipment-socket:not(:disabled):hover,
body.theme-ashen .inventory-paperdoll .equipment-socket:not(:disabled):hover {
  filter: brightness(1.06);
  box-shadow: inset 0 0 25px rgba(var(--slot-color),.12),0 11px 20px rgba(0,0,0,.42),0 0 10px rgba(var(--slot-color),.1);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket:not(:disabled):active,
body.theme-ashen .inventory-paperdoll .equipment-socket:not(:disabled):active { transform: translateY(1px) scale(.986); }body.theme-ashen .hero-premium-paperdoll .equipment-socket.empty,
body.theme-ashen .inventory-paperdoll .equipment-socket.empty { opacity: .34; filter: grayscale(.7); }body.theme-ashen .hero-premium-paperdoll .equipment-socket-head,
body.theme-ashen .inventory-paperdoll .equipment-socket-head { grid-area: head; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-weapon,
body.theme-ashen .inventory-paperdoll .equipment-socket-weapon { grid-area: weapon; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-offhand,
body.theme-ashen .inventory-paperdoll .equipment-socket-offhand { grid-area: offhand; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-armor,
body.theme-ashen .inventory-paperdoll .equipment-socket-armor { grid-area: armor; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-gloves,
body.theme-ashen .inventory-paperdoll .equipment-socket-gloves { grid-area: gloves; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-boots,
body.theme-ashen .inventory-paperdoll .equipment-socket-boots { grid-area: boots; align-self:end; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-label,
body.theme-ashen .inventory-paperdoll .equipment-socket-label {
  z-index: 7;
  align-self: center;
  max-width: calc(100% - 7px);
  overflow: hidden;
  color: rgba(236,225,198,.88);
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(6.5px,1.95vw,8.5px);
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 1px 2px #000;
  text-transform: uppercase;
  white-space: nowrap;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-art,
body.theme-ashen .inventory-paperdoll .equipment-socket-art {
  z-index: 3;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  place-items: center;
}body.theme-ashen .hero-premium-paperdoll .hero-premium-item-art,
body.theme-ashen .inventory-paperdoll .hero-premium-item-art {
  display:grid;
  place-items:center;
  width: 95%;
  height: 95%;
}body.theme-ashen .hero-premium-paperdoll .hero-premium-item-art img,
body.theme-ashen .inventory-paperdoll .hero-premium-item-art img {
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.67));
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-level,
body.theme-ashen .inventory-paperdoll .equipment-socket-level {
  z-index: 7;
  justify-self: end;
  align-self: end;
  min-width: 30px;
  padding: 2px 4px;
  border: 1px solid rgba(168,139,82,.18);
  border-radius: 5px;
  background: rgba(1,5,4,.78);
  color: rgba(224,213,186,.86);
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(7px,1.95vw,9px);
  line-height: 1;
  text-align:center;
  text-shadow:0 1px 2px #000;
}body.theme-ashen .hero-premium-paperdoll .equipment-rarity-gem,
body.theme-ashen .inventory-paperdoll .equipment-rarity-gem {
  z-index: 8;
  left: 50%;
  bottom: -5px;
  width: 9px;
  height: 9px;
  translate: -50% 0;
  rotate: 45deg;
  border: 1px solid rgb(var(--slot-color));
  background: linear-gradient(135deg,rgba(var(--slot-color),.85),rgba(var(--slot-fill),1));
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.72),0 0 5px rgba(var(--slot-color),.28);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes,
body.theme-ashen .inventory-paperdoll .equipment-socket-runes {
  z-index:8;
  right: 6px;
  bottom: 22px;
  gap:2px;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes i,
body.theme-ashen .inventory-paperdoll .equipment-socket-runes i {
  width:5px;
  height:5px;
  border-color:rgba(215,195,148,.5);
  background:rgba(3,6,5,.9);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes i.filled,
body.theme-ashen .inventory-paperdoll .equipment-socket-runes i.filled {
  background:rgb(var(--slot-color));
  box-shadow:0 0 4px rgba(var(--slot-color),.48);
}@media (max-width: 374px) {
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: 65px;
    --paper-slot-h: 82px;
    grid-template-columns: var(--paper-slot-w) minmax(110px,1fr) var(--paper-slot-w);
    grid-template-rows: var(--paper-slot-h) minmax(76px,1fr) minmax(76px,1fr) var(--paper-slot-h);
    gap: 3px 5px;
    padding: 8px 5px 10px;
  }
  body.theme-ashen .hero-equipment-board { min-height: 360px; }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap,
body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap { width:150px; min-height:190px; }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img,
body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap img { width:118%;height:118%;max-height:285px; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket,
body.theme-ashen .inventory-paperdoll .equipment-socket { padding:7px 5px 6px; grid-template-rows:14px minmax(0,1fr) 16px; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-label,
body.theme-ashen .inventory-paperdoll .equipment-socket-label { font-size:6.2px;letter-spacing:.035em; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-level,
body.theme-ashen .inventory-paperdoll .equipment-socket-level { min-width:27px;font-size:6.7px;padding:2px 3px; }
}@media (min-width: 375px) and (max-width: 429px) {
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width:178px; }
  body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap { width:164px; }
}@media (min-width: 430px) {
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: 90px;
    --paper-slot-h: 108px;
    grid-template-columns: var(--paper-slot-w) minmax(154px,1fr) var(--paper-slot-w);
    gap: 6px 16px;
    padding-inline:16px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width:205px; }
  body.theme-ashen .inventory-paperdoll .wanderer-silhouette-wrap { width:182px; }
}@media (prefers-reduced-motion: reduce) {
  body.theme-ashen .hero-premium-paperdoll .equipment-socket,
body.theme-ashen .inventory-paperdoll .equipment-socket { transition:none; }
}/* Source replay: css/v0.9.21.css */body.theme-ashen .hero-premium-paperdoll {
  --paper-slot-w: clamp(61px, 17.5vw, 77px);
  --paper-slot-h: clamp(77px, 21.5vw, 94px);
  grid-template-columns: var(--paper-slot-w) minmax(126px,1fr) var(--paper-slot-w);
  grid-template-rows: var(--paper-slot-h) minmax(72px,1fr) minmax(72px,1fr) var(--paper-slot-h);
  gap: 4px clamp(8px,2.6vw,15px);
  padding: 12px clamp(8px,2.4vw,15px) 14px;
}body.theme-ashen .hero-equipment-board {
  min-height: clamp(344px, 92vw, 397px);
  overflow: hidden;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket {
  grid-template-rows: 14px minmax(0,1fr) 16px;
  padding: 7px 6px 6px;
  box-shadow:
    inset 0 0 20px rgba(var(--slot-color),.07),
    inset 0 0 0 1px rgba(225,204,157,.02),
    0 8px 15px rgba(0,0,0,.36),
    0 0 4px rgba(var(--slot-color),.04);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket::before { inset:-1px; opacity:.84; }body.theme-ashen .hero-premium-paperdoll .equipment-socket::after { inset:7px; }body.theme-ashen .hero-premium-paperdoll .equipment-rarity-gem { display:none !important; }body.theme-ashen .hero-premium-paperdoll .equipment-socket-label {
  max-width:100%;
  overflow:visible;
  font-size:clamp(6.5px,1.8vw,8px);
  letter-spacing:.045em;
  text-overflow:clip;
  white-space:nowrap;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-level {
  min-width:28px;
  padding:2px 3px;
  font-size:clamp(6.8px,1.75vw,8.3px);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes {
  right:5px;
  bottom:19px;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
  width:min(100%,198px);
  min-height:198px;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img {
  width:118%;
  height:118%;
  max-height:310px;
  filter:brightness(1.2) saturate(.52) contrast(1.06) drop-shadow(0 15px 17px rgba(0,0,0,.7));
}@media (max-height: 839px) {
  body.theme-ashen .hero-equipment-board { min-height: 348px; }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: clamp(59px,17vw,70px);
    --paper-slot-h: clamp(74px,21vw,87px);
    grid-template-columns:var(--paper-slot-w) minmax(120px,1fr) var(--paper-slot-w);
    grid-template-rows:var(--paper-slot-h) minmax(68px,1fr) minmax(68px,1fr) var(--paper-slot-h);
    padding-block:10px 12px;
    gap:3px 7px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width:170px;min-height:184px; }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img { max-height:280px; }
}@media (max-width:374px) {
  body.theme-ashen .hero-equipment-board { min-height: 340px; }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w:60px;
    --paper-slot-h:76px;
    grid-template-columns:var(--paper-slot-w) minmax(112px,1fr) var(--paper-slot-w);
    grid-template-rows:var(--paper-slot-h) minmax(66px,1fr) minmax(66px,1fr) var(--paper-slot-h);
    gap:3px 5px;
    padding:9px 5px 11px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width:158px;min-height:176px; }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img { width:120%;height:120%;max-height:270px; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket { grid-template-rows:13px minmax(0,1fr) 15px;padding:6px 5px 5px; }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-label { font-size:6px; }
}@media (min-width:430px) {
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w:80px;
    --paper-slot-h:97px;
    grid-template-columns:var(--paper-slot-w) minmax(164px,1fr) var(--paper-slot-w);
    gap:5px 18px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width:214px; }
}/* Source replay: css/v0.9.22.css */@media (min-width: 900px) {
  body.theme-ashen.screen-hero-active .app {
    width: min(1120px, calc(100% - 32px));
  }
}body.theme-ashen.screen-hero-active .hero-profile-shell {
  padding: clamp(9px, 1.6vw, 15px);
  overflow: visible;
}body.theme-ashen.screen-hero-active .hero-profile-name { display: none; }body.theme-ashen.screen-hero-active .hero-tabs {
  margin: 0 0 10px;
  border-color: rgba(77,75,65,.45);
  background: rgba(5,8,7,.42);
}body.theme-ashen.screen-hero-active .hero-overview-card {
  margin-bottom: 10px;
  padding: 7px 8px;
  border-color: rgba(69,73,66,.42);
  background: rgba(5,10,8,.58);
}body.theme-ashen.screen-hero-active .hero-progress-summary {
  grid-template-columns: .72fr 1.1fr;
  gap: 6px;
}body.theme-ashen.screen-hero-active .hero-progress-summary > span {
  padding: 5px 7px;
  border: 0;
  border-radius: 7px;
  background: rgba(2,7,5,.56);
}body.theme-ashen.screen-hero-active .hero-xp-progress .bar { height: 5px; }body.theme-ashen .hero-dashboard {
  display: grid;
  gap: 10px;
  min-width: 0;
}body.theme-ashen .hero-visual-column,
body.theme-ashen .hero-data-column {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
}body.theme-ashen .hero-equipment-board {
  min-height: 338px;
  border-color: rgba(151,119,64,.34);
  border-radius: 13px;
  background:
    radial-gradient(circle at 50% 46%, rgba(64,112,98,.12), transparent 41%),
    linear-gradient(180deg, rgba(4,11,9,.96), rgba(2,6,5,.99));
  box-shadow: inset 0 0 45px rgba(0,0,0,.4);
}body.theme-ashen .hero-equipment-board::after { inset: 6px; opacity: .58; }body.theme-ashen .hero-premium-paperdoll {
  --paper-slot-w: 58px;
  --paper-slot-h: 66px;
  grid-template-columns: var(--paper-slot-w) minmax(130px,1fr) var(--paper-slot-w);
  grid-template-rows: var(--paper-slot-h) minmax(72px,1fr) minmax(72px,1fr) var(--paper-slot-h);
  gap: 2px 7px;
  padding: 8px 7px 10px;
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit-outer {
  width: min(68vw, 270px);
  height: min(68vw, 270px);
  opacity: .28;
}body.theme-ashen .hero-premium-paperdoll .equipment-orbit-inner {
  width: min(48vw, 190px);
  height: min(48vw, 190px);
  opacity: .26;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
  width: min(100%, 174px);
  min-height: 184px;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img {
  width: 116%;
  height: 116%;
  max-height: 278px;
  filter: brightness(1.17) saturate(.48) contrast(1.06) drop-shadow(0 14px 15px rgba(0,0,0,.68));
}body.theme-ashen .hero-premium-paperdoll .equipment-socket {
  grid-template-rows: minmax(0,1fr) 14px;
  width: var(--paper-slot-w);
  height: var(--paper-slot-h);
  padding: 6px 5px 5px;
  border-radius: 7px;
  background:
    radial-gradient(circle at 50% 44%, rgba(var(--slot-color),.15), transparent 60%),
    rgba(3,8,6,.94);
  box-shadow: inset 0 0 14px rgba(var(--slot-color),.07), 0 6px 12px rgba(0,0,0,.3);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket::before {
  inset: -1px;
  opacity: .66;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket::after {
  inset: 5px;
  border-color: rgba(var(--slot-color),.08);
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-art {
  grid-row: 1;
  width: 100%;
  height: 100%;
}body.theme-ashen .hero-premium-paperdoll .hero-premium-item-art {
  width: 88%;
  height: 88%;
}body.theme-ashen .hero-premium-paperdoll .hero-premium-item-art img {
  filter: drop-shadow(0 5px 5px rgba(0,0,0,.62));
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-level {
  grid-row: 2;
  justify-self: center;
  align-self: center;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 7px;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes {
  right: 4px;
  bottom: 16px;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes i {
  width: 4px;
  height: 4px;
}body.theme-ashen .hero-premium-paperdoll .equipment-socket.empty {
  opacity: .24;
}body.theme-ashen.screen-hero-active .hero-primary-stats,
body.theme-ashen.screen-hero-active details.hero-combat-details {
  margin: 0;
  border-color: rgba(151,119,64,.3);
  border-radius: 11px;
  background: rgba(3,9,7,.72);
  box-shadow: none;
}body.theme-ashen.screen-hero-active .hero-primary-stats {
  padding: 9px;
}body.theme-ashen.screen-hero-active .hero-primary-stats-head {
  padding: 0 2px 7px;
  border-bottom: 1px solid rgba(151,119,64,.18);
}body.theme-ashen.screen-hero-active .hero-primary-stats-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 0;
}body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span {
  padding: 9px 4px 7px;
  border: 0;
  border-right: 1px solid rgba(139,111,61,.16);
  border-bottom: 1px solid rgba(139,111,61,.16);
  border-radius: 0;
  background: transparent;
}body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span:nth-child(3n) { border-right: 0; }body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span:nth-last-child(-n+3) { border-bottom: 0; }body.theme-ashen.screen-hero-active .hero-primary-stats-grid strong { font-size: 18px; }body.theme-ashen.screen-hero-active .hero-equipment-hint {
  margin: 0;
  color: #727d77;
  font-size: 9px;
}@media (min-width: 900px) {
  body.theme-ashen .hero-dashboard {
    grid-template-columns: minmax(430px, 1.24fr) minmax(310px, .76fr);
    align-items: start;
    gap: 16px;
  }
  body.theme-ashen .hero-equipment-board { min-height: 548px; }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: 82px;
    --paper-slot-h: 96px;
    grid-template-columns: var(--paper-slot-w) minmax(220px,1fr) var(--paper-slot-w);
    grid-template-rows: var(--paper-slot-h) minmax(120px,1fr) minmax(120px,1fr) var(--paper-slot-h);
    gap: 4px 18px;
    padding: 13px 18px 16px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
    width: min(100%, 285px);
    min-height: 310px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img {
    width: 111%;
    height: 111%;
    max-height: 470px;
  }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-level { font-size: 8px; }
  body.theme-ashen .hero-data-column {
    position: sticky;
    top: 12px;
  }
  body.theme-ashen.screen-hero-active .hero-primary-stats-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span:nth-child(3n) { border-right: 1px solid rgba(139,111,61,.16); }
  body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span:nth-child(2n) { border-right: 0; }
  body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span:nth-last-child(-n+3) { border-bottom: 1px solid rgba(139,111,61,.16); }
  body.theme-ashen.screen-hero-active .hero-primary-stats-grid > span:nth-last-child(-n+2) { border-bottom: 0; }
}@media (max-width: 374px) {
  body.theme-ashen .hero-equipment-board { min-height: 320px; }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: 52px;
    --paper-slot-h: 61px;
    grid-template-columns: var(--paper-slot-w) minmax(116px,1fr) var(--paper-slot-w);
    grid-template-rows: var(--paper-slot-h) minmax(68px,1fr) minmax(68px,1fr) var(--paper-slot-h);
    gap: 1px 5px;
    padding: 6px 5px 8px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
    width: 156px;
    min-height: 172px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img {
    max-height: 252px;
  }
  body.theme-ashen.screen-hero-active .hero-primary-stats-grid strong { font-size: 16px; }
}@media (max-height: 760px) and (max-width: 759px) {
  body.theme-ashen .hero-equipment-board { min-height: 306px; }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: 51px;
    --paper-slot-h: 59px;
    grid-template-rows: var(--paper-slot-h) minmax(64px,1fr) minmax(64px,1fr) var(--paper-slot-h);
    padding-block: 5px 7px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap { width: 150px; min-height: 166px; }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img { max-height: 242px; }
}@media (prefers-reduced-motion: reduce) {
  body.theme-ashen .hero-premium-paperdoll .equipment-socket { transition: none; }
}/* Source replay: css/v0.9.23.css */@media (max-width: 759px) {
  body.theme-ashen .hero-equipment-board { min-height: clamp(330px, 43dvh, 382px); }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: clamp(52px, 15.3vw, 60px);
    --paper-slot-h: clamp(61px, 17.5vw, 69px);
    grid-template-columns: var(--paper-slot-w) minmax(120px,1fr) var(--paper-slot-w);
    grid-template-rows: var(--paper-slot-h) minmax(70px,1fr) minmax(70px,1fr) var(--paper-slot-h);
    gap: 2px clamp(5px,2vw,8px);
    padding: 7px 6px 9px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
    width: clamp(158px, 48vw, 188px);
    min-height: clamp(174px, 50vw, 205px);
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img {
    max-height: clamp(252px, 72vw, 292px);
  }
}@media (max-height: 760px) and (max-width: 759px) {
  body.theme-ashen .hero-equipment-board { min-height: clamp(326px, 43dvh, 350px); }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: clamp(51px, 15.2vw, 58px);
    --paper-slot-h: clamp(60px, 17.2vw, 67px);
    grid-template-rows: var(--paper-slot-h) minmax(68px,1fr) minmax(68px,1fr) var(--paper-slot-h);
    padding-block: 6px 8px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
    width: clamp(156px, 47vw, 180px);
    min-height: 172px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img { max-height: 274px; }
}@media (min-width: 1180px) {
  body.theme-ashen.screen-hero-active { padding-bottom: 24px; }
  body.theme-ashen.screen-hero-active .app {
    width: min(1220px, calc(100% - 126px));
    margin-left: 104px;
    margin-right: auto;
    padding-bottom: 24px;
  }
  body.theme-ashen.screen-hero-active .bottom-nav {
    left: 18px;
    right: auto;
    top: 50%;
    bottom: auto;
    width: 70px;
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px 5px;
    transform: translateY(-50%);
    border: 1px solid rgba(91,82,63,.7);
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), inset 0 1px rgba(183,154,98,.04);
  }
  body.theme-ashen.screen-hero-active .nav-button {
    min-height: 58px;
    padding: 5px 2px;
    border-radius: 9px;
    font-size: 8px;
  }
  body.theme-ashen.screen-hero-active .nav-button .nav-glyph { font-size: 20px; line-height: 23px; }
  body.theme-ashen.screen-hero-active .nav-button.active { background: rgba(43,67,57,.36); }
  body.theme-ashen.screen-hero-active .nav-button.active::before {
    top: 20%;
    bottom: 20%;
    left: -5px;
    right: auto;
    width: 2px;
    height: auto;
  }

  body.theme-ashen .hero-dashboard {
    grid-template-columns: minmax(520px, 1.18fr) minmax(360px, .82fr);
    gap: 18px;
  }
  body.theme-ashen .hero-equipment-board { min-height: 590px; }
  body.theme-ashen .hero-data-column { gap: 12px; }
  body.theme-ashen details.hero-combat-details > .hero-combat-details-grid {
    display: grid !important;
    grid-template-columns: 1fr;
    padding: 0 10px 10px;
  }
  body.theme-ashen details.hero-combat-details > summary { cursor: default; pointer-events: none; }
  body.theme-ashen details.hero-combat-details > summary b { display: none; }
}/* Source replay: css/v0.9.24.css */@media (max-width: 759px) {
  @supports (height: 100dvh) {
    body.theme-ashen.screen-hero-active {
      height: 100dvh;
      min-height: 100dvh;
      overflow: hidden;
    }
    body.theme-ashen.screen-hero-active .app {
      height: 100dvh;
      max-height: 100dvh;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-y: contain;
      box-sizing: border-box;
      padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px);
      scroll-padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px);
    }
  }

  body.theme-ashen.screen-hero-active .hero-profile-shell {
    padding: 6px;
    padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 20px);
  }
  body.theme-ashen.screen-hero-active .hero-tabs { margin-bottom: 6px; }
  body.theme-ashen.screen-hero-active .hero-tab-button {
    min-height: 38px;
    padding-block: 6px;
  }
  body.theme-ashen.screen-hero-active .hero-overview-card {
    margin-bottom: 7px;
    padding: 5px 6px;
  }
  body.theme-ashen.screen-hero-active .hero-progress-summary > span { padding: 4px 6px; }
  body.theme-ashen.screen-hero-active .hero-dashboard { gap: 7px; }
  body.theme-ashen.screen-hero-active .hero-visual-column,
body.theme-ashen.screen-hero-active .hero-data-column { gap: 7px; }
  body.theme-ashen .hero-equipment-board { min-height: clamp(292px, 39dvh, 344px); }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: clamp(50px, 14.8vw, 58px);
    --paper-slot-h: clamp(59px, 17vw, 67px);
    grid-template-columns: var(--paper-slot-w) minmax(116px,1fr) var(--paper-slot-w);
    grid-template-rows: var(--paper-slot-h) minmax(61px,1fr) minmax(61px,1fr) var(--paper-slot-h);
    padding: 5px 5px 7px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
    width: clamp(150px, 46vw, 180px);
    min-height: 166px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img {
    max-height: clamp(238px, 67vw, 272px);
  }
  body.theme-ashen.screen-hero-active .hero-equipment-hint {
    padding-inline: 3px;
    font-size: 8px;
    line-height: 1.3;
  }
}@media (max-width: 420px) and (max-height: 760px) {
  body.theme-ashen .hero-equipment-board { min-height: 292px; }
  body.theme-ashen .hero-premium-paperdoll {
    --paper-slot-w: 50px;
    --paper-slot-h: 58px;
    grid-template-rows: 58px minmax(60px,1fr) minmax(60px,1fr) 58px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap {
    width: 148px;
    min-height: 162px;
  }
  body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img { max-height: 236px; }
}/* Source replay: css/v0.9.28.css */.account-settings-card{margin-bottom:14px}.account-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-settings-row span{min-width:0;overflow-wrap:anywhere;color:#c8c3b6}@media(max-width:480px){.account-settings-row{align-items:flex-start;flex-direction:column}.account-settings-row button{width:100%}}/* Source replay: css/ui-system.css */body.theme-ashen .hero-tabs{
  display:grid;
  gap:4px;
  margin:0 0 12px;
  padding:4px;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius-md);
  background:linear-gradient(180deg,var(--ui-tabs-surface),rgba(16,19,18,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  overflow:visible;
}body.theme-ashen .hero-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}body.theme-ashen .hero-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:var(--ui-control-height);
  padding:8px 7px;
  border:1px solid transparent;
  border-radius:var(--ui-radius-sm);
  background:var(--ui-tab-idle);
  color:#aeb7b2;
  font:800 11px/1.1 system-ui,sans-serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:none;
}body.theme-ashen .hero-tab.active{
  border-color:var(--ui-border-strong);
  background:linear-gradient(180deg,var(--ui-accent-bg),rgba(11,31,27,.9));
  color:#ecf8f4;
  box-shadow:inset 0 1px rgba(222,255,247,.1),0 0 0 1px rgba(101,199,180,.07);
}body.theme-ashen .equipment-socket.locked{
  cursor:pointer;
  opacity:.72;
  filter:saturate(.55);
}body.theme-ashen .equipment-socket.locked .equipment-socket-level{
  max-width:94px;
  white-space:normal;
  line-height:1.1;
  text-align:center;
}@media(max-width:479px){
  body.theme-ashen .hero-tab{
    min-height:38px;
    padding:7px 3px;
    font-size:9px;
  }
}@media(max-width:359px){
  body.theme-ashen .hero-tab{font-size:8px;letter-spacing:-.02em}
}@media(min-width:768px){
  body.theme-ashen.screen-hero-active .screen-panel{
    padding:16px;
  }
}/* Source replay: css/v0.9.49.css */body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap{
  overflow:hidden;
  padding:6px 8px 8px;
  border-radius:16px;
  box-sizing:border-box;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap picture{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
}body.theme-ashen .hero-premium-paperdoll .wanderer-silhouette-wrap img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
  object-position:center 48%;
}@media (pointer:coarse){
  body.theme-ashen :is(.section-tab,.hero-tab,.path-tab-button,.inventory-mode-tab,.shop-section-tab,.inventory-category-button,.shop-type-button,.client-refresh-button){
    min-height:var(--ui-touch-target);
  }
}@media (max-width:479px){
  body.theme-ashen :is(.section-tab,.hero-tab,.path-tab-button,.inventory-mode-tab,.shop-section-tab){
    padding-inline:4px;
    font-size:10.5px;
    line-height:1.15;
  }
}@media (max-width:359px){
  body.theme-ashen :is(.section-tab,.hero-tab,.path-tab-button,.inventory-mode-tab,.shop-section-tab){
    font-size:9.5px;
  }
}body.theme-ashen:is( .screen-battle-active, .screen-map-active, .screen-ruins-active, .screen-inventory-active, .screen-shop-active, .screen-hero-active ) :is(button.primary,button.secondary,button.danger,a.button-link){
  box-sizing:border-box;
  min-width:0;
  height:var(--ui-button-standard-height);
  min-height:var(--ui-button-standard-height);
  max-height:var(--ui-button-standard-height);
  padding:0 12px;
  border-radius:var(--ui-button-radius);
  font-size:var(--ui-button-font-size);
  line-height:1.15;
  overflow:hidden;
  text-wrap:balance;
}body.theme-ashen :is( .section-tab, .hero-tab, .path-tab-button, .inventory-mode-tab, .shop-section-tab ){
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding-block:0!important;
  padding-inline:8px;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}body.theme-ashen:is( .screen-battle-active, .screen-map-active, .screen-ruins-active, .screen-inventory-active, .screen-shop-active, .screen-hero-active ) button.compact-button{
  height:44px;
  min-height:44px;
  max-height:44px;
  padding:0 11px;
  font-size:12px;
  line-height:1.1;
}@media (max-width:479px){
  body.theme-ashen:is( .screen-battle-active, .screen-map-active, .screen-ruins-active, .screen-inventory-active, .screen-shop-active, .screen-hero-active ) :is(button.primary,button.secondary,button.danger,a.button-link){
    padding-inline:9px;
    font-size:12px;
  }
  body.theme-ashen :is( .section-tab, .hero-tab, .path-tab-button, .inventory-mode-tab, .shop-section-tab ){
    padding-inline:4px!important;
    font-size:10.5px;
    letter-spacing:-.01em;
  }
}@media (max-width:359px){
  body.theme-ashen :is( .section-tab, .hero-tab, .path-tab-button, .inventory-mode-tab, .shop-section-tab ){
    font-size:9.5px!important;
    letter-spacing:-.025em;
  }
}@media (min-width:768px){
  body.theme-ashen:is( .screen-battle-active, .screen-map-active, .screen-ruins-active, .screen-inventory-active, .screen-shop-active, .screen-hero-active ) :is(button.primary,button.secondary,button.danger,a.button-link){
    padding-inline:14px;
  }
  body.theme-ashen :is( .section-tab, .hero-tab, .path-tab-button, .inventory-mode-tab, .shop-section-tab ){
    padding-inline:10px;
  }
}body.theme-ashen.screen-hero-active #screenHero > .screen-panel {
  border-color: var(--ui-main-section-border);
  background: var(--ui-main-section-background);
}.account-settings-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:540px){.account-settings-row{align-items:flex-start;gap:12px}.account-settings-actions{width:100%;justify-content:stretch}.account-settings-actions button{flex:1}}/* Source replay: css/v0.10.0-rc37.css */body.theme-ashen .hero-tabs{
  gap:max(3px,calc(var(--ff-section-gap) - 4px))!important;
  margin-bottom:calc(var(--ff-section-gap) + 1px)!important;
  padding:max(3px,calc(var(--ff-section-gap) - 4px))!important;
  border-radius:var(--ff-panel-radius)!important;
}body.theme-ashen .hero-tab{
  min-height:var(--ff-tab-height)!important;
  padding:6px 5px!important;
}body.theme-ashen .hero-dashboard,
body.theme-ashen .hero-profile-shell,
body.theme-ashen .hero-data-column,
body.theme-ashen .hero-visual-column{
  gap:var(--ff-card-gap)!important;
}body.theme-ashen .hero-settings-section,
body.theme-ashen .hero-overview-card{
  padding:var(--ff-card-padding)!important;
}body.theme-ashen .hero-primary-stats-head,
body.theme-ashen .hero-combat-details-head{
  gap:var(--ff-section-gap)!important;
}body.theme-ashen .hero-dashboard,
body.theme-ashen .hero-profile-shell{gap:var(--ff-card-gap)!important}body.theme-ashen .hero-overview-card,
body.theme-ashen .hero-equipment-board,
body.theme-ashen .hero-primary-stats,
body.theme-ashen .hero-combat-details{padding:var(--ff-card-padding)!important}body.theme-ashen .hero-primary-stats-grid,
body.theme-ashen .hero-combat-details-grid{gap:max(4px,calc(var(--ff-card-gap) - 2px))!important}@media(max-width:479px){

  html[data-ui-density="compact"] body.theme-ashen .hero-profile-name{font-size:20px!important}
  html[data-ui-density="ultra"] body.theme-ashen .hero-profile-name{font-size:18px!important}
  html[data-ui-density="ultra"] body.theme-ashen .hero-equipment-board{min-height:0!important}
}/* Source replay: css/v0.10.0-rc42.css */@media(max-width:520px) and (min-height:761px){
  body.theme-ashen .hero-equipment-board{min-height:350px!important}
  body.theme-ashen .hero-premium-paperdoll{
    --paper-slot-w:66px!important;
    --paper-slot-h:76px!important;
    grid-template-columns:var(--paper-slot-w) minmax(116px,1fr) var(--paper-slot-w)!important;
    grid-template-rows:var(--paper-slot-h) minmax(67px,1fr) minmax(67px,1fr) var(--paper-slot-h)!important;
    gap:2px 6px!important;
    padding:8px 6px 10px!important;
  }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket{
    min-width:48px!important;
    min-height:48px!important;
    padding:6px 5px!important;
  }
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-level{font-size:8px!important}
  body.theme-ashen .hero-premium-paperdoll .equipment-socket-runes i{width:5px!important;height:5px!important}
}@media(max-width:374px) and (min-height:761px){
  body.theme-ashen .hero-equipment-board{min-height:336px!important}
  body.theme-ashen .hero-premium-paperdoll{
    --paper-slot-w:58px!important;
    --paper-slot-h:68px!important;
    grid-template-columns:var(--paper-slot-w) minmax(112px,1fr) var(--paper-slot-w)!important;
    grid-template-rows:var(--paper-slot-h) minmax(66px,1fr) minmax(66px,1fr) var(--paper-slot-h)!important;
    gap:1px 5px!important;
    padding:6px 5px 8px!important;
  }
}@media(max-height:760px) and (max-width:520px){
  body.theme-ashen .hero-premium-paperdoll{
    --paper-slot-w:56px!important;
    --paper-slot-h:65px!important;
  }
}/* Source replay: css/v0.10.0-rc43.css */.audio-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.audio-setting-row>span{display:grid;gap:3px;min-width:0}.audio-setting-row strong{color:#e7dfcf;font-size:13px}.audio-setting-row small{color:#929a94;font-size:10px;line-height:1.35}.audio-setting-row input{flex:0 0 auto;width:20px;height:20px;accent-color:#5bbf86}/* Consolidated from 23 active historical files: 584 rules, 650 selectors, 0 keyframes. */

/* RC71: realistic checkpoint profile summary. */
body.theme-ashen .developer-checkpoint-snapshot{display:grid;gap:6px;margin:0 0 12px;padding:9px 10px;border:1px solid rgba(83,96,90,.48);border-radius:9px;background:rgba(7,11,10,.46)}body.theme-ashen .developer-checkpoint-snapshot:empty{display:none}body.theme-ashen .developer-checkpoint-snapshot div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:start}body.theme-ashen .developer-checkpoint-snapshot span{color:#7f8a85;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}body.theme-ashen .developer-checkpoint-snapshot strong{min-width:0;color:#c5ccc8;font-size:11px;line-height:1.35;font-weight:700}@media(max-width:420px){body.theme-ashen .developer-checkpoint-snapshot div{grid-template-columns:68px minmax(0,1fr)}}