.mcf-guide-article .mcf-ore-explorer {
  --mcf-ore-accent: #43d8f2;
  --mcf-ore-light: #c6fbff;
  --mcf-ore-deep: #147d9c;
  --mcf-ore-shadow: #073f53;
  --mcf-ore-zone: rgba(67, 216, 242, 0.24);
  --mcf-ore-zone-border: rgba(97, 236, 255, 0.94);
  --mcf-chart-sky-a: #9be9fb;
  --mcf-chart-sky-b: #d7f4fb;
  --mcf-chart-top: #927855;
  --mcf-chart-ground-a: #6d7378;
  --mcf-chart-ground-b: #43535d;
  --mcf-chart-bottom: #27323a;
  margin: 30px 0;
  overflow: hidden;
  border: 1px solid var(--mcf-guide-article-border, #28485a);
  border-radius: 18px;
  background: #102638;
  box-shadow: var(--mcf-guide-article-shadow, 0 10px 24px rgba(0, 0, 0, 0.14));
  color: #edf8ff;
}

.mcf-guide-article .mcf-ore-explorer__head {
  padding: 21px 22px 16px;
  border-bottom: 1px solid rgba(137, 231, 247, 0.18);
  background: linear-gradient(135deg, color-mix(in srgb, var(--mcf-ore-accent) 18%, transparent), transparent 65%);
}

.mcf-guide-article .mcf-ore-explorer__eyebrow {
  margin: 0 0 5px;
  color: var(--mcf-ore-light);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mcf-guide-article .mcf-ore-explorer__title {
  margin: 0 0 5px;
  color: #f5fcff;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.25;
}

.mcf-guide-article .mcf-ore-explorer__subtitle {
  margin: 0;
  color: #c8dce6;
  font-size: 0.94rem;
  line-height: 1.52;
}

.mcf-guide-article .mcf-ore-explorer__tabs-wrap {
  padding: 15px 18px 17px;
  border-bottom: 1px solid rgba(137, 231, 247, 0.14);
  background: #0d2131;
}

.mcf-guide-article .mcf-ore-explorer__tabs-label {
  margin: 0 0 9px;
  color: #adc5d0;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.mcf-guide-article .mcf-ore-explorer__tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.mcf-guide-article .mcf-ore-explorer__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 37px;
  padding: 7px 8px;
  border: 1px solid rgba(118, 196, 218, 0.28);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.035);
  color: #d8e7ee;
  cursor: pointer;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.1;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.mcf-guide-article .mcf-ore-explorer__tab:hover,
.mcf-guide-article .mcf-ore-explorer__tab:focus-visible {
  border-color: var(--mcf-ore-zone-border);
  outline: 0;
  background: color-mix(in srgb, var(--mcf-ore-accent) 16%, rgba(255, 255, 255, 0.04));
  color: #fff;
}

.mcf-guide-article .mcf-ore-explorer__tab.is-active {
  border-color: var(--mcf-ore-zone-border);
  background: color-mix(in srgb, var(--mcf-ore-accent) 22%, #132e3c);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mcf-ore-light) 26%, transparent), 0 0 0 2px color-mix(in srgb, var(--mcf-ore-accent) 10%, transparent);
  color: #fff;
}

.mcf-guide-article .mcf-ore-explorer__tab-icon {
  position: relative;
  display: inline-block;
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  border: 1px solid color-mix(in srgb, var(--mcf-ore-shadow) 72%, #0e1a20);
  background:
    linear-gradient(var(--mcf-ore-light) 0 0) 16% 15% / 27% 26% no-repeat,
    linear-gradient(var(--mcf-ore-accent) 0 0) 61% 19% / 26% 29% no-repeat,
    linear-gradient(var(--mcf-ore-deep) 0 0) 23% 54% / 38% 29% no-repeat,
    linear-gradient(var(--mcf-ore-light) 0 0) 72% 63% / 17% 18% no-repeat,
    linear-gradient(135deg, #718692, #465e69);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.mcf-guide-article .mcf-ore-explorer__tab-icon--diamond { --mcf-ore-accent:#43d8f2; --mcf-ore-light:#c6fbff; --mcf-ore-deep:#147d9c; --mcf-ore-shadow:#073f53; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--iron { --mcf-ore-accent:#d3a078; --mcf-ore-light:#f3d0ae; --mcf-ore-deep:#9c5b3b; --mcf-ore-shadow:#51301f; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--gold,.mcf-guide-article .mcf-ore-explorer__tab-icon--nether-gold { --mcf-ore-accent:#f1bf38; --mcf-ore-light:#fff0a3; --mcf-ore-deep:#b4740d; --mcf-ore-shadow:#573905; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--copper { --mcf-ore-accent:#db814f; --mcf-ore-light:#ffc191; --mcf-ore-deep:#9c472a; --mcf-ore-shadow:#512316; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--coal { --mcf-ore-accent:#4a5961; --mcf-ore-light:#b8c9d1; --mcf-ore-deep:#1d2930; --mcf-ore-shadow:#0b1216; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--redstone { --mcf-ore-accent:#e54742; --mcf-ore-light:#ffaaa4; --mcf-ore-deep:#991d23; --mcf-ore-shadow:#4e0b11; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--lapis { --mcf-ore-accent:#3f74df; --mcf-ore-light:#a9ccff; --mcf-ore-deep:#17429b; --mcf-ore-shadow:#10235d; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--emerald { --mcf-ore-accent:#38bd76; --mcf-ore-light:#b7ffd2; --mcf-ore-deep:#157949; --mcf-ore-shadow:#083d28; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--ancient-debris { --mcf-ore-accent:#a65d3e; --mcf-ore-light:#e4a172; --mcf-ore-deep:#663021; --mcf-ore-shadow:#30150f; }
.mcf-guide-article .mcf-ore-explorer__tab-icon--nether-quartz { --mcf-ore-accent:#e9d7ca; --mcf-ore-light:#fff8f3; --mcf-ore-deep:#b99585; --mcf-ore-shadow:#65483d; }

.mcf-guide-article .mcf-ore-explorer__panel {
  outline: 0;
}

.mcf-guide-article .mcf-ore-explorer__scene {
  position: relative;
  min-height: 485px;
  overflow: hidden;
  background: var(--mcf-chart-sky-b);
}

.mcf-guide-article .mcf-ore-explorer__sky {
  position: absolute;
  inset: 0 0 auto;
  height: 128px;
  overflow: hidden;
  background: linear-gradient(180deg, var(--mcf-chart-sky-a), var(--mcf-chart-sky-b));
}

.mcf-guide-article .mcf-ore-explorer__cloud {
  position: absolute;
  display: block;
  width: 80px;
  height: 20px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 25px -10px 0 rgba(255, 255, 255, 0.78), 50px 0 0 rgba(255, 255, 255, 0.78);
}

.mcf-guide-article .mcf-ore-explorer__cloud.is-one { top: 35px; left: 18%; }
.mcf-guide-article .mcf-ore-explorer__cloud.is-two { top: 70px; left: 65%; opacity: 0.72; transform: scale(0.72); }

.mcf-guide-article .mcf-ore-explorer__surface {
  position: absolute;
  z-index: 2;
  top: 88px;
  left: -3%;
  width: 106%;
  height: 112px;
  border-top: 8px solid #57aa48;
  background: linear-gradient(180deg, color-mix(in srgb, var(--mcf-chart-top) 88%, #754b25) 0 16px, var(--mcf-chart-top) 16px 100%);
  clip-path: polygon(0 61%, 8% 48%, 17% 57%, 26% 29%, 35% 47%, 45% 13%, 54% 38%, 63% 55%, 72% 36%, 82% 49%, 91% 29%, 100% 45%, 100% 100%, 0 100%);
  box-shadow: inset 0 -12px 0 rgba(40, 30, 22, 0.13);
}

.mcf-guide-article .mcf-ore-explorer__underground {
  position: absolute;
  inset: 200px 0 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.038) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(180deg, var(--mcf-chart-ground-a), var(--mcf-chart-ground-b));
}

.mcf-guide-article .mcf-ore-explorer__underground::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: '';
  opacity: 0.75;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 14%, rgba(255, 255, 255, 0.10) 0 2px, transparent 3px),
    radial-gradient(circle at 33% 31%, rgba(0, 0, 0, 0.15) 0 3px, transparent 4px),
    radial-gradient(circle at 73% 22%, rgba(255, 255, 255, 0.08) 0 2px, transparent 3px),
    radial-gradient(circle at 80% 62%, rgba(0, 0, 0, 0.16) 0 3px, transparent 4px),
    radial-gradient(circle at 48% 74%, rgba(255, 255, 255, 0.06) 0 2px, transparent 3px);
}

.mcf-guide-article .mcf-ore-explorer__range {
  position: absolute;
  z-index: 5;
  top: 9px;
  right: 17px;
  padding: 4px 7px;
  border-radius: 6px;
  background: rgba(12, 29, 41, 0.75);
  color: #e7f7ff;
  font-size: 0.7rem;
  font-weight: 800;
}

.mcf-guide-article .mcf-ore-explorer__tick {
  position: absolute;
  z-index: 4;
  right: 18px;
  left: 92px;
  height: 1px;
  border-top: 1px dashed rgba(255, 255, 255, 0.30);
}

.mcf-guide-article .mcf-ore-explorer__tick span {
  position: absolute;
  z-index: 5;
  top: -14px;
  left: -76px;
  min-width: 56px;
  padding: 4px 6px;
  border-radius: 6px;
  background: rgba(12, 29, 41, 0.78);
  color: #f5fcff;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
}

.mcf-guide-article .mcf-ore-explorer__tick.is-edge-top span { top: 14px; }
.mcf-guide-article .mcf-ore-explorer__tick.is-edge-bottom span { top: -36px; }

.mcf-guide-article .mcf-ore-explorer__ore {
  --mcf-size: 16px;
  position: absolute;
  z-index: 2;
  display: block;
  width: calc(var(--mcf-size) * 1.55);
  height: calc(var(--mcf-size) * 1.25);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.mcf-guide-article .mcf-ore-explorer__ore::before,
.mcf-guide-article .mcf-ore-explorer__ore::after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--mcf-ore-shadow) 72%, #0e1a20);
  background:
    linear-gradient(var(--mcf-ore-light) 0 0) 16% 15% / 27% 26% no-repeat,
    linear-gradient(var(--mcf-ore-accent) 0 0) 61% 19% / 26% 29% no-repeat,
    linear-gradient(var(--mcf-ore-deep) 0 0) 23% 54% / 38% 29% no-repeat,
    linear-gradient(var(--mcf-ore-light) 0 0) 72% 63% / 17% 18% no-repeat,
    linear-gradient(135deg, #718692, #465e69);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 2px 0 rgba(0, 0, 0, 0.18);
  content: '';
}

.mcf-guide-article .mcf-ore-explorer__ore::before { inset: 0 auto auto 0; width: var(--mcf-size); height: var(--mcf-size); }
.mcf-guide-article .mcf-ore-explorer__ore::after { right: 0; bottom: 0; width: calc(var(--mcf-size) * 0.78); height: calc(var(--mcf-size) * 0.78); transform: translate(-7%, 5%); }
.mcf-guide-article .mcf-ore-explorer__ore.is-tiny { --mcf-size: 9px; opacity: 0.52; }
.mcf-guide-article .mcf-ore-explorer__ore.is-sparse { --mcf-size: 12px; opacity: 0.66; }
.mcf-guide-article .mcf-ore-explorer__ore.is-medium { --mcf-size: 15px; opacity: 0.8; }
.mcf-guide-article .mcf-ore-explorer__ore.is-rich { --mcf-size: 19px; opacity: 0.91; }
.mcf-guide-article .mcf-ore-explorer__ore.is-best { --mcf-size: 23px; opacity: 1; }

.mcf-guide-article .mcf-ore-explorer__zone {
  position: absolute;
  z-index: 6;
  right: 13%;
  left: 13%;
  box-sizing: border-box;
  min-height: 20px;
  border-radius: 9px;
  pointer-events: none;
}

.mcf-guide-article .mcf-ore-explorer__zone span {
  position: absolute;
  top: -15px;
  left: 12px;
  max-width: calc(100% - 24px);
  padding: 5px 9px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--mcf-ore-deep);
  color: #fff;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcf-guide-article .mcf-ore-explorer__zone.is-near-top span { top: 5px; }

.mcf-guide-article .mcf-ore-explorer__zone.is-primary {
  border: 2px solid var(--mcf-ore-zone-border);
  background: linear-gradient(90deg, var(--mcf-ore-zone), color-mix(in srgb, var(--mcf-ore-zone) 58%, transparent));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mcf-ore-accent) 11%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.mcf-guide-article .mcf-ore-explorer__zone.is-secondary {
  right: 16%;
  left: 16%;
  border: 1px dashed color-mix(in srgb, var(--mcf-ore-light) 70%, transparent);
  background: color-mix(in srgb, var(--mcf-ore-accent) 11%, transparent);
}

.mcf-guide-article .mcf-ore-explorer__zone.is-secondary span {
  background: rgba(12, 29, 41, 0.82);
  color: var(--mcf-ore-light);
}

.mcf-guide-article .mcf-ore-explorer__target {
  position: absolute;
  z-index: 7;
  right: 18px;
  display: grid;
  place-items: center;
  width: 91px;
  min-height: 66px;
  padding: 8px 7px;
  border: 2px solid var(--mcf-ore-zone-border);
  border-radius: 10px;
  background: rgba(8, 28, 40, 0.91);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mcf-ore-accent) 10%, transparent);
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}

.mcf-guide-article .mcf-ore-explorer__target strong { color: var(--mcf-ore-light); font-size: 0.91rem; }
.mcf-guide-article .mcf-ore-explorer__target span { font-size: 0.65rem; font-weight: 700; line-height: 1.14; }

.mcf-guide-article .mcf-ore-explorer__bedrock,
.mcf-guide-article .mcf-ore-explorer__nether-floor {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  left: 0;
  height: 36px;
  padding-left: 92px;
  color: #f6fcff;
  font-size: 0.73rem;
  font-weight: 800;
  line-height: 36px;
}

.mcf-guide-article .mcf-ore-explorer__bedrock {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) 0 0 / 16px 16px,
    linear-gradient(180deg, color-mix(in srgb, var(--mcf-chart-bottom) 86%, #68757e), var(--mcf-chart-bottom));
}

.mcf-guide-article .mcf-ore-explorer__bedrock.is-limit {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) 0 0 / 16px 16px,
    linear-gradient(180deg, color-mix(in srgb, var(--mcf-chart-bottom) 80%, #5a6972), color-mix(in srgb, var(--mcf-chart-bottom) 96%, #12202c));
}

.mcf-guide-article .mcf-ore-explorer__nether-floor {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(180deg, #44231d, #1d1013);
}

.mcf-guide-article .mcf-ore-explorer__details {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 22px 14px;
  background: #102536;
}

.mcf-guide-article .mcf-ore-explorer__detail {
  min-height: 98px;
  padding: 13px 12px;
  border: 1px solid rgba(118, 196, 218, 0.24);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.035);
}

.mcf-guide-article .mcf-ore-explorer__detail strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.82rem;
}

.mcf-guide-article .mcf-ore-explorer__detail span {
  color: #c1d3dc;
  font-size: 0.75rem;
  line-height: 1.42;
}

.mcf-guide-article .mcf-ore-explorer__detail.is-tip {
  border-color: color-mix(in srgb, var(--mcf-ore-accent) 37%, rgba(118, 196, 218, 0.24));
}

.mcf-guide-article .mcf-ore-explorer__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 8px 22px 21px;
  background: #102536;
  color: #eaf5fa;
  font-size: 0.77rem;
  font-weight: 700;
}

.mcf-guide-article .mcf-ore-explorer__legend span { display: inline-flex; align-items: center; gap: 8px; }
.mcf-guide-article .mcf-ore-explorer__legend i { position: relative; display: inline-block; flex: 0 0 auto; }
.mcf-guide-article .mcf-ore-explorer__legend i.is-ore {
  width: 16px;
  height: 16px;
  border: 1px solid color-mix(in srgb, var(--mcf-ore-shadow) 76%, #0e1a20);
  background:
    linear-gradient(var(--mcf-ore-light) 0 0) 17% 17% / 28% 27% no-repeat,
    linear-gradient(var(--mcf-ore-accent) 0 0) 62% 20% / 25% 29% no-repeat,
    linear-gradient(var(--mcf-ore-deep) 0 0) 23% 57% / 38% 27% no-repeat,
    linear-gradient(var(--mcf-ore-light) 0 0) 72% 66% / 16% 17% no-repeat,
    linear-gradient(135deg, #718692, #465e69);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 1px 0 rgba(0,0,0,.22);
}
.mcf-guide-article .mcf-ore-explorer__legend i.is-zone {
  width: 18px;
  height: 12px;
  border: 2px solid var(--mcf-ore-zone-border);
  border-radius: 4px;
  background: color-mix(in srgb, var(--mcf-ore-zone) 72%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mcf-ore-accent) 11%, transparent);
}

.mcf-guide-article .mcf-ore-explorer--diamond { --mcf-ore-accent:#43d8f2; --mcf-ore-light:#c6fbff; --mcf-ore-deep:#147d9c; --mcf-ore-shadow:#073f53; --mcf-ore-zone:rgba(67,216,242,.25); --mcf-ore-zone-border:rgba(97,236,255,.92); }
.mcf-guide-article .mcf-ore-explorer--iron { --mcf-ore-accent:#d3a078; --mcf-ore-light:#f3d0ae; --mcf-ore-deep:#9c5b3b; --mcf-ore-shadow:#51301f; --mcf-ore-zone:rgba(211,160,120,.25); --mcf-ore-zone-border:rgba(243,208,174,.92); }
.mcf-guide-article .mcf-ore-explorer--gold { --mcf-ore-accent:#f1bf38; --mcf-ore-light:#fff0a3; --mcf-ore-deep:#b4740d; --mcf-ore-shadow:#573905; --mcf-ore-zone:rgba(241,191,56,.24); --mcf-ore-zone-border:rgba(255,230,114,.94); }
.mcf-guide-article .mcf-ore-explorer--copper { --mcf-ore-accent:#db814f; --mcf-ore-light:#ffc191; --mcf-ore-deep:#9c472a; --mcf-ore-shadow:#512316; --mcf-ore-zone:rgba(219,129,79,.24); --mcf-ore-zone-border:rgba(255,185,134,.92); }
.mcf-guide-article .mcf-ore-explorer--coal { --mcf-ore-accent:#4a5961; --mcf-ore-light:#b8c9d1; --mcf-ore-deep:#1d2930; --mcf-ore-shadow:#0b1216; --mcf-ore-zone:rgba(120,143,155,.24); --mcf-ore-zone-border:rgba(190,211,219,.88); }
.mcf-guide-article .mcf-ore-explorer--redstone { --mcf-ore-accent:#e54742; --mcf-ore-light:#ffaaa4; --mcf-ore-deep:#991d23; --mcf-ore-shadow:#4e0b11; --mcf-ore-zone:rgba(229,71,66,.24); --mcf-ore-zone-border:rgba(255,142,137,.92); }
.mcf-guide-article .mcf-ore-explorer--lapis { --mcf-ore-accent:#3f74df; --mcf-ore-light:#a9ccff; --mcf-ore-deep:#17429b; --mcf-ore-shadow:#10235d; --mcf-ore-zone:rgba(63,116,223,.24); --mcf-ore-zone-border:rgba(140,184,255,.92); }
.mcf-guide-article .mcf-ore-explorer--emerald { --mcf-ore-accent:#38bd76; --mcf-ore-light:#b7ffd2; --mcf-ore-deep:#157949; --mcf-ore-shadow:#083d28; --mcf-ore-zone:rgba(56,189,118,.24); --mcf-ore-zone-border:rgba(139,255,185,.92); }
.mcf-guide-article .mcf-ore-explorer--ancient-debris { --mcf-ore-accent:#a65d3e; --mcf-ore-light:#e4a172; --mcf-ore-deep:#663021; --mcf-ore-shadow:#30150f; --mcf-ore-zone:rgba(166,93,62,.25); --mcf-ore-zone-border:rgba(237,160,111,.92); }
.mcf-guide-article .mcf-ore-explorer--nether-gold { --mcf-ore-accent:#f1bb33; --mcf-ore-light:#fff0a8; --mcf-ore-deep:#b06b0c; --mcf-ore-shadow:#573005; --mcf-ore-zone:rgba(241,187,51,.25); --mcf-ore-zone-border:rgba(255,226,112,.94); }
.mcf-guide-article .mcf-ore-explorer--nether-quartz { --mcf-ore-accent:#e9d7ca; --mcf-ore-light:#fff8f3; --mcf-ore-deep:#b99585; --mcf-ore-shadow:#65483d; --mcf-ore-zone:rgba(233,215,202,.25); --mcf-ore-zone-border:rgba(255,245,237,.94); }

.mcf-guide-article .mcf-ore-explorer--nether { --mcf-chart-sky-a:#8e311f; --mcf-chart-sky-b:#2c171c; --mcf-chart-top:#54251d; --mcf-chart-ground-a:#5a2d26; --mcf-chart-ground-b:#201316; --mcf-chart-bottom:#160d10; }
.mcf-guide-article .mcf-ore-explorer--nether .mcf-ore-explorer__surface {
  border-top: 0;
  top: 94px;
  left: -2%;
  width: 104%;
  height: 108px;
  background:
    linear-gradient(180deg, rgba(255,191,115,0.12), rgba(255,122,62,0) 26%),
    linear-gradient(180deg, #6e2d21 0 16px, #54251d 16px 100%);
  clip-path: polygon(0 58%, 11% 51%, 23% 55%, 37% 46%, 52% 50%, 67% 43%, 81% 48%, 100% 44%, 100% 100%, 0 100%);
  box-shadow: inset 0 -10px 0 rgba(18, 8, 10, 0.16);
}
.mcf-guide-article .mcf-ore-explorer--nether .mcf-ore-explorer__surface::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,198,110,0.9), rgba(255,88,42,0.22)) 18% 14% / 12px 74px no-repeat,
    linear-gradient(180deg, rgba(255,198,110,0.92), rgba(255,88,42,0.22)) 49% 8% / 15px 88px no-repeat,
    linear-gradient(180deg, rgba(255,198,110,0.88), rgba(255,88,42,0.18)) 78% 18% / 10px 68px no-repeat;
  filter: drop-shadow(0 0 5px rgba(255,149,71,0.28));
  opacity: 0.92;
  pointer-events: none;
}
.mcf-guide-article .mcf-ore-explorer--nether .mcf-ore-explorer__surface::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0 44%, rgba(0,0,0,0.18) 44% 100%),
    radial-gradient(circle at 22% 74%, rgba(255,133,68,0.18), transparent 18%),
    radial-gradient(circle at 50% 65%, rgba(255,133,68,0.20), transparent 18%),
    radial-gradient(circle at 79% 70%, rgba(255,133,68,0.18), transparent 18%);
  pointer-events: none;
}
.mcf-guide-article .mcf-ore-explorer--nether .mcf-ore-explorer__cloud { display: none; }

@media (max-width: 1020px) {
  .mcf-guide-article .mcf-ore-explorer__tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .mcf-guide-article .mcf-ore-explorer__scene { min-height: 470px; }
  .mcf-guide-article .mcf-ore-explorer__details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mcf-guide-article .mcf-ore-explorer__target { right: 8px; width: 76px; min-height: 58px; }
  .mcf-guide-article .mcf-ore-explorer__zone { right: 11%; left: 11%; }
}

@media (max-width: 560px) {
  .mcf-guide-article .mcf-ore-explorer { border-radius: 14px; }
  .mcf-guide-article .mcf-ore-explorer__head { padding: 17px 16px 14px; }
  .mcf-guide-article .mcf-ore-explorer__tabs-wrap { padding: 13px 14px 15px; }
  .mcf-guide-article .mcf-ore-explorer__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .mcf-guide-article .mcf-ore-explorer__tab { min-height: 35px; font-size: 0.73rem; }
  .mcf-guide-article .mcf-ore-explorer__scene { min-height: 438px; }
  .mcf-guide-article .mcf-ore-explorer__sky { height: 104px; }
  .mcf-guide-article .mcf-ore-explorer__surface { top: 70px; height: 104px; }
  .mcf-guide-article .mcf-ore-explorer__underground { inset: 174px 0 0; }
  .mcf-guide-article .mcf-ore-explorer__tick { right: 8px; left: 72px; }
  .mcf-guide-article .mcf-ore-explorer__tick span { left: -63px; min-width: 49px; font-size: 0.68rem; }
  .mcf-guide-article .mcf-ore-explorer__range { top: 7px; right: 8px; font-size: 0.64rem; }
  .mcf-guide-article .mcf-ore-explorer__zone { right: 5px; left: 20%; }
  .mcf-guide-article .mcf-ore-explorer__zone span { left: 8px; font-size: 0.68rem; }
  .mcf-guide-article .mcf-ore-explorer__target { display: none; }
  .mcf-guide-article .mcf-ore-explorer__bedrock,
  .mcf-guide-article .mcf-ore-explorer__nether-floor { height: 31px; padding-left: 72px; font-size: 0.66rem; line-height: 31px; }
  .mcf-guide-article .mcf-ore-explorer__details { grid-template-columns: 1fr; gap: 8px; padding: 14px; }
  .mcf-guide-article .mcf-ore-explorer__detail { min-height: 0; }
  .mcf-guide-article .mcf-ore-explorer__legend { padding: 4px 14px 16px; font-size: 0.73rem; }
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer {
  border-color: #c7d8dd;
  background: #f8fcfd;
  box-shadow: 0 10px 24px rgba(31, 66, 76, 0.13);
  color: #203841;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__head {
  border-bottom-color: #d5e2e6;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mcf-ore-accent) 14%, #ffffff), #ffffff 66%);
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__eyebrow {
  color: color-mix(in srgb, var(--mcf-ore-deep) 80%, #24404a);
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__title {
  color: #18323d;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__subtitle {
  color: #516b74;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__tabs-wrap {
  border-bottom-color: #d5e2e6;
  background: #eef5f7;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__tabs-label {
  color: #49636c;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__tab {
  border-color: #bfd2d8;
  background: #ffffff;
  color: #26414a;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__tab:hover,
:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__tab:focus-visible {
  border-color: var(--mcf-ore-zone-border);
  background: color-mix(in srgb, var(--mcf-ore-accent) 12%, #ffffff);
  color: #18323d;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__tab.is-active {
  border-color: color-mix(in srgb, var(--mcf-ore-deep) 60%, var(--mcf-ore-zone-border));
  background: color-mix(in srgb, var(--mcf-ore-accent) 18%, #ffffff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mcf-ore-light) 42%, #ffffff), 0 0 0 2px color-mix(in srgb, var(--mcf-ore-accent) 12%, transparent);
  color: #18323d;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__details,
:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__legend {
  background: #f3f8f9;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__detail {
  border-color: #c5d7dc;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.84);
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__detail strong {
  color: #1b3640;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__detail span {
  color: #536c75;
}

:is(html.s-light, html.site-s-light, body.s-light, body.site-s-light) .mcf-guide-article .mcf-ore-explorer__legend {
  color: #3f5962;
}
