/* Player-facing progression simplification. */

/* Stats continue to be calculated server-side, but no longer occupy a UI section. */
#otlStats {
  display: none !important;
}


/* Compact return-streak status in the main hero. */
.otl-hero-streak {
  position: absolute;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  align-self: start;
  z-index: 5;
  top: 20px;
  left: 24px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: var(--hero-control-gap, 8px);
  box-sizing: border-box;
  height: var(--hero-control-height, 44px);
  min-height: var(--hero-control-height, 44px);
  padding: 0 var(--hero-control-padding, 14px);
  border: 1px solid rgba(251, 146, 60, .18);
  border-radius: 999px;
  color: #d9e2ee;
  background: linear-gradient(180deg, rgba(15, 23, 42, .84), rgba(2, 6, 23, .72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 8px 22px rgba(0, 0, 0, .16);
  backdrop-filter: blur(8px);
  font-family: inherit;
  cursor: help;
}

.otl-hero-streak[hidden] {
  display: none !important;
}

.otl-hero-streak-icon {
  flex: 0 0 auto;
  font-size: var(--hero-control-icon, 20px);
  line-height: 1;
  filter:
    drop-shadow(
      0 0 6px rgba(251, 146, 60, .20)
    );
}

.otl-hero-streak strong {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff7ed;
  font-size: var(--hero-control-font, 14px);
  font-weight: 850;
  line-height: 1;
  text-shadow:
    0 0 9px rgba(251, 146, 60, .14);
}

.otl-hero-streak-label {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: max-content;
  max-width: min(280px, 75vw);
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, .32);
  border-radius: 10px;
  background: #0b1220;
  white-space: normal;
  text-align: left;
  color: #9ba9ba;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .005em;
}

.otl-hero-streak:is(:hover, :focus) .otl-hero-streak-label {
  display: block;
}

.otl-hero-streak:focus-visible {
  outline: 2px solid #fb923c;
  outline-offset: 3px;
}


/*
  Obsidian reward titles mirror their stage badge material on both Achievement
  cards and equipped Community-profile titles. Every stage keeps an explicit
  black/near-black stop so the title remains Obsidian first.
*/
:is(
  .otl-achievement-card[data-achievement-rank="obsidian"]
  .otl-achievement-rank-line,
  .otl-community-title-badge[data-title-type="obsidian"]
) {
  color: transparent !important;
  background-image:
    var(--otl-achievement-title-gradient) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter:
    drop-shadow(
      0 0 5px
      rgba(
        var(--otl-obsidian-title-glow-rgb, 148, 163, 184),
        .20
      )
    );
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="1"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="1"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #05070a 0%,
    #3f4854 18%,
    #dce2e8 45%,
    #9ba6b3 70%,
    #06080b 100%
  );
  --otl-obsidian-title-glow-rgb: 183, 194, 207;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="2"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="2"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #05060a 0%,
    #343654 17%,
    #a5a7df 44%,
    #7376ad 70%,
    #06070b 100%
  );
  --otl-obsidian-title-glow-rgb: 165, 167, 223;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="3"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="3"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #05060a 0%,
    #3e245b 17%,
    #ad80e8 44%,
    #7450ac 70%,
    #06050a 100%
  );
  --otl-obsidian-title-glow-rgb: 173, 128, 232;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="4"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="4"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #07050a 0%,
    #5e1737 17%,
    #df6098 44%,
    #9b315f 70%,
    #070509 100%
  );
  --otl-obsidian-title-glow-rgb: 223, 96, 152;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="5"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="5"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #080604 0%,
    #52320d 17%,
    #dfb64f 44%,
    #9b6b20 70%,
    #070504 100%
  );
  --otl-obsidian-title-glow-rgb: 223, 182, 79;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="6"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="6"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #040806 0%,
    #0f4c39 17%,
    #62d7a2 44%,
    #2f8c68 70%,
    #040806 100%
  );
  --otl-obsidian-title-glow-rgb: 98, 215, 162;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="7"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="7"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #04060a 0%,
    #173763 17%,
    #70a1f1 44%,
    #3f69a6 70%,
    #04060a 100%
  );
  --otl-obsidian-title-glow-rgb: 112, 161, 241;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="8"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="8"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #050409 0%,
    #37174f 17%,
    #bb72df 44%,
    #74358f 70%,
    #050409 100%
  );
  --otl-obsidian-title-glow-rgb: 187, 114, 223;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="9"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="9"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #040609 0%,
    #17616a 18%,
    #dce8ef 39%,
    #efeaff 52%,
    #8b559f 72%,
    #040509 100%
  );
  --otl-obsidian-title-glow-rgb: 139, 85, 159;
}

.otl-achievement-card[data-achievement-rank="obsidian"][data-obsidian-stage="10"]
.otl-achievement-rank-line,
.otl-community-title-badge[data-title-type="obsidian"][data-title-stage="10"] {
  --otl-achievement-title-gradient: linear-gradient(
    105deg,
    #030405 0%,
    #53366f 14%,
    #4f8c63 29%,
    #ece3bd 46%,
    #9e6039 62%,
    #326a70 78%,
    #522f69 90%,
    #030405 100%
  );
  --otl-obsidian-title-glow-rgb: 202, 177, 218;
}