.boss-planner-section,
.ark-ops-map,
.damodex-lab {
  scroll-margin-top: 96px;
}

.boss-planner-section {
  position: relative;
  z-index: 2;
  padding-block: 68px;
  border-top: 1px solid rgba(255, 194, 103, 0.18);
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 168, 74, 0.12), transparent 32%),
    linear-gradient(145deg, #100b06, #08100a 58%, #050806);
}

.boss-planner-section .ark-heading {
  margin-bottom: 28px;
}

.boss-planner-section h2 {
  margin: 10px 0 14px;
  color: var(--ark-bone);
  font: 900 clamp(46px, 5.3vw, 82px)/0.88 var(--ark-display);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.boss-planner-section h2 span {
  color: var(--ark-amber-hot);
}

.boss-planner {
  overflow: hidden;
  border: 1px solid rgba(255, 194, 103, 0.28);
  background: rgba(6, 12, 8, 0.96);
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.42);
}

.boss-planner input,
.boss-planner select,
.boss-planner textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--ark-line);
  border-radius: 0;
  padding: 10px 12px;
  background: #07100a;
  color: var(--ark-bone);
  font: 700 11px/1.35 var(--ark-mono);
}

.boss-planner textarea {
  min-height: 86px;
  resize: vertical;
}

.boss-planner button,
.ark-ops-map button {
  min-height: 40px;
  border: 1px solid var(--ark-line);
  border-radius: 0;
  padding: 0 14px;
  background: rgba(114, 198, 110, 0.08);
  color: rgba(230, 239, 225, 0.78);
  cursor: pointer;
  font: 900 9px/1.2 var(--ark-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.boss-planner button:hover,
.boss-planner button:focus-visible,
.ark-ops-map button:hover,
.ark-ops-map button:focus-visible {
  border-color: rgba(158, 251, 128, 0.65);
  color: var(--ark-green-hot);
  outline: 0;
}

.boss-planner__form {
  border-bottom: 1px solid var(--ark-line);
}

.boss-planner__selectors {
  display: grid;
  grid-template-columns: 0.8fr 1.3fr 0.6fr;
  gap: 1px;
  padding: 1px;
  background: var(--ark-line);
}

.boss-planner__selectors label,
.boss-planner__custom label {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 18px;
  background: #0a120d;
}

.boss-planner label > span,
.boss-planner__result header span,
.boss-planner__saved > header span,
.boss-planner__requirements header span,
.damodex-food-plan header span,
.damodex-family > span {
  color: var(--ark-amber-hot);
  font: 900 9px/1.2 var(--ark-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.boss-planner__form > details > summary,
.boss-planner__transfer > summary {
  padding: 15px 20px;
  color: var(--ark-green-hot);
  cursor: pointer;
  font: 900 10px/1.3 var(--ark-mono);
  text-transform: uppercase;
}

.boss-planner__custom {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid var(--ark-line);
  background: var(--ark-line);
}

.boss-planner__notes {
  grid-column: span 3;
}

.boss-planner__actions {
  display: flex;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--ark-line);
}

.boss-planner__actions button:first-child {
  border-color: rgba(255, 194, 103, 0.58);
  background: rgba(255, 168, 74, 0.12);
  color: var(--ark-amber-hot);
}

.boss-planner__result > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--ark-line);
  background: linear-gradient(90deg, rgba(255, 168, 74, 0.08), transparent);
}

.boss-planner__result h3 {
  margin: 5px 0 0;
  color: var(--ark-bone);
  font: 900 clamp(28px, 3vw, 44px)/0.95 var(--ark-display);
  text-transform: uppercase;
}

.boss-planner__result > header > strong {
  border: 1px solid rgba(255, 194, 103, 0.38);
  padding: 9px 12px;
  color: var(--ark-amber-hot);
  font: 900 10px/1 var(--ark-mono);
}

.boss-planner__result > header > strong.is-complete {
  border-color: rgba(158, 251, 128, 0.55);
  color: var(--ark-green-hot);
  box-shadow: 0 0 22px rgba(158, 251, 128, 0.12);
}

.boss-planner__readout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--ark-line);
}

.boss-planner__readout section {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 18px 20px;
  background: #08100b;
}

.boss-planner__readout span,
.boss-planner__readout small {
  color: rgba(219, 230, 214, 0.58);
  font: 800 8px/1.35 var(--ark-mono);
  text-transform: uppercase;
}

.boss-planner__readout b {
  overflow-wrap: anywhere;
  color: var(--ark-green-hot);
  font: 900 17px/1.1 var(--ark-display);
  text-transform: uppercase;
}

.boss-planner__requirements {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--ark-line);
}

.boss-planner__requirements > section {
  padding: 22px;
  background: #0a120d;
}

.boss-planner__requirements header,
.boss-planner__saved > header,
.damodex-food-plan header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 15px;
}

.boss-planner__requirements header strong,
.boss-planner__saved > header strong,
.damodex-food-plan header strong {
  color: var(--ark-green-hot);
  font: 900 8px/1.2 var(--ark-mono);
  text-transform: uppercase;
}

.boss-planner__requirements ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.boss-planner__requirements li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--ark-line);
  color: rgba(222, 232, 218, 0.74);
  font-size: 11px;
}

.boss-planner__requirements li b {
  color: var(--ark-amber-hot);
  font-family: var(--ark-mono);
}

.boss-planner__requirements dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.boss-planner__requirements dl div {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 12px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.boss-planner__requirements dt,
.boss-planner__requirements dd {
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.boss-planner__requirements dt { color: var(--ark-amber-hot); font-family: var(--ark-mono); }
.boss-planner__requirements dd { color: rgba(222, 232, 218, 0.78); }
.boss-planner__requirements > section > p,
.boss-planner__source-gap p { margin: 14px 0 0; color: rgba(222, 232, 218, 0.66); font-size: 12px; line-height: 1.55; }
.boss-planner__source-gap { padding: 18px; border: 1px dashed rgba(255, 194, 103, 0.36); }
.boss-planner__source-gap strong { color: var(--ark-amber-hot); font: 900 12px/1 var(--ark-mono); }

.boss-planner__result > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 20px;
  border-top: 1px solid var(--ark-line);
}

.boss-planner__result > footer a,
.boss-planner__result > footer span {
  color: var(--ark-green-hot);
  font: 800 8px/1.4 var(--ark-mono);
  text-transform: uppercase;
}

.boss-planner__result > footer span { color: rgba(222, 232, 218, 0.52); text-align: right; }

.boss-planner__saved {
  padding: 20px;
  border-top: 1px solid var(--ark-line);
}

.boss-planner__saved [data-boss-saved] {
  display: grid;
  gap: 8px;
}

.boss-planner__saved article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px;
  border: 1px solid var(--ark-line);
}

.boss-planner__saved article span,
.boss-planner__saved article strong,
.boss-planner__saved article small { display: block; }
.boss-planner__saved article span { color: var(--ark-amber-hot); font: 800 8px/1.2 var(--ark-mono); text-transform: uppercase; }
.boss-planner__saved article strong { margin: 5px 0; color: var(--ark-bone); font: 900 16px/1 var(--ark-display); text-transform: uppercase; }
.boss-planner__saved article small { color: rgba(222, 232, 218, 0.55); font: 700 8px/1.3 var(--ark-mono); }
.boss-planner__saved article > div:last-child { display: flex; gap: 6px; }
.boss-planner__saved > div > p { margin: 0; color: rgba(222, 232, 218, 0.58); font-size: 12px; }

.boss-planner__transfer { border-top: 1px solid var(--ark-line); }
.boss-planner__transfer textarea { width: calc(100% - 40px); margin: 0 20px 10px; }
.boss-planner__transfer > div { display: flex; gap: 8px; padding: 0 20px 18px; }
.boss-planner__message { min-height: 38px; margin: 0; padding: 12px 20px; border-top: 1px solid var(--ark-line); color: var(--ark-green-hot); font: 800 10px/1.4 var(--ark-mono); text-transform: uppercase; }
.boss-planner-section__map-link { margin-top: 18px; }

.damodex-food-plan,
.damodex-family {
  margin-top: 12px;
  border: 1px solid var(--ark-line);
  padding: 16px;
  background: rgba(8, 16, 11, 0.72);
}

.damodex-food-plan > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--ark-line);
}

.damodex-food-plan article {
  display: grid;
  gap: 5px;
  padding: 12px;
  background: #08100b;
}

.damodex-food-plan article b { color: var(--ark-green-hot); font: 900 20px/1 var(--ark-display); }
.damodex-food-plan article span { color: rgba(222, 232, 218, 0.58); font: 800 8px/1.3 var(--ark-mono); text-transform: uppercase; }
.damodex-food-plan > p,
.damodex-family p { margin: 12px 0 0; color: rgba(222, 232, 218, 0.62); font-size: 11px; line-height: 1.5; }
.damodex-food-plan.is-pending { border-style: dashed; }
.damodex-family strong { display: block; margin-top: 7px; color: var(--ark-bone); font: 900 17px/1.2 var(--ark-display); text-transform: uppercase; }
.damodex-lines article em { color: rgba(222, 232, 218, 0.56); font: 700 9px/1.4 var(--ark-mono); }
.damodex-lines article > div { display: flex; gap: 6px; }

.ark-ops-map {
  border-bottom: 1px solid var(--ark-line);
  background: #07100a;
}

.ark-ops-map > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
  gap: 24px;
  align-items: end;
  padding: 22px 24px;
  border-bottom: 1px solid var(--ark-line);
}

.ark-ops-map > header > div:first-child > span,
.ark-ops-map__form header span,
.ark-ops-map__intel header span {
  color: var(--ark-amber-hot);
  font: 900 9px/1.3 var(--ark-mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.ark-ops-map h4 {
  margin: 7px 0;
  color: var(--ark-bone);
  font: 900 clamp(26px, 3vw, 42px)/0.95 var(--ark-display);
  text-transform: uppercase;
}

.ark-ops-map > header p {
  max-width: 720px;
  margin: 0;
  color: rgba(222, 232, 218, 0.62);
  font-size: 12px;
  line-height: 1.5;
}

.ark-ops-map__filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.ark-ops-map__filters button.is-active {
  border-color: var(--ark-amber-hot);
  background: rgba(255, 168, 74, 0.12);
  color: var(--ark-amber-hot);
}

.ark-ops-map__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
  min-height: 540px;
}

.ark-ops-map__surface {
  position: relative;
  overflow: hidden;
  min-height: 540px;
  border-right: 1px solid var(--ark-line);
  background:
    linear-gradient(rgba(158, 251, 128, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(158, 251, 128, 0.06) 1px, transparent 1px),
    radial-gradient(circle at 48% 45%, rgba(64, 104, 61, 0.26), transparent 46%),
    linear-gradient(135deg, #0b1710, #08100b);
  background-size: 10% 10%, 10% 10%, auto, auto;
}

.ark-ops-map__surface::before {
  position: absolute;
  inset: 8% 7%;
  border: 1px solid rgba(158, 251, 128, 0.16);
  content: "";
  clip-path: polygon(8% 28%, 20% 9%, 45% 13%, 65% 4%, 89% 18%, 96% 48%, 81% 72%, 59% 88%, 32% 81%, 9% 63%);
  background: linear-gradient(145deg, rgba(61, 103, 59, 0.22), rgba(18, 38, 24, 0.38));
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3);
}

.ark-ops-map__grid {
  position: absolute;
  inset: 10px 12px auto;
  display: flex;
  justify-content: space-between;
  color: rgba(158, 251, 128, 0.36);
  font: 700 8px/1 var(--ark-mono);
}

.ark-ops-map__axis {
  position: absolute;
  z-index: 1;
  color: rgba(158, 251, 128, 0.32);
  font: 800 8px/1 var(--ark-mono);
  letter-spacing: 0.14em;
}

.ark-ops-map__axis--lat { top: 50%; left: 7px; transform: rotate(-90deg) translateX(-50%); transform-origin: left top; }
.ark-ops-map__axis--lon { right: 12px; bottom: 8px; }

.ark-ops-map__pin {
  position: absolute;
  top: var(--pin-y);
  left: var(--pin-x);
  z-index: 3;
  display: grid;
  grid-template-columns: 28px auto;
  gap: 7px;
  align-items: center;
  min-height: 30px !important;
  max-width: 190px;
  padding: 0 9px 0 0 !important;
  transform: translate(-14px, -14px);
  background: rgba(5, 12, 8, 0.9) !important;
  text-align: left;
  text-transform: none !important;
}

.ark-ops-map__pin i {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  background: var(--ark-green-hot);
  color: #061008;
  font: 900 9px/1 var(--ark-mono);
  font-style: normal;
}

.ark-ops-map__pin span {
  overflow: hidden;
  color: rgba(235, 244, 230, 0.8);
  font: 800 8px/1.25 var(--ark-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ark-ops-map__pin--resource i { background: #88da7f; }
.ark-ops-map__pin--artifact i { background: #ffc267; }
.ark-ops-map__pin--boss i { background: #ff795f; }
.ark-ops-map__pin--creature i { background: #74cbff; }
.ark-ops-map__pin--explorer i { background: #d99dff; }
.ark-ops-map__pin.is-personal i { border: 1px solid #fff0c9; background: #fff0c9; }
.ark-ops-map__pin.is-active { border-color: var(--ark-amber-hot); box-shadow: 0 0 26px rgba(255, 194, 103, 0.18); }
.ark-ops-map__empty { position: absolute; inset: 45% 20px auto; z-index: 2; margin: 0; color: rgba(222, 232, 218, 0.58); font: 800 10px/1.4 var(--ark-mono); text-align: center; text-transform: uppercase; }

.ark-ops-map__layout > aside {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
}

.ark-ops-map__intel,
.ark-ops-map__form { padding: 20px; }
.ark-ops-map__intel { border-bottom: 1px solid var(--ark-line); }
.ark-ops-map__intel header,
.ark-ops-map__form header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ark-ops-map__intel header strong,
.ark-ops-map__form header strong { color: var(--ark-green-hot); font: 800 8px/1.3 var(--ark-mono); text-align: right; text-transform: uppercase; }
.ark-ops-map__intel h5 { margin: 13px 0 7px; color: var(--ark-bone); font: 900 24px/1 var(--ark-display); text-transform: uppercase; }
.ark-ops-map__intel > p { margin: 0 0 12px; color: rgba(222, 232, 218, 0.65); font-size: 12px; line-height: 1.55; }
.ark-ops-map__intel details { margin-top: 14px; }
.ark-ops-map__intel summary { color: var(--ark-amber-hot); cursor: pointer; font: 800 9px/1.3 var(--ark-mono); text-transform: uppercase; }
.ark-ops-map__intel details > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.ark-ops-map__intel details button { min-height: 30px; padding-inline: 8px; }

.ark-ops-map__form { display: grid; align-content: start; gap: 8px; }
.ark-ops-map__form > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ark-ops-map__form label { display: grid; gap: 6px; }
.ark-ops-map__form label span { color: rgba(222, 232, 218, 0.58); font: 800 8px/1.2 var(--ark-mono); text-transform: uppercase; }
.ark-ops-map__form select { min-height: 42px; border: 1px solid var(--ark-line); background: #08100b; color: var(--ark-bone); font: 700 10px/1.3 var(--ark-mono); }
.ark-ops-map__legend { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 11px 18px; border-top: 1px solid var(--ark-line); color: rgba(222, 232, 218, 0.46); font: 800 8px/1.35 var(--ark-mono); text-transform: uppercase; }

/* Source-backed resource atlas */
.ark-ops-map__surface::before { display: none; }
.ark-ops-map__filters { position: relative; align-items: center; }
.ark-resource-map__scope { display: flex; flex-wrap: wrap; gap: 6px; }
.ark-resource-map__scope button,
.ark-resource-map__filter-menu summary,
.ark-resource-map__filter-actions button {
  min-height: 34px;
  border: 1px solid var(--ark-line);
  background: rgba(8, 16, 11, 0.96);
  color: rgba(222, 232, 218, 0.68);
  font: 800 8px/1.2 var(--ark-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ark-resource-map__scope button.is-active { border-color: var(--ark-amber-hot); color: var(--ark-amber-hot); }
.ark-resource-map__pending { color: rgba(222, 232, 218, 0.55); font: 800 8px/1.3 var(--ark-mono); letter-spacing: 0.05em; text-transform: uppercase; }
.ark-resource-map__filter-menu { position: relative; }
.ark-resource-map__filter-menu summary { display: flex; min-width: 150px; align-items: center; justify-content: space-between; gap: 15px; padding: 0 12px; cursor: pointer; list-style: none; }
.ark-resource-map__filter-menu summary::-webkit-details-marker { display: none; }
.ark-resource-map__filter-menu summary::before { color: var(--ark-amber-hot); content: "+"; font-size: 14px; }
.ark-resource-map__filter-menu[open] summary { border-color: var(--ark-amber-hot); color: var(--ark-amber-hot); }
.ark-resource-map__filter-menu[open] summary::before { content: "−"; }
.ark-resource-map__filter-menu summary b { color: var(--ark-green-hot); }
.ark-resource-map__filter-panel { position: absolute; z-index: 20; top: calc(100% + 8px); right: 0; width: min(660px, 80vw); border: 1px solid rgba(255, 194, 103, 0.34); background: rgba(5, 12, 8, 0.985); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6); }
.ark-resource-map__filter-actions { display: flex; gap: 6px; padding: 10px; border-bottom: 1px solid var(--ark-line); }
.ark-resource-map__filter-actions button { min-height: 30px; padding-inline: 10px; }
.ark-resource-map__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: min(52vh, 430px); overflow: auto; padding: 8px; scrollbar-color: var(--ark-amber-hot) #08100b; }
.ark-resource-map__choices label { display: grid; grid-template-columns: 16px 10px minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 36px; padding: 5px 7px; border: 1px solid transparent; color: rgba(222, 232, 218, 0.7); cursor: pointer; font: 750 9px/1.2 var(--ark-mono); }
.ark-resource-map__choices label:hover { border-color: var(--ark-line); background: rgba(158, 251, 128, 0.04); }
.ark-resource-map__choices input { width: 14px; height: 14px; accent-color: var(--ark-amber-hot); }
.ark-resource-map__choices i,
.ark-resource-map__cluster-list i { width: 8px; height: 8px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50%; background: var(--resource-color); }
.ark-resource-map__choices b { color: rgba(222, 232, 218, 0.42); font-size: 8px; }

.ark-resource-map__canvas { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; }
.ark-resource-map__canvas.is-dragging { cursor: grabbing; }
.ark-resource-map__canvas:focus-visible { outline: 2px solid var(--ark-amber-hot); outline-offset: -4px; }
.ark-resource-map__controls { position: absolute; z-index: 4; top: 14px; left: 14px; display: flex; gap: 5px; }
.ark-resource-map__controls button { min-width: 36px; min-height: 36px; padding: 0 10px; border-color: rgba(255, 240, 201, 0.36); background: rgba(5, 12, 8, 0.9); color: var(--ark-bone); font: 900 13px/1 var(--ark-mono); backdrop-filter: blur(8px); }
.ark-resource-map__controls button:last-child { font-size: 8px; text-transform: uppercase; }
.ark-resource-map__coordinates,
.ark-resource-map__status { position: absolute; z-index: 4; border: 1px solid rgba(255, 240, 201, 0.25); background: rgba(5, 12, 8, 0.88); color: var(--ark-bone); font: 850 9px/1.3 var(--ark-mono); letter-spacing: 0.05em; backdrop-filter: blur(8px); }
.ark-resource-map__coordinates { right: 14px; bottom: 14px; padding: 9px 11px; }
.ark-resource-map__status { top: 50%; left: 50%; max-width: min(380px, calc(100% - 40px)); padding: 12px 16px; transform: translate(-50%, -50%); color: var(--ark-amber-hot); text-align: center; text-transform: uppercase; }
.ark-resource-map__source { display: block; margin-top: 12px; color: rgba(222, 232, 218, 0.43); font: 700 8px/1.5 var(--ark-mono); }
.ark-resource-map__source a { color: var(--ark-amber-hot); }
.ark-resource-map__cluster-list { display: grid; gap: 5px; margin: 13px 0 0; padding: 0; list-style: none; }
.ark-resource-map__cluster-list li { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 7px 8px; border: 1px solid var(--ark-line); color: rgba(222, 232, 218, 0.7); font: 750 9px/1.2 var(--ark-mono); }
.ark-resource-map__cluster-list strong { color: var(--ark-green-hot); }

/* Unified DamoDex world atlas */
.ark-atlas-section {
  padding-block: 72px 86px;
  background:
    radial-gradient(circle at 78% 12%, rgba(116, 203, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(7, 16, 10, 0.98), rgba(10, 20, 13, 0.96));
}

.ark-atlas-section .ark-heading { margin-bottom: 30px; }
.ark-atlas { overflow: visible; border: 1px solid rgba(158, 251, 128, 0.24); box-shadow: 0 36px 110px rgba(0, 0, 0, 0.42); }
.ark-atlas > .ark-atlas__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px 28px;
  align-items: end;
}
.ark-atlas__selectors { display: flex; align-items: end; gap: 10px; }
.ark-atlas__world-select { display: grid; gap: 7px; min-width: 240px; }
.ark-atlas__world-select > span,
.ark-spawn-map__picker > span {
  color: var(--ark-amber-hot);
  font: 900 8px/1 var(--ark-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ark-atlas__world-select select,
.ark-spawn-map__picker select {
  min-height: 44px;
  border: 1px solid rgba(158, 251, 128, 0.28);
  border-radius: 0;
  padding: 0 38px 0 12px;
  background: #07100a;
  color: var(--ark-bone);
  font: 850 10px/1.2 var(--ark-mono);
  text-transform: uppercase;
}
.ark-atlas__modes { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; min-width: 260px; background: var(--ark-line); }
.ark-atlas__modes button { min-height: 44px; background: #08100b; }
.ark-atlas__modes button.is-active {
  border-color: var(--ark-amber-hot);
  background: linear-gradient(135deg, rgba(255, 168, 74, 0.2), rgba(116, 203, 255, 0.08));
  color: var(--ark-amber-hot);
  box-shadow: inset 0 -2px 0 var(--ark-amber-hot);
}
.ark-atlas__worlds {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  padding-top: 4px;
}
.ark-atlas__worlds button {
  display: grid;
  min-height: 54px;
  align-content: center;
  gap: 4px;
  padding: 8px 10px;
  background: rgba(8, 16, 11, 0.8);
  text-align: left;
}
.ark-atlas__worlds button span { color: rgba(222, 232, 218, 0.42); font-size: 7px; }
.ark-atlas__worlds button strong { color: rgba(235, 244, 230, 0.76); font: 900 11px/1 var(--ark-display); }
.ark-atlas__worlds button.is-active {
  border-color: var(--ark-green-hot);
  background: linear-gradient(90deg, rgba(75, 130, 69, 0.28), rgba(8, 16, 11, 0.94));
  box-shadow: inset 3px 0 0 var(--ark-green-hot);
}
.ark-atlas__worlds button.is-active strong { color: var(--ark-green-hot); }
.ark-atlas > header .ark-ops-map__filters { grid-column: 1 / -1; justify-content: flex-start; padding-top: 2px; }
.ark-atlas__message { min-height: 38px; margin: 0; padding: 11px 18px; border-top: 1px solid var(--ark-line); color: var(--ark-green-hot); font: 800 9px/1.4 var(--ark-mono); text-transform: uppercase; }
.ark-spawn-map__picker { display: grid; grid-template-columns: auto minmax(240px, 390px); gap: 10px; align-items: center; }
.ark-spawn-map__picker select { min-height: 36px; }
.ark-resource-map__damodex {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  margin: 2px 0 10px;
  border: 1px solid rgba(116, 203, 255, 0.44);
  padding: 0 11px;
  color: #aee4ff;
  font: 900 8px/1.2 var(--ark-mono);
  text-transform: uppercase;
}
.ark-resource-map__zone-summary { color: #aee4ff !important; font: 850 9px/1.4 var(--ark-mono); text-transform: uppercase; }
.ark-ops-map__surface[data-atlas-mode="wild"] { box-shadow: inset 0 0 70px rgba(58, 152, 207, 0.1); }

@media (max-width: 1050px) {
  .ark-ops-map > header { grid-template-columns: 1fr; }
  .ark-ops-map__filters { justify-content: flex-start; }
  .boss-planner__custom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .boss-planner__notes { grid-column: span 2; }
  .ark-atlas > .ark-atlas__header { grid-template-columns: 1fr; }
  .ark-atlas__selectors { align-items: stretch; }
  .ark-atlas__worlds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .ark-ops-map__layout { grid-template-columns: 1fr; }
  .ark-ops-map__surface { min-height: 480px; border-right: 0; border-bottom: 1px solid var(--ark-line); }
  .boss-planner__requirements { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .boss-planner-section,
  .ark-ops-map,
  .damodex-lab { scroll-margin-top: 112px; }
  .boss-planner-section { padding-block: 52px; }
  .boss-planner-section h2 { font-size: clamp(38px, 11.5vw, 58px); }
  .boss-planner__selectors,
  .boss-planner__readout { grid-template-columns: 1fr; }
  .boss-planner__custom { grid-template-columns: 1fr; }
  .boss-planner__notes { grid-column: auto; }
  .boss-planner__actions,
  .boss-planner__result > footer,
  .boss-planner__saved article { align-items: stretch; flex-direction: column; }
  .boss-planner__requirements ol { grid-template-columns: 1fr; }
  .boss-planner__result > footer span { text-align: left; }
  .boss-planner__saved article > div:last-child { width: 100%; }
  .boss-planner__saved article button { flex: 1; }
  .boss-planner__transfer > div { flex-direction: column; }
  .damodex-food-plan > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ark-ops-map > header { padding: 18px; }
  .ark-ops-map__filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ark-ops-map__filters button { padding-inline: 6px; }
  .ark-resource-map__scope { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ark-resource-map__filter-menu summary { width: 100%; }
  .ark-resource-map__filter-panel { right: auto; left: 0; width: min(92vw, 620px); }
  .ark-ops-map__surface { min-height: 430px; }
  .ark-ops-map__pin { grid-template-columns: 28px; max-width: 30px; padding: 0 !important; }
  .ark-ops-map__pin span { display: none; }
  .ark-ops-map__legend { flex-direction: column; }
  .ark-atlas-section { padding-block: 54px 64px; }
  .ark-atlas__selectors { display: grid; grid-template-columns: 1fr; }
  .ark-atlas__world-select,
  .ark-atlas__modes { min-width: 0; }
  .ark-atlas__worlds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ark-spawn-map__picker { grid-template-columns: 1fr; }
  .ark-spawn-map__picker select { width: 100%; min-width: 0; }
}

@media (max-width: 460px) {
  .damodex-food-plan > div { grid-template-columns: 1fr 1fr; }
  .ark-ops-map__surface { min-height: 380px; }
  .ark-ops-map__form > div { grid-template-columns: 1fr; }
  .ark-resource-map__choices { grid-template-columns: 1fr; }
  .ark-resource-map__coordinates { right: 9px; bottom: 9px; }
  .ark-resource-map__controls { top: 9px; left: 9px; }
  .ark-atlas__worlds { grid-template-columns: 1fr 1fr; }
  .ark-atlas__worlds button { min-height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .ark-ops-map__pin { transition: none !important; }
}