#app .rr-hero,
#app .rr-section,
#app .rr-subnav-wrap { max-width: 1560px; margin-left: auto; margin-right: auto; }

.rr-hero {
  text-align: center;
  padding-bottom: 1rem;
}

.rr-hero__eyebrow {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}

.rr-hero__subtitle { max-width: 980px !important; }

.rr-hero__actions {
  display: flex;
  gap: 0.85rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.rr-summary-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.rr-summary-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem 1.1rem;
  text-align: left;
}

.rr-summary-card__label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8rem;
}

.rr-summary-card__value {
  font-family: var(--font-head);
  font-size: 2rem;
  color: #fff;
  line-height: 1.1;
  margin-top: 0.35rem;
}

.rr-subnav-wrap { margin-bottom: 2rem; }

.rr-subnav {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
  justify-content: center;
  position: sticky;
  top: calc(var(--nav-height) + 0.75rem);
  z-index: 25;
  padding: 0.75rem;
  background: rgba(8,8,8,0.92);
  border: 1px solid var(--border);
  border-radius: 999px;
  backdrop-filter: blur(10px);
}

.rr-subnav a {
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  border: 1px solid transparent;
  color: var(--muted);
}

.rr-subnav a:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.04);
}

.rr-section { margin-top: 3rem; }
.rr-section__top { margin-bottom: 1.4rem; }
.rr-section__top h2 { margin-bottom: 0.75rem; }
.rr-section__top--center { text-align: center; }
.rr-section__lede {
  color: var(--muted);
  max-width: 980px;
  margin: 0;
}
.rr-section__lede--center { margin-left: auto; margin-right: auto; }

.rr-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr);
  gap: 1.2rem;
}

.rr-callout { padding: 1.4rem; }
.rr-callout h3 { margin-bottom: 0.8rem; }

.rr-bullet-list {
  list-style: disc;
  padding-left: 1.2rem;
  color: var(--muted);
}

.rr-bullet-list li + li { margin-top: 0.45rem; }

.rr-starter-panel { padding: 1.4rem; }
.rr-starter-panel h3,
.rr-command-section h3 { margin-bottom: 0.75rem; }
.rr-starter-lede {
  color: var(--muted);
  line-height: 1.65;
  margin: 0 0 1rem;
}
.rr-start-steps {
  counter-reset: rr-start-step;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}
.rr-start-steps li {
  position: relative;
  min-height: 58px;
  padding: 0.85rem 0.95rem 0.85rem 3.25rem;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.035);
  color: var(--muted);
  line-height: 1.5;
}
.rr-start-steps li::before {
  counter-increment: rr-start-step;
  content: counter(rr-start-step);
  position: absolute;
  left: 0.85rem;
  top: 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: rgba(206,66,43,0.18);
  border: 1px solid rgba(206,66,43,0.42);
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
}
.rr-command-section {
  margin-top: 1.2rem;
  padding: 1.4rem;
}
.rr-command-section__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.15rem;
}
.rr-command-section__head p {
  color: var(--muted);
  line-height: 1.6;
  margin: 0;
  max-width: 900px;
}
.rr-command-count {
  flex: 0 0 auto;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.045);
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.rr-command-category + .rr-command-category { margin-top: 1.2rem; }
.rr-command-category h4 {
  margin: 0 0 0.7rem;
  font-size: 1.02rem;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.rr-command-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
.rr-command-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 0.9rem;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.035);
}
.rr-command-card h5 {
  margin: 0;
  font-family: var(--font-head);
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.02em;
}
.rr-command-card p {
  margin: 0.32rem 0 0;
  color: var(--muted);
  line-height: 1.45;
  font-size: 0.92rem;
}
.rr-command-code {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  justify-self: end;
  gap: 0.35rem;
  max-width: 100%;
}
.rr-command-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
}
.rr-command-col code {
  width: 100%;
}
.rr-command-code code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0.28rem 0.55rem;
  border-radius: 8px;
  border: 1px solid rgba(102,153,77,0.35);
  background: rgba(102,153,77,0.13);
  color: #d9f2ce;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.84rem;
  font-weight: 600;
  white-space: nowrap;
}


.rr-signin-box {
  text-align: center;
  color: var(--muted);
}
.rr-signin-box .btn { margin-top: 0.9rem; }

.rr-toolbar {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-bottom: 0.9rem;
}
.rr-input,
.rr-select {
  background: var(--panel);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.85rem 0.95rem;
  font: inherit;
}
.rr-input { min-width: 280px; flex: 1 1 320px; }
.rr-select {
  min-width: 200px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 3rem;
  background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.82) 50%), linear-gradient(135deg, rgba(255,255,255,0.82) 50%, transparent 50%);
  background-position: calc(100% - 1.45rem) calc(50% - 0.12rem), calc(100% - 1rem) calc(50% - 0.12rem);
  background-size: 0.5rem 0.5rem, 0.5rem 0.5rem;
  background-repeat: no-repeat;
}
.rr-select::-ms-expand { display: none; }
.rr-countline {
  color: var(--muted);
  margin-bottom: 0.9rem;
  font-size: 0.92rem;
}

.rr-tags { display: flex; gap: 0.45rem; flex-wrap: wrap; }
.rr-tag {
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.09);
  color: var(--muted);
  background: rgba(255,255,255,0.035);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.rr-unavailable {
  padding: 0.95rem 1rem;
  border: 1px dashed rgba(255,255,255,0.1);
  border-radius: var(--radius);
  color: var(--muted);
  background: rgba(255,255,255,0.02);
}

.rr-npc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.rr-npc-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.rr-npc-card__image {
  aspect-ratio: 16 / 9;
  width: 100%;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid var(--border);
}

.rr-npc-card__body { padding: 1rem 1rem 1.1rem; }
.rr-npc-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.55rem;
}
.rr-npc-card__name { font-size: 1.35rem; margin: 0; }
.rr-npc-card__taskcount {
  color: var(--accent);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rr-npc-card__location {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.45rem;
}
.rr-npc-card__desc {
  color: var(--muted);
  font-size: 0.95rem;
}

.rr-journey-panel { margin-bottom: 1rem; padding: 1.1rem; }

.rr-journey-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin-bottom: 0.95rem;
}

.rr-journey-stat {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
  padding: 0.85rem 0.95rem;
}

.rr-journey-stat__label {
  color: var(--muted);
  font-size: 0.78rem;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
}

.rr-journey-stat__value {
  color: #fff;
  font-family: var(--font-head);
  font-size: 1.12rem;
  line-height: 1.2;
}

.rr-journey-active-title {
  color: #fff;
  font-weight: 700;
}

.rr-journey-active-copy {
  color: var(--muted);
  margin-top: 0.3rem;
}

@media (max-width: 900px) {
  .rr-journey-stats { grid-template-columns: 1fr; }
}

.rr-task-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.9rem;
  overflow-anchor: none;
}

.rr-task-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}
.rr-task-card[open] {
  border-color: rgba(206,66,43,0.45);
  box-shadow: 0 14px 34px rgba(0,0,0,0.28);
}
.rr-task-card > summary {
  list-style: none;
  cursor: pointer;
  padding: 1rem 1.05rem;
}
.rr-task-card > summary::-webkit-details-marker { display: none; }
.rr-task-summary__top,
.rr-task-summary__bottom {
  display: flex;
  justify-content: space-between;
  gap: 0.9rem;
  align-items: center;
}
.rr-task-summary__bottom { margin-top: 0.7rem; flex-wrap: wrap; }
.rr-task-title {
  display: flex;
  gap: 0.9rem;
  align-items: center;
}
.rr-task-order {
  width: 42px; height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff; font-family: var(--font-head); font-size: 1.1rem;
  flex: 0 0 auto;
}
.rr-task-title h3 { font-size: 1.12rem; margin: 0; }
.rr-task-sub {
  color: var(--muted);
  font-size: 0.9rem;
  margin-top: 0.15rem;
}
.rr-task-status {
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid var(--border);
  color: var(--muted);
}
.rr-task-status--active { color: #fff; border-color: rgba(139,195,74,0.6); background: rgba(139,195,74,0.12); }
.rr-task-status--completed { color: #fff; border-color: rgba(206,66,43,0.6); background: rgba(206,66,43,0.12); }
.rr-task-status--claimable { color: #fff; border-color: rgba(241,196,15,0.6); background: rgba(241,196,15,0.12); }
.rr-task-status--locked,
.rr-task-status--catalog { color: var(--muted); }

.rr-task-body {
  padding: 0 1.05rem 1.05rem;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.rr-task-howto {
  color: #f0f0f0;
  line-height: 1.6;
  padding-top: 1rem;
}
.rr-media-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}
.rr-media-strip img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  display: block;
}
.rr-media-strip--single {
  grid-template-columns: 1fr;
  justify-items: center;
}
.rr-media-strip--single img {
  max-width: calc((100% - 0.8rem) / 2);
}
@media (max-width: 820px) {
  .rr-media-strip--single img {
    max-width: 100%;
  }
}
.rr-task-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.rr-task-col h4 {
  margin-bottom: 0.7rem;
  font-size: 0.95rem;
}
.rr-itemchips {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.7rem;
}

.rr-hoverwrap {
  position: relative;
  overflow: visible;
}

.rr-hoverpanel {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(6px);
  min-width: 220px;
  max-width: 280px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(8,8,8,0.98);
  box-shadow: 0 18px 38px rgba(0,0,0,0.38);
  padding: 0.8rem 0.9rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 40;
}
.rr-hoverwrap > .rr-hoverpanel {
  display: none !important;
}
.rr-hoverpanel--portal {
  position: fixed !important;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  width: max-content;
  max-width: min(280px, calc(100vw - 16px));
  height: auto;
  transform: none !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
  z-index: 9999;
}
.rr-hoverpanel--portal.is-visible {
  opacity: 1;
}
.rr-hoverpanel--portal::before,
.rr-hoverpanel--portal::after {
  content: "";
  position: absolute;
  left: var(--rr-hover-arrow-left, 50%);
  transform: translateX(-50%);
  border-style: solid;
  pointer-events: none;
}
.rr-hoverpanel--portal.rr-hoverpanel--above::before {
  top: 100%;
  border-width: 9px 9px 0 9px;
  border-color: rgba(255,255,255,0.12) transparent transparent transparent;
}
.rr-hoverpanel--portal.rr-hoverpanel--above::after {
  top: calc(100% - 1px);
  border-width: 8px 8px 0 8px;
  border-color: rgba(8,8,8,0.98) transparent transparent transparent;
}
.rr-hoverpanel--portal.rr-hoverpanel--below::before {
  bottom: 100%;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent rgba(255,255,255,0.12) transparent;
}
.rr-hoverpanel--portal.rr-hoverpanel--below::after {
  bottom: calc(100% - 1px);
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(8,8,8,0.98) transparent;
}
.rr-hoverpanel__title {
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.55rem;
  font-size: 0.95rem;
}
.rr-hoverpanel__line {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #e9e9e9;
  font-size: 0.86rem;
}
.rr-hoverpanel__line + .rr-hoverpanel__line { margin-top: 0.3rem; }
.rr-hoverpanel__label { color: var(--muted); }

.rr-itemchip {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.8rem 0.85rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  min-height: 74px;
}
.rr-itemchip img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  flex: 0 0 auto;
}
.rr-itemchip__text { min-width: 0; }
.rr-itemchip__name {
  color: #fff;
  font-weight: 600;
  line-height: 1.25;
}
.rr-itemchip__meta {
  color: var(--muted);
  margin-top: 0.2rem;
  font-size: 0.84rem;
}

.rr-map-status {
  margin-bottom: 1rem;
  text-align: center;
  color: var(--muted);
}
.rr-map-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.rr-map-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.rr-map-card__figure {
  position: relative;
  aspect-ratio: 16 / 9;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid var(--border);
}
.rr-map-card__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rr-map-card--locked .rr-map-card__figure img {
  filter: blur(5px) saturate(0.55) brightness(0.45);
  transform: scale(1.05);
}
.rr-map-card__locked {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-head);
  font-size: 1.35rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.42));
}
.rr-map-card__body { padding: 1rem; }
.rr-map-card__head {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  align-items: center;
}
.rr-map-card__name { margin: 0; font-size: 1.2rem; }
.rr-map-card__sub { color: var(--muted); font-size: 0.92rem; margin-top: 0.4rem; }
.rr-map-toggle {
  display: inline-flex;
  gap: 0.35rem;
  margin-top: 0.85rem;
}
.rr-map-toggle button {
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: var(--muted);
  border-radius: 999px;
  padding: 0.4rem 0.65rem;
  font: inherit;
  cursor: pointer;
}
.rr-map-toggle button.is-active {
  color: #fff;
  background: rgba(206,66,43,0.16);
  border-color: rgba(206,66,43,0.4);
}

.rr-bunker-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.9fr);
  gap: 1rem;
}
.rr-bunker-map-panel,
.rr-bunker-detail { padding: 1rem; }
.rr-bunker-legend {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.9rem;
  margin-bottom: 0.9rem;
}
.rr-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-right: 0.35rem;
  vertical-align: middle;
}
.rr-dot--neutral { background: rgba(255,255,255,0.35); }
.rr-dot--unlocked { background: rgba(206,66,43,0.95); }
.rr-dot--ready { background: rgba(114,191,90,0.95); }
.rr-dot--blocked { background: rgba(231,76,60,0.75); }

.rr-bunker-map {
  position: relative;
  min-height: 920px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.06);
  background:
    radial-gradient(circle at top, rgba(206,66,43,0.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  overflow: hidden;
}
.rr-bunker-group {
  position: absolute;
  transform: translate(-50%, -50%);
  width: clamp(150px, 14vw, 230px);
  padding: 0.55rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.05);
  background: rgba(10,10,10,0.62);
  backdrop-filter: blur(10px);
}
.rr-bunker-group__title {
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.6px;
  margin-bottom: 0.5rem;
  text-align: center;
}
.rr-bunker-group__nodes {
  display: grid;
  gap: 0.45rem;
  grid-template-columns: repeat(auto-fit, minmax(62px, 1fr));
}
.rr-cluster-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.22rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  padding: 0.42rem 0.32rem;
  color: #fff;
  cursor: pointer;
  min-height: 74px;
  text-align: center;
}
.rr-cluster-node img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.rr-cluster-node span {
  font-size: 0.7rem;
  line-height: 1.2;
  color: #f3f3f3;
}
.rr-cluster-node--catalog { border-color: rgba(255,255,255,0.08); }
.rr-cluster-node--unlocked { border-color: rgba(206,66,43,0.55); background: rgba(206,66,43,0.12); }
.rr-cluster-node--ready { border-color: rgba(114,191,90,0.5); background: rgba(114,191,90,0.14); }
.rr-cluster-node--blocked { border-color: rgba(231,76,60,0.38); background: rgba(231,76,60,0.08); }
.rr-cluster-node.is-selected {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.2), 0 12px 24px rgba(0,0,0,0.2);
}

.rr-bunker-detail__sub {
  color: var(--muted);
  margin-top: 0.35rem;
  margin-bottom: 1rem;
}
.rr-cost-list {
  display: grid;
  gap: 0.65rem;
}
.rr-cost-row {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 0.8rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.03);
}
.rr-cost-row img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.rr-cost-row__name {
  color: #fff;
  font-weight: 600;
  line-height: 1.25;
}
.rr-cost-row__owned {
  text-align: right;
  color: var(--muted);
  font-size: 0.82rem;
}
.rr-cost-row__owned.is-met { color: #9be17a; }

.rr-special-item-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.rr-special-item-card {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  align-items: flex-start;
}
.rr-special-item-card img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  flex: 0 0 auto;
}
.rr-special-item-card__name {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 600;
}
.rr-special-item-card__desc {
  color: var(--muted);
  margin-top: 0.35rem;
  line-height: 1.55;
  font-size: 0.92rem;
}

.rr-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
}
.rr-stat-card {
  padding: 1rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
}
.rr-stat-card__label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 0.76rem;
}
.rr-stat-card__value {
  color: #fff;
  font-family: var(--font-head);
  font-size: 1.9rem;
  line-height: 1.15;
  margin-top: 0.35rem;
}
.rr-stat-card__rank {
  color: var(--muted);
  margin-top: 0.35rem;
  font-size: 0.86rem;
}

.rr-my-bunker-layout { display: block; }
.rr-my-bunker-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.4fr);
  gap: 1rem;
}
.rr-container-list {
  display: grid;
  gap: 0.65rem;
}
.rr-container-card {
  width: 100%;
  text-align: left;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  color: inherit;
  padding: 0.75rem 0.8rem;
  cursor: pointer;
}
.rr-container-card.is-selected {
  border-color: rgba(206,66,43,0.45);
  background: rgba(206,66,43,0.08);
}
.rr-container-card__top {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.rr-container-card__top img,
.rr-container-view__top img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}
.rr-container-card__name,
.rr-container-view__title {
  color: #fff;
  font-weight: 600;
}
.rr-container-card__meta,
.rr-container-view__sub {
  color: var(--muted);
  font-size: 0.84rem;
  margin-top: 0.2rem;
}
.rr-container-view { padding: 1rem; }
.rr-container-view__top {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1rem;
}

.rr-layout-generic {
  display: grid;
  gap: 0.35rem;
  justify-content: start;
}
.rr-layout-row {
  display: grid;
  gap: 0.35rem;
}
.rr-layout-row--cols-1 { grid-template-columns: repeat(1, 54px); }
.rr-layout-row--cols-2 { grid-template-columns: repeat(2, 54px); }
.rr-layout-row--cols-3 { grid-template-columns: repeat(3, 54px); }
.rr-layout-row--cols-4 { grid-template-columns: repeat(4, 54px); }
.rr-layout-row--cols-5 { grid-template-columns: repeat(5, 54px); }
.rr-layout-row--cols-6 { grid-template-columns: repeat(6, 54px); }
.rr-layout-row--cols-7 { grid-template-columns: repeat(7, 54px); }
.rr-layout-row--cols-8 { grid-template-columns: repeat(8, 54px); }

.rr-locker-sections {
  display: grid;
  gap: 1rem;
}
.rr-locker-section {
  padding: 0.75rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
}
.rr-locker-section__title {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.55rem;
}

.rr-slot {
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rr-slot img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.rr-slot__amt {
  position: absolute;
  right: 4px;
  bottom: 4px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.9);
}
.rr-slot__empty {
  color: rgba(255,255,255,0.12);
  font-size: 1rem;
}

@media (max-width: 1320px) {
  .rr-summary-cards,
  .rr-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rr-map-grid,
  .rr-special-item-grid,
  .rr-npc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rr-task-columns,
  .rr-bunker-layout,
  .rr-my-bunker-grid,
  .rr-overview-grid { grid-template-columns: 1fr; }
  .rr-bunker-map { min-height: 1000px; }
}

@media (max-width: 820px) {
  .rr-summary-cards,
  .rr-map-grid,
  .rr-special-item-grid,
  .rr-npc-grid,
  .rr-stat-grid,
  .rr-overview-grid { grid-template-columns: 1fr; }
  .rr-task-columns { grid-template-columns: 1fr; }
  .rr-itemchips { grid-template-columns: 1fr; }
  .rr-command-section__head { flex-direction: column; }
  .rr-command-grid { grid-template-columns: 1fr; }
  .rr-command-card { grid-template-columns: 1fr; align-items: start; }
  .rr-command-code { justify-self: start; justify-content: flex-start; flex-wrap: wrap; }

  .rr-subnav { border-radius: 24px; }
  .rr-bunker-map { min-height: 1180px; }
  .rr-bunker-group { width: min(72vw, 250px); }
}


/* --- Patch 3: tabbed layout + simpler bunker progression --- */
.rr-panel-section[hidden] { display: none !important; }

.rr-subnav {
  gap: 0.75rem;
  border-radius: 22px;
  padding: 0.9rem;
  background: rgba(8,8,8,0.94);
}

.rr-subnav__btn {
  appearance: none;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: #d4d7dc;
  border-radius: 12px;
  padding: 0.75rem 1rem;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: 0.18s ease;
}

.rr-subnav__btn:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.08);
}

.rr-subnav__btn.is-active {
  color: #fff;
  border-color: rgba(206,66,43,0.5);
  background: rgba(206,66,43,0.16);
  box-shadow: 0 0 0 1px rgba(206,66,43,0.08), 0 8px 18px rgba(0,0,0,0.25);
}

.rr-callout h3 { text-align: center; }

.rr-bunker-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.9fr);
  gap: 1rem;
  align-items: start;
}

.rr-bunker-map-panel,
.rr-bunker-detail {
  padding: 1rem;
}

.rr-bunker-map {
  display: grid;
  gap: 1rem;
}

.rr-bunker-phase {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: rgba(255,255,255,0.02);
  padding: 1rem;
}

.rr-bunker-phase__head {
  margin-bottom: 0.85rem;
}

.rr-bunker-phase__head h3 {
  margin-bottom: 0.25rem;
}

.rr-bunker-phase__head p {
  color: var(--muted);
  margin: 0;
  font-size: 0.92rem;
}

.rr-bunker-phase__clusters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}

.rr-cluster-card {
  text-align: left;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
  padding: 0.8rem 0.9rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: #fff;
  cursor: pointer;
  transition: 0.18s ease;
}

.rr-cluster-card img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.rr-cluster-card:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.07);
}

.rr-cluster-card.is-selected {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 10px 22px rgba(0,0,0,0.22);
}

.rr-cluster-card--neutral,
.rr-cluster-card--unlocked {
  border-color: rgba(255,255,255,0.16);
}

.rr-cluster-card--ready {
  border-color: rgba(64,200,120,0.55);
  box-shadow: inset 0 0 0 1px rgba(64,200,120,0.15);
}

.rr-cluster-card--blocked {
  border-color: rgba(220,74,74,0.48);
  box-shadow: inset 0 0 0 1px rgba(220,74,74,0.12);
}

.rr-cluster-card__name {
  font-weight: 700;
}

.rr-cluster-card__meta {
  color: var(--muted);
  font-size: 0.84rem;
  margin-top: 0.18rem;
}

.rr-bunker-detail h4 {
  margin-bottom: 0.65rem;
}

.rr-bunker-detail__sub {
  color: var(--muted);
  margin-bottom: 1rem;
}

.rr-bunker-state-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: #fff;
  font-size: 0.82rem;
  margin-bottom: 0.9rem;
}

.rr-req-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.rr-req-btn {
  appearance: none;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.04);
  color: #fff;
  border-radius: 999px;
  padding: 0.5rem 0.8rem;
  font: inherit;
  cursor: pointer;
}

.rr-req-btn:hover {
  background: rgba(255,255,255,0.08);
}

.rr-req-btn.is-met {
  border-color: rgba(64,200,120,0.48);
}

@media (max-width: 1100px) {
  .rr-bunker-layout {
    grid-template-columns: 1fr;
  }
}

/* --- Patch 4: simpler bunker guide, locked map images, task cleanup --- */
.rr-map-status[hidden] { display: none !important; }

.rr-task-status--catalog { display: none; }
.rr-task-status--locked {
  color: #f5c4c4;
  border-color: rgba(220,74,74,0.42);
  background: rgba(220,74,74,0.10);
}

.rr-map-card--locked .rr-map-card__figure img {
  filter: none;
  transform: none;
}

.rr-map-card--locked .rr-map-card__figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.16), rgba(0,0,0,0.46));
}

.rr-bunker-tools {
  margin-bottom: 0.85rem;
}

.rr-bunker-layout {
  grid-template-columns: minmax(320px, 0.95fr) minmax(360px, 1fr);
  align-items: start;
}

.rr-bunker-map-panel,
.rr-bunker-detail {
  max-height: calc(100vh - 8.5rem);
  overflow-y: auto;
}

.rr-bunker-detail {
  position: sticky;
  top: 5.2rem;
}

.rr-bunker-map {
  min-height: 0 !important;
  display: grid;
  gap: 0.7rem;
  border: 0;
  background: none;
  padding-right: 0.15rem;
}

.rr-cluster-card {
  grid-template-columns: 48px minmax(0, 1fr);
  background: linear-gradient(90deg, rgba(206,66,43, calc(0.03 + (var(--rr-depth-ratio, 0) * 0.14))), rgba(255,255,255,0.04));
}

.rr-cluster-card--neutral,
.rr-cluster-card--unlocked {
  border-color: rgba(255,255,255,0.16);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.rr-cluster-card--ready {
  border-color: rgba(64,200,120,0.62);
  background: linear-gradient(90deg, rgba(64,200,120,0.14), rgba(255,255,255,0.04));
}

.rr-cluster-card--blocked {
  border-color: rgba(220,74,74,0.62);
  background: linear-gradient(90deg, rgba(220,74,74,0.14), rgba(255,255,255,0.04));
}

.rr-cluster-card__meta {
  display: none;
}

.rr-bunker-detail__head {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1rem;
}

.rr-bunker-detail__head img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex: 0 0 auto;
}

.rr-bunker-detail__head h3 {
  margin: 0;
}

.rr-bunker-state-pill--unlocked {
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.05);
}

.rr-bunker-state-pill--ready {
  border-color: rgba(64,200,120,0.56);
  background: rgba(64,200,120,0.12);
}

.rr-bunker-state-pill--blocked {
  border-color: rgba(220,74,74,0.56);
  background: rgba(220,74,74,0.12);
}

.rr-stats-hero {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 0 1rem;
}

.rr-stats-hero img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  flex: 0 0 auto;
}

.rr-stats-hero__title {
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
}

.rr-stats-hero__sub {
  color: var(--muted);
  margin-top: 0.25rem;
}

@media (max-width: 1100px) {
  .rr-bunker-layout {
    grid-template-columns: 1fr;
  }

  .rr-bunker-map-panel,
  .rr-bunker-detail {
    max-height: none;
    overflow: visible;
  }

  .rr-bunker-detail {
    position: static;
  }
}

.rr-dot--unlocked { background: rgba(255,255,255,0.35); }
.rr-dot--ready { background: rgba(64,200,120,0.95); }
.rr-dot--blocked { background: rgba(220,74,74,0.92); }


/* --- Patch 5: leaner hero, offshore teaser map, full-column bunker scrolling --- */
.rr-summary-cards { display: none !important; }

.rr-bunker-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
}

.rr-bunker-map-panel,
.rr-bunker-detail {
  height: calc(100vh - 13.5rem);
  max-height: calc(100vh - 13.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.rr-bunker-map-panel {
  position: sticky;
  top: 5.2rem;
}

.rr-bunker-detail {
  position: sticky;
  top: 5.2rem;
}

.rr-bunker-map {
  display: block;
  padding-right: 0;
}

.rr-map-card--teaser .rr-map-card__figure::after {
  display: none;
}

.rr-map-card--teaser .rr-map-card__figure img {
  filter: none;
  transform: none;
}

@media (max-width: 1100px) {
  .rr-bunker-layout {
    grid-template-columns: 1fr;
  }

  .rr-bunker-map-panel,
  .rr-bunker-detail {
    position: static;
    height: auto;
    max-height: none;
    overflow: visible;
  }
}


/* --- Patch 6: map polish, bunker single-scroll layout, task accordion, signed-in banner hide --- */
.rr-overview-grid.is-signed-in {
  grid-template-columns: 1fr;
}

.rr-task-body {
  max-height: 0;
  overflow: hidden;
  padding: 0 1.05rem;
  border-top: 1px solid transparent;
  transition: max-height 0.28s ease, padding 0.28s ease, border-color 0.28s ease;
}

.rr-task-card[open] .rr-task-body {
  max-height: 2200px;
  padding: 0 1.05rem 1.05rem;
  border-top-color: rgba(255,255,255,0.05);
}

.rr-task-howto {
  padding-top: 1rem;
}

.rr-map-card__figure {
  position: relative;
  overflow: hidden;
  background: #0b0b0b;
  border-bottom: 0;
}

.rr-map-card__figure img {
  display: block;
}

.rr-map-card__body {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(14,14,14,0.98) 0%, rgba(10,10,10,0.94) 100%);
}

.rr-map-card__locked {
  z-index: 2;
}

.rr-map-toggle {
  position: relative;
  z-index: 3;
}

.rr-map-toggle button {
  position: relative;
  background: #131313;
}

.rr-map-toggle button.is-active {
  background: rgba(206,66,43,0.22);
}

.rr-map-card--locked .rr-map-card__figure::after {
  background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.5) 100%);
}

.rr-bunker-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: start;
}

.rr-bunker-map-panel,
.rr-bunker-detail {
  position: static;
  top: auto;
  height: auto;
  max-height: none;
  overflow: visible;
}

.rr-bunker-map {
  display: grid;
  gap: 0.9rem;
  padding-bottom: 40vh;
  min-height: 0 !important;
  border: 0;
  background: none;
}

.rr-cluster-card {
  grid-template-columns: 72px minmax(0, 1fr);
  min-height: 96px;
  padding: 1rem 1.15rem;
  border-width: 2px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  background-clip: padding-box;
  box-shadow: none;
}

.rr-cluster-card img {
  width: 64px;
  height: 64px;
}

.rr-cluster-card__bodycopy {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 0 0.25rem;
}

.rr-cluster-card__name {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  line-height: 1.2;
}

.rr-cluster-card.is-selected {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.14), 0 12px 28px rgba(0,0,0,0.24);
}

.rr-cluster-card--neutral,
.rr-cluster-card--unlocked {
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.045);
}

.rr-cluster-card--ready {
  border-color: rgba(64,200,120,0.68);
  background: linear-gradient(90deg, rgba(64,200,120,0.14), rgba(255,255,255,0.045));
}

.rr-cluster-card--blocked {
  border-color: rgba(220,74,74,0.72);
  background: linear-gradient(90deg, rgba(220,74,74,0.14), rgba(255,255,255,0.045));
}

.rr-cost-row__owned {
  min-width: 118px;
}

.rr-cost-row__need {
  color: var(--muted);
}

.rr-cost-row__ownedvalue {
  font-weight: 700;
}

.rr-cost-row__owned.is-unlocked .rr-cost-row__ownedvalue,
.rr-cost-row__owned.is-neutral .rr-cost-row__ownedvalue {
  color: var(--muted);
}

.rr-cost-row__owned.is-met .rr-cost-row__ownedvalue {
  color: #72c85f;
}

.rr-cost-row__owned.is-unmet .rr-cost-row__ownedvalue {
  color: #dc4a4a;
}

.rr-stats-hero img {
  width: 60px;
  height: 60px;
}

.rr-my-bunker-summary {
  padding: 1rem;
}

@media (max-width: 1100px) {
  .rr-bunker-layout {
    grid-template-columns: 1fr;
  }
}


/* --- Patch 7: centered sign-in, square maps, ranks section --- */
#rr-signin-callout,
#rr-signin-callout .rr-signin-box,
#rr-signin-callout h3 { text-align: center; }

#rr-signin-callout .rr-signin-box { min-height: 220px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#rr-stats-panel .rr-signin-box { min-height: 170px; padding:1.5rem 1rem; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#rr-stats-panel .rr-signin-box p, #rr-signin-callout .rr-signin-box p { max-width:760px; margin-left:auto; margin-right:auto; }

.rr-map-card__figure { aspect-ratio: 1 / 1; overflow:hidden; }
.rr-map-card__figure::after { content:""; position:absolute; left:0; right:0; bottom:0; height:32%; pointer-events:none; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.52) 100%); z-index:1; }
.rr-map-card--teaser .rr-map-card__figure::after { display:none; }
.rr-map-card__figure img { width:100%; height:100%; object-fit:cover; object-position:center; }
.rr-map-card__body { margin-top:0; background:linear-gradient(180deg, rgba(16,16,16,0.98) 0%, rgba(10,10,10,0.94) 100%); }
.rr-map-toggle { position:relative; z-index:4; margin-top:1rem; }
.rr-map-toggle button { position:relative; z-index:4; background:#141414; }

.rr-rank-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:1rem; }
.rr-rank-card { padding:1.15rem; display:grid; gap:0.9rem; align-content:start; }
.rr-rank-card__image { width:100%; max-height:170px; object-fit:contain; }
.rr-rank-card__title { font-size:1.15rem; color:#fff; }
.rr-rank-card__desc { color:var(--muted); line-height:1.55; }
.rr-rank-card__label { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:.76rem; }
.rr-rank-card__list { list-style:none; padding:0; margin:0; display:grid; gap:.45rem; }
.rr-rank-card__list li { color:#f0f0f0; }
.rr-rank-card__list li::before { content:"•"; color:var(--accent); margin-right:.5rem; }
.rr-rank-container-list { display:flex; flex-wrap:wrap; gap:.6rem; }
.rr-rank-container { display:inline-flex; align-items:center; gap:.55rem; padding:.45rem .65rem; border-radius:999px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); }
.rr-rank-container img { width:28px; height:28px; object-fit:contain; flex:0 0 auto; }
@media (max-width:900px){ .rr-rank-grid{ grid-template-columns:1fr; } }

/* --- Patch 8: ranks layout, bunker full-width list, map image cleanup --- */
.rr-bunker-layout{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start;}
.rr-bunker-detail,.rr-bunker-map-panel{position:static !important;top:auto !important;height:auto !important;max-height:none !important;overflow:visible !important;}
.rr-bunker-tools{width:100%;margin-bottom:1rem;}
.rr-bunker-tools .rr-input{width:100%;max-width:none;min-width:0;}
.rr-bunker-map{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:18vh !important;min-height:0 !important;border:0 !important;background:none !important;}
.rr-cluster-card{grid-template-columns:72px minmax(0,1fr) !important;min-height:108px !important;padding:1rem 1.15rem !important;border-width:2px !important;border-radius:18px !important;background:rgba(255,255,255,.045) !important;box-shadow:none !important;align-items:center !important;}
.rr-cluster-card--neutral,.rr-cluster-card--unlocked{border-color:rgba(255,255,255,.18) !important;background:rgba(255,255,255,.045) !important;}
.rr-cluster-card--ready{border-color:rgba(64,200,120,.72) !important;background:rgba(64,200,120,.10) !important;}
.rr-cluster-card--blocked{border-color:rgba(220,74,74,.72) !important;background:rgba(220,74,74,.10) !important;}
.rr-cluster-card img{width:64px !important;height:64px !important;object-fit:contain;}
.rr-cluster-card__bodycopy{display:flex;align-items:center;justify-content:center;min-height:64px;width:100%;}
.rr-cluster-card__name{text-align:center;width:100%;font-size:1rem;line-height:1.2;}
.rr-bunker-detail{scroll-margin-top:6rem;}
.rr-cost-list{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem !important;}
.rr-cost-row{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;text-align:center !important;grid-template-columns:none !important;gap:.55rem !important;min-height:184px;}
.rr-cost-row img{width:56px !important;height:56px !important;}
.rr-cost-row__owned{min-width:0 !important;text-align:center !important;}
.rr-map-card__figure{aspect-ratio:1/1 !important;overflow:hidden !important;background:#0d1014 !important;}
.rr-map-card__figure::after{display:none !important;}
.rr-map-card__figure img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;padding:.85rem;display:block;}
.rr-map-card__locked{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.42)) !important;z-index:2;}
.rr-map-card__body{margin-top:0 !important;background:linear-gradient(180deg,rgba(16,16,16,.98) 0%,rgba(10,10,10,.94) 100%) !important;}
.rr-map-toggle{position:relative;z-index:3;margin-top:1rem;display:inline-flex;gap:.5rem;}
.rr-map-toggle button{position:relative;z-index:3;background:#141414 !important;}
#rr-ranks-panel .rr-ranks-shell{display:grid;gap:1rem;}
#rr-ranks-panel .rr-ranks-priority .rr-rank-card{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:1.15rem;align-items:center;padding:1.2rem;}
#rr-ranks-panel .rr-rank-card--priority .rr-rank-card__image{max-height:180px;width:100%;object-fit:contain;}
#rr-ranks-panel .rr-rank-card__content{display:grid;gap:.9rem;align-content:start;}
#rr-ranks-panel .rr-rank-grid--main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
#rr-ranks-panel .rr-rank-grid--main .rr-rank-card{padding:1.15rem;display:grid;gap:.9rem;align-content:start;min-height:100%;}
#rr-ranks-panel .rr-rank-grid--main .rr-rank-card__image{width:100%;max-height:150px;object-fit:contain;}
@media (max-width:1100px){.rr-bunker-map{grid-template-columns:repeat(2,minmax(0,1fr));}.rr-cost-list{grid-template-columns:repeat(2,minmax(0,1fr));}#rr-ranks-panel .rr-ranks-priority .rr-rank-card{grid-template-columns:1fr;}#rr-ranks-panel .rr-rank-grid--main{grid-template-columns:1fr;}}
@media (max-width:760px){.rr-bunker-map{grid-template-columns:1fr;}.rr-cost-list{grid-template-columns:1fr;}}
@media (max-width:760px){.rr-rank-card__container-row{grid-template-columns:1fr;align-items:start;}.rr-rank-card__container-row .rr-rank-card__actions{justify-content:flex-start;}}


/* --- Patch 9: rr page background, map cleanup, rank actions, bunker recycler --- */
body.rr-page {
  background-image: linear-gradient(0deg, rgba(26,26,26,0.88) 0%, rgba(11,11,11,0.96) 34%, rgba(5,5,5,1) 100%), url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
  background-size: 100% 100%, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed;
}

.rr-map-card__figure { background:#101418 !important; }
.rr-map-card__figure img { padding:0 !important; object-fit:contain !important; }
.rr-map-card__locked {
  background: rgba(0,0,0,0.24) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.66);
}

.rr-rank-card__container-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.85rem; margin-top:.15rem; }
.rr-rank-card__container-block { margin-top: 0; min-width:0; }
.rr-rank-card__label--container { display:block; margin-bottom: .7rem; }
.rr-rank-container-list { margin-top: .15rem; }
.rr-rank-container { align-items:center; }
.rr-rank-container__text { display:flex; flex-direction:column; min-width:0; }
.rr-rank-container__name { color:#fff; }
.rr-rank-container__slots { color:var(--muted); font-size:.82rem; line-height:1.35; }
.rr-rank-card__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:auto; justify-content:flex-end; }
.rr-rank-card__container-row .rr-rank-card__actions { margin-top:0; align-self:center; }
.rr-rank-card__store { min-width: 0; }

#rr-ranks-panel .rr-rank-grid--main .rr-rank-card,
#rr-ranks-panel .rr-ranks-priority .rr-rank-card { min-height: 100%; }

/* --- Patch 10: combined tasks section + values table --- */
.rr-inline-link {
  color: #d8d2ca;
  text-decoration: underline;
  text-decoration-color: rgba(216,210,202,0.58);
  text-underline-offset: 0.18rem;
}

.rr-inline-link:hover {
  color: #fff;
  text-decoration-color: rgba(255,255,255,0.92);
}

.rr-npc-grid--tasks {
  margin-bottom: 1.15rem;
}

.rr-task-browser-intro {
  margin: 0 auto 1rem;
  max-width: 980px;
  text-align: center;
}

.rr-task-browser-intro h3 {
  margin-bottom: 0.45rem;
  font-size: 1.2rem;
}

.rr-task-browser-intro p {
  margin: 0;
  color: var(--muted);
}

.rr-values-table-wrap {
  overflow: hidden;
}

.rr-values-table {
  width: 100%;
  border-collapse: collapse;
}

.rr-values-table thead th {
  text-align: left;
  padding: 0.95rem 1rem;
  font-family: var(--font-head);
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.rr-values-table tbody td {
  padding: 0.9rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  vertical-align: middle;
}

.rr-values-table tbody tr:last-child td {
  border-bottom: 0;
}

.rr-values-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.rr-values-item img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  object-fit: cover;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.rr-values-item__name {
  color: #fff;
  font-weight: 600;
  line-height: 1.35;
}

#rr-values-empty {
  margin: 1rem;
}

@media (max-width: 760px) {
  .rr-values-table thead {
    display: none;
  }

  .rr-values-table,
  .rr-values-table tbody,
  .rr-values-table tr,
  .rr-values-table td {
    display: block;
    width: 100%;
  }

  .rr-values-table tbody tr {
    padding: 0.2rem 0;
  }

  .rr-values-table tbody td {
    padding: 0.5rem 1rem 0.85rem;
    border-bottom: 0;
  }

  .rr-values-table tbody tr + tr {
    border-top: 1px solid rgba(255,255,255,0.08);
  }

  .rr-values-table tbody td:nth-child(2)::before {
    content: "Sell Value";
  }

  .rr-values-table tbody td:nth-child(3)::before {
    content: "Flea Market";
  }

  .rr-values-table tbody td:nth-child(2)::before,
  .rr-values-table tbody td:nth-child(3)::before {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--muted);
    font-size: 0.78rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
}