.axis-ranking-modal {
  width: 97vw !important;
  max-width: 1760px !important;
  height: 96vh !important;
  max-height: 1160px !important;
  overflow: clip !important;
}
.axis-ranking-backdrop {
  padding: 12px !important;
}
.axis-ep39-equipment-tabs {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 12px;
}
.axis-ep39-equipment-panel {
  position: relative;
  width: 100%;
  max-width: 580px;
  margin: auto;
}
.axis-ep39-equipment-tabs button {
  border: 1px solid #ffffff20;
  border-radius: 8px;
  padding: 9px 10px;
  font-size: 11px;
  color: #bbc9c3;
  background: #ffffff05;
}
.axis-ep39-equipment-tabs button.active {
  border-color: #56a58088;
  background: #3b8c6e30;
  color: #d5f3e2;
}
.axis-ep39-other-equipment {
  display: flex;
  justify-content: center;
  gap: 32px;
}
.axis-ep39-other-column {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.axis-ep39-myth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  grid-template-rows: minmax(0, 1fr);
  gap: 12px;
  padding-right: 16px;
  align-items: start;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.axis-ep39-myth-tree {
  min-width: 0;
  max-height: 100%;
  overflow-x: auto;
}
.axis-ep39-myth-status {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.axis-ep39-myth-status > * {
  flex-shrink: 0;
}
.axis-ep39-status {
  padding: 17px;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffffff05, #0003);
}
.axis-ep39-status h3 {
  font-size: 12px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #c1d4c8;
  margin: 0 0 14px;
}
.axis-ep39-status table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}
.axis-ep39-status td {
  padding: 7px 0;
  border-bottom: 1px solid #ffffff09;
  vertical-align: top;
}
.axis-ep39-status td:first-child {
  color: #bbc4bf;
  padding-right: 10px;
}
.axis-ep39-status td:last-child {
  text-align: right;
  white-space: nowrap;
  color: #f5b46b;
  font-variant-numeric: tabular-nums;
}
.axis-ep39-status li {
  font-size: 12px;
  color: #e5b878;
  padding: 5px 0;
}
.axis-ep39-split {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  margin: 10px 0;
  color: #b8c3bd;
}
.axis-ep39-split strong {
  color: #d7b0f5;
}
.axis-ep39-stigma progress {
  width: 100%;
  height: 6px;
  accent-color: #b469df;
}
.axis-ep39-muted {
  font-size: 11px;
  color: #9aa9a2;
  line-height: 1.6;
  margin-top: 14px;
}
.axis-ep39-notice {
  padding: 32px;
  color: #bbc8c1;
  text-align: center;
  font-size: 14px;
}
.axis-ep39-notice button {
  color: #a5d7b7;
  text-decoration: underline;
  margin-left: 8px;
}
.axis-ep39-warning {
  border: 1px solid #c29b4860;
  border-radius: 8px;
  background: #98701a18;
  color: #dfc388;
  font-size: 11px;
  line-height: 1.6;
  padding: 12px;
  margin-bottom: 12px;
}
.axis-ep39-warning ul { margin: 5px 0 0; padding-left: 16px; list-style: disc; }
.axis-ep39-anima {
  padding: 24px;
  max-width: 1500px;
  margin: auto;
  height: 100%;
  overflow: auto;
}
.axis-ep39-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}
.axis-ep39-eyebrow {
  font-size: 10px;
  color: #6fab8a;
  letter-spacing: 0.17em;
  font-weight: 700;
}
.axis-ep39-section-heading h2,
.axis-ep39-pass h2 {
  font-size: 25px;
  font-weight: 600;
  color: #e3eae6;
  margin: 6px 0;
}
.axis-ep39-section-heading p,
.axis-ep39-pass p {
  font-size: 12px;
  color: #96a49c;
  line-height: 1.7;
}
.axis-ep39-refresh {
  border: 1px solid #44856877;
  background: #24523f66;
  color: #bde1cb;
  border-radius: 7px;
  padding: 8px 15px;
  font-size: 12px;
}
.axis-ep39-preset-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
.axis-ep39-preset-tabs button {
  border: 1px solid #ffffff15;
  border-radius: 7px;
  padding: 10px 14px;
  color: #9daca3;
  font-size: 12px;
  background: #ffffff04;
  display: flex;
  gap: 10px;
  align-items: center;
}
.axis-ep39-preset-tabs button.active {
  border-color: #6ab38c88;
  background: #21533c55;
  color: #dcece1;
}
.axis-ep39-preset-tabs small {
  color: #88d3a6;
  font-size: 9px;
  text-transform: uppercase;
}
.axis-ep39-anima-layout {
  display: grid;
  grid-template-columns: minmax(400px, 1fr) 300px;
  gap: 24px;
}
.axis-ep39-anima-categories {
  display: grid;
  gap: 12px;
}
.axis-ep39-anima-category {
  --anima: #46c7aa;
  background: linear-gradient(115deg, #101916, #08100d);
  border: 1px solid color-mix(in srgb, var(--anima) 35%, transparent);
  border-left: 3px solid var(--anima);
  border-radius: 9px;
  padding: 14px 20px 18px;
  box-shadow: inset 0 0 45px color-mix(in srgb, var(--anima) 6%, transparent);
}
.axis-ep39-anima-category-1 {
  --anima: #d99b4a;
}
.axis-ep39-anima-category-2 {
  --anima: #498de3;
}
.axis-ep39-anima-category-3 {
  --anima: #d36570;
}
.axis-ep39-anima-category.locked {
  opacity: 0.45;
}
.axis-ep39-anima-category header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.axis-ep39-anima-category h3 {
  color: var(--anima);
  font-size: 13px;
  font-weight: 600;
}
.axis-ep39-anima-category header span {
  font-size: 10px;
  color: #91a098;
}
.axis-ep39-anima-slots {
  display: grid;
  grid-template-columns: repeat(10, 66px);
  gap: 7px;
}
.axis-ep39-anima-slot {
  position: relative;
  min-width: 0;
  width: 66px;
  height: 76px;
}
.axis-ep39-anima-frame {
  display: block;
  width: 66px;
  height: 76px;
}
.axis-ep39-anima-force {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.axis-ep39-anima-slot.empty .axis-ep39-anima-frame {
  opacity: 0.5;
}
.axis-ep39-anima-slot.inactive {
  opacity: 0.4;
}
.axis-ep39-anima-tooltip {
  display: none;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  background: #09110f;
  border: 1px solid var(--anima);
  border-radius: 6px;
  padding: 9px 12px;
  color: #e1e8e4;
  font-size: 11px;
  white-space: nowrap;
  z-index: 10;
  box-shadow: 0 4px 20px #0009;
}
.axis-ep39-anima-tooltip small {
  display: block;
  color: #9da69f;
  margin-top: 4px;
}
.axis-ep39-anima-slot:hover .axis-ep39-anima-tooltip,
.axis-ep39-anima-slot:focus .axis-ep39-anima-tooltip {
  display: block;
}
.axis-ep39-footnote {
  font-size: 10px;
  color: #718279;
  line-height: 1.5;
  margin-top: 20px;
}
.axis-ep39-pass {
  padding: 70px 30px;
  text-align: center;
  max-width: 650px;
  margin: auto;
}
.axis-ep39-pass .axis-ep39-refresh {
  margin-top: 24px;
}
.axis-ep39-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.axis-ep39-magic-tech {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #ffffff26;
  color: #c5a4e5;
  font-size: 12px;
}
.axis-ep39-magic-tech h5 { color: #ddb0ff; font-weight: 600; }
.axis-ep39-magic-tech p { color: #ffffff80; margin: 7px 0 3px; font-size: 11px; }
.axis-ep39-magic-tech div div { display: flex; justify-content: space-between; gap: 12px; }
.axis-ep39-magic-tech small { color: #e1ce8d; white-space: nowrap; }
.axis-activity-tab-shell { position:relative; display:inline-flex; margin-left:-12px; flex-shrink:0; }
.axis-activity-top-tab { padding:10px 25px; border:1px solid #ffffff1a; clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%); background:#ffffff08; color:#ffffff99; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.axis-activity-beta { position:absolute; top:-7px; right:10px; z-index:3; padding:1px 4px; border:1px solid #d8fba76e; border-radius:3px; background:#172719; color:#e2ffc6; font-size:8px; font-weight:800; letter-spacing:.1em; line-height:1.3; pointer-events:none; text-shadow:0 0 7px #d1ffad; animation:axis-beta-glow 2.8s ease-in-out infinite alternate; }
@keyframes axis-beta-glow { from { opacity:.72; } to { opacity:1; } }
.axis-native-icon.axis-rune-icon { width:38px; height:38px; flex:0 0 38px; margin:1px; }
.axis-activity-top-tab:hover { color:#fff; background:#ffffff15; }
.axis-activity-top-tab.active { color:#fff; background:#059669dd; border-color:#34d39966; }
.axis-activity-top-tab:focus-visible,.axis-activities button:focus-visible,.axis-activities select:focus-visible { outline:2px solid #6ee7b7; outline-offset:2px; }
.axis-activities { height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; color:#c9d4cd; }
.axis-activities-body { flex:1; min-height:0; overflow-y:auto; padding:24px 30px; overscroll-behavior:contain; }
.axis-activity-subtabs { flex:0 0 auto; overflow-x:auto; border-bottom:1px solid #ffffff1a; background:#0a0a0acc; padding:8px 16px; }
.axis-activity-subtabs>div { display:flex; gap:4px; align-items:center; min-width:max-content; }
.axis-activity-subtabs button,.axis-auction-views button { display:flex; align-items:center; gap:6px; border:1px solid transparent; border-radius:8px; padding:8px 12px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; white-space:nowrap; color:#ffffff66; transition:background-color .2s,color .2s,border-color .2s; }
.axis-activity-subtabs button:hover,.axis-auction-views button:hover { color:#ffffffcc; background:#ffffff0d; }
.axis-activity-subtabs button.active,.axis-auction-views button.active { color:#6ee7b7; border-color:#10b98166; background:#10b98126; box-shadow:inset 0 0 10px #10b9811f; }
.axis-activity-subtabs button:focus-visible { outline:2px solid #6ee7b7; outline-offset:1px; }
.axis-auction-views { display:flex; flex-wrap:wrap; gap:5px; padding:8px 0; }
.axis-auction-table { min-width:800px; }
.axis-auction-table th:first-child { width:40%; }
.axis-auction-table td:nth-child(2) dl,.axis-auction-table td:nth-child(3) dl { display:block; }
.axis-auction-table td dl>div { display:block; margin:0 0 8px; }
.axis-auction-table dt { margin-bottom:2px; }
.axis-auction-status { display:inline-block; color:#acc8b5; font-size:10px; padding:3px 6px; background:#ffffff07; border:1px solid #ffffff12; border-radius:3px; margin-bottom:6px; }
.axis-activities .axis-ep39-section-heading { margin-bottom:12px; }
.axis-activity-limits { color:#829c8d; font-size:11px; line-height:1.6; }
.axis-activity-categories { display:flex; flex-wrap:wrap; gap:8px; padding:20px 0 16px; }
.axis-activity-categories button { border:1px solid #ffffff1a; border-radius:8px; padding:10px 15px; background:#ffffff04; text-align:left; min-width:110px; }
.axis-activity-categories button span { display:block; font-size:12px; font-weight:600; }
.axis-activity-categories button small { color:#80958a; font-size:9px; }
.axis-activity-categories button:hover { border-color:#72bd9b66; }
.axis-activity-categories button.active { background:#3b8c6e30; border-color:#56a58088; color:#d5f3e2; }
.axis-activity-tools { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; padding:12px 0; font-size:11px; color:#8fa598; }
.axis-activity-tools select { margin-left:8px; padding:5px 10px; border:1px solid #ffffff26; border-radius:4px; background:#14201b; color:#d8e9de; }
.axis-activity-coverage { border:1px solid #3c796344; border-radius:8px; background:#35634f15; padding:13px 16px; font-size:12px; line-height:1.6; margin:8px 0 16px; }
.axis-activity-coverage strong { color:#c2ddce; font-weight:600; }
.axis-activity-coverage p { color:#92a89a; margin-top:3px; }
.axis-activity-coverage.unavailable { border-color:#b69a4a44; background:#594f2115; }
.axis-activity-coverage.unavailable strong { color:#d7c68e; }
.axis-activity-coverage-meta { display:flex; flex-wrap:wrap; gap:5px 24px; color:#85998d; font-size:10px; margin-top:8px; }
.axis-activity-about { border:1px solid #ffffff12; border-radius:6px; color:#8ca593; font-size:11px; line-height:1.6; padding:9px 12px; margin:6px 0 15px; }
.axis-activity-about>summary { cursor:pointer; color:#adcbb8; font-weight:500; width:max-content; }
.axis-activity-about>p { margin-top:9px; max-width:1050px; }
.axis-activity-about>ul { margin-top:9px; padding-left:16px; list-style:disc; }
.axis-activity-about .axis-activity-coverage { margin:10px 0; }
.axis-activity-group { margin:16px 0; }
.axis-activity-group>h3 { color:#c6ddce; font-size:13px; font-weight:600; margin-bottom:9px; }
.axis-activity-group>h3 small { margin-left:10px; font-size:10px; font-weight:400; color:#759380; }
.axis-activity-group>p { color:#8ca593; font-size:11px; margin-bottom:10px; }
.axis-activity-table-scroll { overflow-x:auto; border:1px solid #ffffff15; border-radius:7px; overscroll-behavior-x:contain; }
.axis-activity-table-scroll:focus-visible { outline:2px solid #6ee7b7; outline-offset:2px; }
.axis-activity-table { width:100%; min-width:660px; border-collapse:collapse; text-align:left; font-size:11px; line-height:1.45; }
.axis-activity-table th { padding:9px 12px; color:#8eaa9b; background:#ffffff06; border-bottom:1px solid #ffffff1a; font-size:10px; font-weight:600; white-space:nowrap; }
.axis-activity-table th:first-child { width:160px; }
.axis-activity-table th:nth-child(2) { width:35%; }
.axis-activity-table td { vertical-align:top; padding:9px 12px; border-bottom:1px solid #ffffff0b; }
.axis-activity-table tbody tr:last-child td { border:0; }
.axis-activity-row:nth-child(even) { background:#ffffff02; }
.axis-activity-row:hover { background:#ffffff05; }
.axis-activity-date { font-size:11px; color:#afc7b8; font-variant-numeric:tabular-nums; white-space:nowrap; }
.axis-activity-event-heading>span { display:block; color:#78ae91; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.axis-activity-event-heading>strong { display:block; font-size:11px; color:#d6e5db; font-weight:500; margin-top:2px; overflow-wrap:anywhere; }
.axis-activity-table dl { display:flex; gap:3px 16px; flex-wrap:wrap; }
.axis-activity-table dl>div { display:flex; gap:6px; }
.axis-activity-table dt { color:#6e887a; }
.axis-activity-table dd { color:#a9bbae; overflow-wrap:anywhere; }
.axis-activity-no-details { color:#6d8577; font-size:10px; }
.axis-activity-equipment-tile { display:inline-block; position:relative; width:64px; height:64px; flex:0 0 64px; outline:none; }
.axis-activity-equipment-tile:focus-visible { outline:2px solid #6ee7b7; outline-offset:3px; border-radius:4px; }
.axis-activity-native-description { white-space:pre-line; }
.axis-activity-catalog-notice { display:block; margin-top:8px; color:#b7a278; font-size:10px; }
.axis-activity-equipment-unknown { display:flex; width:64px; height:64px; align-items:center; justify-content:center; border:1px solid #ffffff22; border-radius:4px; background:#0008; color:#7a9284; font-size:22px; }
.axis-activity-equipment-image-only { display:flex; width:64px; height:64px; align-items:center; justify-content:center; overflow:hidden; border:1px solid #ffffff33; border-radius:4px; background:#000b; }
.axis-activity-equipment-image-only>span { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
.axis-activity-item-block { display:flex; gap:12px; align-items:center; margin:0 0 10px; }
.axis-activity-item-block>div { min-width:0; }
.axis-activity-item-block>div>strong,.axis-activity-item-block>div>small,.axis-activity-item-block>div>span { display:block; }
.axis-activity-item-block strong { color:#c9decf; font-size:11px; overflow-wrap:anywhere; }
.axis-activity-item-block small { color:#839c8d; font-size:9px; margin-bottom:4px; }
.axis-activity-item-block>div>span { color:#9bb2a3; margin-top:4px; font-size:10px; }
.axis-activity-item-incomplete { color:#a59671; font-size:10px; line-height:1.4; max-width:330px; margin-top:4px; }
.axis-activity-run-button { position:relative; display:grid; grid-template-columns:auto 1fr; gap:2px 9px; align-items:center; text-align:left; padding:8px 10px; border:1px solid #ffffff17; border-radius:5px; margin-top:7px; background:#ffffff03; max-width:100%; }
.axis-activity-run-button:hover { border-color:#6ee7b744; background:#6ee7b709; }
.axis-activity-run-button img { width:38px; height:38px; object-fit:contain; grid-row:span 2; }
.axis-activity-run-button span { color:#b7d2c1; font-size:11px; }
.axis-activity-run-button small { color:#6e9b80; font-size:9px; }
.axis-dungeon-run-name { display:flex; align-items:center; gap:10px; min-width:210px; }
.axis-dungeon-run-name > img { width:48px; height:48px; object-fit:contain; flex:0 0 48px; }
.axis-dungeon-run-name small,.axis-dungeon-run-row td > small { display:block; margin-top:5px; font-size:10px; color:#8faaa7; }
.axis-dungeon-runs-table { min-width:760px; }
.axis-activity-dialog-backdrop { position:fixed; inset:0; z-index:9900; display:flex; align-items:center; justify-content:center; padding:20px; background:#000b; }
.axis-activity-dialog { width:min(1050px,96vw); max-height:88vh; display:flex; flex-direction:column; min-height:0; border:1px solid #5d806a; border-radius:10px; background:#0c1510; box-shadow:0 20px 100px #000a; color:#bfd1c5; }
.axis-activity-dialog>header { padding:15px 20px; border-bottom:1px solid #ffffff15; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.axis-activity-dialog>header>div { display:flex; align-items:center; gap:12px; min-width:0; }
.axis-activity-dialog>header img { width:48px; height:48px; object-fit:contain; }
.axis-activity-dialog h2 { font-size:17px; color:#d4e9dc; font-weight:600; }
.axis-activity-dialog button { border:1px solid #ffffff25; border-radius:5px; padding:6px 12px; font-size:11px; }
.axis-activity-dialog button:focus-visible { outline:2px solid #6ee7b7; outline-offset:2px; }
.axis-activity-dialog button:disabled { opacity:.3; cursor:default; }
.axis-activity-dialog-body { overflow-y:auto; min-height:0; padding:18px 20px; overscroll-behavior:contain; }
.axis-activity-dialog-body h3 { font-size:13px; font-weight:600; margin-bottom:7px; }
.axis-activity-dialog-body .axis-ep39-muted { font-size:10px; margin-bottom:15px; }
.axis-activity-run-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 22px; padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #ffffff12; }
.axis-activity-run-meta dt { color:#728b7c; font-size:10px; margin-bottom:3px; }
.axis-activity-run-meta dd { font-size:12px; color:#b8d3c2; }
@media (max-width:650px) { .axis-activity-dialog-backdrop { padding:8px; } .axis-activity-dialog-body { padding:13px 10px; } .axis-activity-run-meta { grid-template-columns:1fr; gap:8px; } }
.axis-activity-empty { padding:45px 20px; text-align:center; font-size:12px; color:#8da396; background:#ffffff03; border:1px solid #ffffff0d; border-radius:10px; }
.axis-activity-pagination { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:8px; padding:18px 0; font-size:11px; }
.axis-activity-pagination button { border:1px solid #ffffff22; border-radius:5px; padding:7px 12px; color:#b5d1bf; }
.axis-activity-pagination button:hover:enabled { background:#4a836b30; }
.axis-activity-pagination span { padding:0 9px; color:#799482; }
.axis-activities button:disabled { opacity:.4; cursor:default; }
.axis-native-icon { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.axis-native-icon>img.axis-native-crop { position:absolute; max-width:none; object-fit:fill; }
.axis-native-icon>img.axis-native-contain { width:100%; height:100%; object-fit:contain; }
.axis-buff-icon { width:48px; height:48px; }
.axis-arcana-third-icon { display:block; width:34px; height:34px; }
.axis-collection-item-icon { width:64px!important; height:64px!important; }
.axis-native-myth { padding:20px 14px; }
.axis-native-myth-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 5px 16px; }
.axis-native-myth-heading h2 { font-size:15px; color:#d4e5de; font-weight:600; }
.axis-native-myth-heading p { font-size:10px; color:#829b8d; line-height:1.7; margin-top:6px; }
.axis-native-myth-heading p span { color:#3c5949; margin:0 7px; }
.axis-native-myth-grades { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:8px; margin-bottom:15px; }
.axis-native-myth-grades>div { padding:10px; border:1px solid #ffffff12; border-radius:6px; font-size:10px; color:#8ba596; }
.axis-native-myth-grades>div.current { background:#28634b26; border-color:#6aab8055; }
.axis-native-myth-grades strong,.axis-native-myth-grades span,.axis-native-myth-grades small { display:block; }
.axis-native-myth-grades strong { color:#c9ddd0; font-size:11px; }
.axis-native-myth-grades b { color:#83c79f; font-weight:500; }
.axis-native-myth-scroll { overflow-x:auto; overscroll-behavior-x:contain; }
.axis-native-myth-board { position:relative; width:100%; min-width:960px; max-width:1280px; margin:0 auto; background:#0e1314; isolation:isolate; }
.axis-native-myth-background { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; clip-path:inset(0 0 0 .4651162791%); }
.axis-native-myth-connector { position:absolute; pointer-events:none; z-index:1; }
.axis-native-myth-node,.axis-native-myth-grade,.axis-native-myth-stigma { position:absolute; z-index:2; outline:none; }
.axis-native-myth-node:focus-visible { border-radius:50%; outline:2px solid #a7d9c1; outline-offset:3px; }
.axis-native-myth-node.empty { opacity:.4; }
.axis-native-myth-node.terminal::before,.axis-native-myth-grade::before { content:""; position:absolute; inset:-30%; border-radius:50%; z-index:-1; pointer-events:none; background:radial-gradient(circle,#ebc2ff55 0%,#be5df83d 32%,#7f2cae16 55%,transparent 73%); opacity:.5; transform:scale(.94); animation:axis-myth-halo 3.5s ease-in-out infinite alternate; }
.axis-native-myth-node.terminal:nth-of-type(3n)::before { animation-delay:-1.4s; }
.axis-native-myth-grade::before { inset:-18%; background:radial-gradient(circle,#e4ffdb52 0%,#b4e99830 35%,#78aa6e12 55%,transparent 73%); animation-duration:4.2s; }
@keyframes axis-myth-halo { from { opacity:.42; transform:scale(.94); } to { opacity:.8; transform:scale(1.08); } }
@media (prefers-reduced-motion:reduce) { .axis-activity-beta,.axis-native-myth-node.terminal::before,.axis-native-myth-grade::before { animation:none; opacity:.65; transform:none; } }
.axis-native-myth-node:hover,.axis-native-myth-node:focus,.axis-native-myth-grade:hover,.axis-native-myth-grade:focus,.axis-native-myth-stigma:hover,.axis-native-myth-stigma:focus { z-index:10; }
.axis-native-myth-force { position:absolute; overflow:hidden; border-radius:50%; }
.axis-native-myth-frame { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.axis-native-myth-grade>img,.axis-native-myth-stigma>img { width:100%; height:100%; object-fit:contain; }
.axis-native-myth-stigma>b { position:absolute; left:0; right:0; top:43%; text-align:center; font-size:16px; color:#e3bdff; text-shadow:0 1px 4px #000; }
.axis-native-myth-grade-name,.axis-native-myth-score { display:flex; align-items:center; justify-content:center; position:absolute; text-align:center; font-size:12px; color:#c3e7d5; z-index:3; pointer-events:none; }
.axis-native-myth-grade-name { background:url('/axisimagem/ep39/visual-20261016/myth/grade-name-bg.png') center/100% 100% no-repeat; }
.axis-native-myth-score { color:#e6cc7e; font-size:11px; white-space:nowrap; padding-left:18px; background:url('/axisimagem/ep39/visual-20261016/myth/grade-score-bg.png') center/100% 100% no-repeat; }
.axis-native-myth-score small { color:#9fbc7c; margin-left:3px; }
.axis-native-myth-tooltip { position:absolute; display:none; z-index:20; bottom:calc(100% + 7px); padding:10px 13px; border:1px solid #ffffff28; border-radius:6px; background:#050a08f5; color:#9bae9f; width:max-content; max-width:260px; font-size:11px; line-height:1.6; box-shadow:0 5px 20px #0009; pointer-events:none; }
.axis-native-myth-tooltip.left { left:0; }
.axis-native-myth-tooltip.right { right:0; }
.axis-native-myth-tooltip.below { bottom:auto; top:calc(100% + 7px); }
.axis-native-myth-tooltip strong,.axis-native-myth-tooltip span { display:block; }
.axis-native-myth-node:hover>.axis-native-myth-tooltip,.axis-native-myth-node:focus>.axis-native-myth-tooltip,.axis-native-myth-grade:hover>.axis-native-myth-tooltip,.axis-native-myth-grade:focus>.axis-native-myth-tooltip,.axis-native-myth-stigma:hover>.axis-native-myth-tooltip,.axis-native-myth-stigma:focus>.axis-native-myth-tooltip { display:block; }
.axis-ep39-anima-slots { display:block; position:relative; width:100%; max-width:600px; aspect-ratio:360/129; margin:0 auto; }
.axis-ep39-anima-group-bg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.axis-ep39-anima-slot { position:absolute; min-width:0; }
.axis-ep39-anima-frame { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; }
.axis-ep39-anima-slot-bg { position:absolute; width:80.7692%; height:78.6885%; left:9.6154%; top:4.918%; z-index:0; }
.axis-ep39-anima-force { position:absolute; border-radius:50%; overflow:hidden; transform:none; object-fit:initial; z-index:1; }
.axis-ep39-anima-slot .axis-ep39-anima-tooltip { z-index:20; }
.axis-ep39-anima-slot:hover,.axis-ep39-anima-slot:focus { z-index:25; }
.axis-ep39-anima-category { overflow:visible; }
.axis-stellar-force { left:21.428571%; top:19.047619%; width:61.904762%; height:61.904762%; }
@media (max-width: 1150px) {
  .axis-ep39-myth-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    overflow: auto;
    padding: 0;
  }
  .axis-ep39-myth-status {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 16px 16px;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
  }
  .axis-ep39-myth-tree {
    max-height: none;
  }
  .axis-ep39-anima-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .axis-ep39-anima-layout aside {
    max-width: 100%;
  }
  .axis-ep39-anima-slots {
    grid-template-columns: repeat(auto-fit, 66px);
  }
}
@media (max-width: 650px) {
  .axis-activities-body { padding:18px 14px; }
  .axis-activity-categories { gap:6px; }
  .axis-activity-categories button { flex:1 1 125px; }
  .axis-activity-table th,.axis-activity-table td { padding:8px 10px; }
  .axis-native-myth-heading { align-items:flex-start; }
  .axis-ep39-anima {
    padding: 16px;
  }
  .axis-ep39-anima-slots {
    grid-template-columns: repeat(auto-fit, 66px);
  }
  .axis-ep39-myth-status {
    grid-template-columns: 1fr;
  }
  .axis-ep39-section-heading {
    align-items: flex-start;
  }
  .axis-ranking-modal {
    width: 100% !important;
    height: 98vh !important;
  }
  .axis-ranking-backdrop {
    padding: 4px !important;
  }
}

/* Information Geral: native one-cell EP39 layout; explicit API geometry. */
.axis-native-icon.axis-merit-force {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}
.axis-activity-attribute-warning {
  display: block;
  margin-top: 7px;
  color: #e6bd72;
  font-size: 11px;
  line-height: 1.5;
}
.axis-activity-attribute-warning > span {
  display: block;
}
.axis-buff-effects-notes {
  font-size: 11px;
  line-height: 1.5;
  color: #aab4bd;
  margin: 0 0 10px;
}
.axis-buff-effects-notes > p {
  color: #e9c880;
  margin: 0 0 6px;
}
.axis-buff-effects-notes summary {
  cursor: pointer;
}
.axis-buff-effects-notes p,
.axis-buff-effects-notes ul {
  margin: 5px 0;
}
.axis-force-wing {
  padding: 20px;
  min-height: 0;
  height: 100%;
  overflow: auto;
  color: #dbe4e9;
  font-size: 13px;
}
.axis-force-wing-heading {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 15px;
}
.axis-force-wing-heading > img {
  height: 130px;
  width: 94px;
  object-fit: contain;
  flex: 0 0 auto;
}
.axis-force-wing-heading h2 {
  font-size: 24px;
  margin: 4px 0;
}
.axis-force-wing-heading p {
  color: #c7b17a;
  margin: 3px 0;
}
.axis-force-wing-heading > button {
  margin-left: auto;
}
.axis-wing-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 12px;
}
.axis-wing-presets button {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #aab5bf;
  border: 1px solid #34414b;
  background: #12191e;
  padding: 5px 12px 5px 5px;
  border-radius: 6px;
  text-align: left;
}
.axis-wing-presets button.active {
  color: #f0d79d;
  border-color: #9c7c36;
  background: #29271d;
}
.axis-wing-presets img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.axis-wing-presets small {
  display: block;
  font-size: 10px;
  color: #8fd6b5;
}
.axis-wing-preset-note {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  color: #9caebc;
  margin: 8px 0 18px;
}
.axis-wing-preset-note b {
  color: #e5d0a2;
}
.axis-wing-training-layout {
  display: grid;
  grid-template-columns: minmax(376px, 1fr) minmax(270px, 0.95fr);
  gap: 20px;
  align-items: start;
}
.axis-wing-tree-scroll {
  overflow: auto;
  max-width: 100%;
  border: 1px solid #303d45;
  background: radial-gradient(
    ellipse at center,
    #1e302d 0,
    #121a20 60%,
    #0e1419 100%
  );
  border-radius: 8px;
}
.axis-wing-tree {
  position: relative;
  width: 100%;
  min-width: 376px;
  max-width: 600px;
  margin: auto;
}
.axis-wing-slot {
  position: absolute;
  background: none;
  border: 0;
  padding: 0;
  color: #d0dee5;
  isolation: isolate;
  cursor: pointer;
}
.axis-wing-slot:focus-visible {
  outline: 2px solid #e3c071;
  outline-offset: 3px;
}
.axis-wing-slot-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  z-index: 2;
  pointer-events: none;
}
.axis-wing-slot.selected .axis-wing-slot-frame {
  filter: drop-shadow(0 0 5px #d4b05c);
}
.axis-wing-slot .axis-wing-slot-force {
  position: absolute;
  left: 17.24138%;
  top: 17.74194%;
  width: 68.96552%;
  height: 64.51613%;
  z-index: 1;
  clip-path: polygon(50% 0, 92% 25%, 92% 75%, 50% 100%, 8% 75%, 8% 25%);
}
.axis-wing-slot-lock {
  position: absolute;
  width: 36%;
  height: 44%;
  left: 32%;
  top: 23%;
  z-index: 3;
  object-fit: contain;
}
.axis-wing-slot.locked .axis-wing-slot-frame {
  opacity: 0.55;
}
.axis-wing-slot-rank,
.axis-wing-slot-number {
  position: absolute;
  z-index: 4;
  font-size: 10px;
  line-height: 1.2;
  background: #080c10d9;
  border-radius: 3px;
  padding: 1px 3px;
  text-shadow: 0 1px #000;
}
.axis-wing-slot-rank {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #e8d393;
}
.axis-wing-slot-number {
  top: 1px;
  left: 0;
  color: #a0afb9;
}
.axis-wing-slot-detail {
  border: 1px solid #33434c;
  border-radius: 8px;
  background: #10191f;
  padding: 14px;
  min-width: 0;
}
.axis-wing-slot-detail header h3 {
  font-size: 18px;
  color: #d6c18d;
  margin: 0 0 4px;
}
.axis-wing-slot-detail header > span {
  font-size: 11px;
  color: #96aab7;
}
.axis-wing-current-choice {
  font-size: 12px;
  color: #c4d4dd;
  margin: 12px 0;
}
.axis-wing-alternatives {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.axis-wing-alternative-frame {
  width: 58px;
  height: 62px;
  position: relative;
  margin: 4px auto 9px;
  isolation: isolate;
}
.axis-wing-alternative-frame > img:not(.axis-wing-alternative-lock) {
  width: 58px;
  height: 62px;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.axis-wing-alternative-frame .axis-wing-alternative-force {
  position: absolute;
  left: 9px;
  top: 10px;
  width: 40px;
  height: 40px;
  z-index: 1;
  clip-path: polygon(50% 0, 92% 25%, 92% 75%, 50% 100%, 8% 75%, 8% 25%);
}
.axis-wing-alternative-lock {
  width: 20px;
  height: 26px;
  object-fit: contain;
  position: absolute;
  left: 19px;
  top: 17px;
  z-index: 3;
}
.axis-wing-alternatives article {
  border: 1px solid #35424b;
  border-radius: 5px;
  background: #161e24;
  padding: 9px;
  min-width: 0;
}
.axis-wing-alternatives article.selected {
  border-color: #b99c56;
  background: #2b291d;
}
.axis-wing-alternatives article.ineligible {
  border-style: dashed;
}
.axis-wing-alternative-title {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: baseline;
  margin-bottom: 9px;
  font-size: 11px;
}
.axis-wing-alternative-title small {
  color: #b7d997;
}
.axis-wing-alternatives article > p {
  font-size: 11px;
  color: #c2ced5;
  margin: 7px 0;
}
.axis-wing-alternatives article > small {
  font-size: 10px;
  color: #93a3ad;
  line-height: 1.5;
}
.axis-wing-no-effect {
  min-height: 30px;
  color: #899ba8 !important;
}
.axis-wing-effect {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 12px;
  min-width: 0;
}
.axis-wing-effect .axis-native-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}
.axis-wing-effect > span:not(.axis-native-icon) {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.axis-wing-effect strong {
  color: #e4d29a;
  white-space: nowrap;
}
.axis-wing-alternatives .axis-wing-effect {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.axis-wing-alternatives .axis-wing-effect > span:not(.axis-native-icon) {
  flex-basis: 100%;
}
.axis-wing-active-effects {
  margin: 20px 0 12px;
  border-top: 1px solid #34424b;
  padding-top: 16px;
}
.axis-wing-active-effects > h3 {
  font-size: 15px;
  margin: 0 0 5px;
  color: #dac798;
}
.axis-wing-active-effects > p {
  font-size: 11px;
  color: #8fabb9;
  margin-bottom: 12px;
}
.axis-wing-active-effects > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 20px;
}
.axis-wing-arrival > h3 {
  font-size: 17px;
  margin: 20px 0;
}
.axis-wing-arrival > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.axis-wing-arrival article {
  border: 1px solid #38454c;
  border-radius: 7px;
  padding: 12px;
  background: #11191e;
  text-align: center;
}
.axis-wing-arrival article > img {
  width: 112px;
  height: 155px;
  object-fit: contain;
  margin: auto;
}
.axis-wing-arrival article.locked {
  opacity: 0.6;
}
.axis-wing-arrival h4 {
  color: #d4c396;
  margin: 8px 0;
}
.axis-wing-arrival p,
.axis-wing-arrival ul {
  font-size: 12px;
  color: #a6b6c1;
}
.axis-wing-arrival ul {
  list-style: none;
  padding: 0;
  line-height: 1.8;
}
@media (max-width: 1000px) {
  .axis-wing-training-layout {
    grid-template-columns: 1fr;
  }
  .axis-wing-tree {
    max-width: 500px;
  }
  .axis-wing-active-effects > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .axis-force-wing {
    padding: 12px;
  }
  .axis-force-wing-heading {
    gap: 10px;
  }
  .axis-force-wing-heading > img {
    width: 60px;
    height: 84px;
  }
  .axis-force-wing-heading h2 {
    font-size: 21px;
  }
  .axis-wing-presets button {
    padding-right: 8px;
  }
  .axis-wing-presets img {
    width: 30px;
    height: 30px;
  }
  .axis-wing-presets button span {
    font-size: 11px;
  }
  .axis-wing-active-effects > div {
    grid-template-columns: 1fr;
  }
  .axis-wing-arrival > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .axis-wing-slot-detail {
    padding: 10px;
  }
}
.axis-general-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.axis-general-balances {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.axis-general-balance {
  padding: 14px 16px;
  border: 1px solid #ffffff15;
  border-radius: 7px;
  background: linear-gradient(145deg, #1d2c25aa, #101a16bb);
  min-width: 0;
}
.axis-general-balance > span {
  display: block;
  color: #89a798;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.axis-general-balance > strong {
  display: block;
  color: #d4e3d8;
  font-size: 18px;
  margin-top: 5px;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.axis-general-balance > small {
  display: block;
  color: #789083;
  font-size: 10px;
  margin-top: 4px;
}
.axis-general-containers,
.axis-storage-pages {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  padding: 3px 0;
}
.axis-general-containers > button,
.axis-storage-pages > button {
  border: 1px solid #ffffff18;
  color: #90a99b;
  background: #ffffff03;
  border-radius: 4px;
  padding: 8px 13px;
  white-space: nowrap;
  font-size: 11px;
}
.axis-general-containers > button.active,
.axis-storage-pages > button.active {
  background: #6ee7b711;
  border-color: #6ee7b74a;
  color: #bef0d2;
}
.axis-general-containers > button:focus-visible,
.axis-storage-pages > button:focus-visible {
  outline: 2px solid #6ee7b7;
  outline-offset: 2px;
}
.axis-storage-pages > button {
  padding: 6px 9px;
  min-width: 32px;
}
.axis-general-storage {
  min-width: 0;
  padding: 16px;
  border: 1px solid #ffffff16;
  border-radius: 8px;
  background: #07100b66;
}
.axis-general-storage-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 14px;
}
.axis-general-storage-heading > h3 {
  font-size: 14px;
  font-weight: 600;
  color: #cfdfd4;
}
.axis-storage-scroll {
  overflow: auto;
  max-width: 100%;
  padding: 9px 0;
}
.axis-storage-scroll:focus-visible {
  outline: 2px solid #6ee7b7;
  outline-offset: 3px;
}
.axis-storage-grid {
  --axis-storage-cell: 34px;
  display: grid;
  gap: 3px;
  padding: 2px;
  width: max-content;
  margin: 0 auto;
  position: relative;
  background: #080d0d;
  border: 1px solid #3d4b4b;
}
.axis-storage-empty {
  border: 1px solid #3c4a4f;
  background: linear-gradient(145deg, #172126, #101719);
  min-width: 0;
  min-height: 0;
}
.axis-storage-item {
  position: relative;
  min-width: 0;
  min-height: 0;
  z-index: 1;
}
.axis-storage-item-scale {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  transform: scale(0.53125);
  transform-origin: top left;
}
.axis-storage-quantity {
  pointer-events: none;
  position: absolute;
  bottom: 1px;
  right: 2px;
  color: #fff;
  text-shadow:
    0 1px 2px #000,
    1px 0 2px #000;
  font-size: 9px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.axis-general-warnings {
  border: 1px solid #ffffff12;
  border-radius: 6px;
  padding: 9px 13px;
  font-size: 11px;
  color: #819b8c;
}
.axis-general-warnings > summary {
  cursor: pointer;
}
.axis-general-warnings ul {
  padding-left: 16px;
  margin-top: 7px;
  line-height: 1.5;
}
.axis-personal-record-table {
  min-width: 660px;
}
@media (max-width: 720px) {
  .axis-general-balances {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .axis-general-storage {
    padding: 12px 9px;
  }
  .axis-general-balance {
    padding: 12px;
  }
}