body.wc6001.sc-growth .sc-runner-stage {
  isolation: isolate;
  background: #0d1726 !important;
  overflow: hidden;
}

body.wc6001.sc-growth .sc-runner-stage > canvas {
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none;
}

.ch-mining-scene {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 51% 46%, #14677942 0, transparent 48%),
    linear-gradient(#1c33421c 1px, transparent 1px),
    linear-gradient(90deg, #1c33421c 1px, transparent 1px),
    linear-gradient(145deg, #0e1b2c, #08121e 72%, #142032);
  background-size: auto, 28px 28px, 28px 28px, auto;
}

.ch-mining-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 15%, #52cfdc1a 49%, transparent 54%);
  transform: translateY(-100%);
  animation: ch-mining-scan 7s linear infinite;
}

.ch-mining-scene::after {
  content: "";
  position: absolute;
  left: 9%;
  right: 9%;
  bottom: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #4699a08a, transparent);
  box-shadow: 0 0 15px #48d5ce6b;
}

.ch-mining-links {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #70dbcf;
}

.ch-link-base {
  fill: none;
  stroke: #4b93a9;
  stroke-width: 1.5;
  opacity: .48;
}

.ch-link-flow {
  fill: none;
  stroke: #65e5d4;
  stroke-width: 2.2;
  stroke-dasharray: 2 26;
  stroke-linecap: round;
  filter: drop-shadow(0 0 5px #5ce9dd);
  animation: ch-mining-flow 2.8s linear infinite;
}

.ch-block {
  position: absolute;
  display: grid;
  place-items: center;
  width: 43px;
  height: 40px;
  border: 1px solid #65d5d1a6;
  border-radius: 5px;
  background: linear-gradient(145deg, #254957, #122434 64%, #0e1928);
  box-shadow: inset 0 1px #a7f9e085, 0 8px 0 #07111b, 0 9px 0 1px #287b83, 0 0 20px #3dd6c632;
  transform: translate(-50%, -50%) skewY(-5deg);
  color: #a3f5e5;
  font: 700 11px/1 ui-monospace, SFMono-Regular, monospace;
  letter-spacing: 0;
}

.ch-block::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid #75d9d45c;
  border-radius: 2px;
}

.ch-block-one { left: 20%; top: 30%; }
.ch-block-two { left: 79%; top: 43%; }
.ch-block-three { left: 22%; top: 76%; }
.ch-block-four { left: 78%; top: 75%; }
.ch-block-two, .ch-block-four { border-color: #f0bc597a; box-shadow: inset 0 1px #ffe2a07d, 0 8px 0 #07111b, 0 9px 0 1px #89652f, 0 0 20px #f2bf5033; color: #f6d37e; }

.ch-mining-core {
  position: absolute;
  left: 50%;
  top: 49%;
  display: grid;
  place-items: center;
  width: 130px;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
}

.ch-core-ring {
  position: absolute;
  inset: 0;
  border: 2px dashed #59cfc6b3;
  border-radius: 50%;
  box-shadow: 0 0 0 9px #65d4cb12, 0 0 36px #52d5c858;
  animation: ch-mining-rotate 18s linear infinite;
}

.ch-core-ring::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid #f5c76398;
  border-radius: 50%;
}

.ch-core-coin {
  position: relative;
  display: grid;
  place-items: center;
  width: 93px;
  aspect-ratio: 1;
  border: 3px solid #f5cc6a;
  border-radius: 50%;
  color: #e8fff3;
  background: radial-gradient(circle at 35% 27%, #5fd3bc, #128c84 51%, #06545e 78%);
  box-shadow: inset 0 2px 6px #ffffff7a, inset 0 -9px 15px #033441a8, 0 0 0 5px #ba944126, 0 0 30px #49cbbd8c;
  animation: ch-mining-pulse 3.2s ease-in-out infinite;
}

.ch-core-coin span {
  transform: translateY(-2px);
  font: 800 58px/1 Arial, sans-serif;
  text-shadow: 0 2px 2px #064b4e, 0 0 10px #ffffff83;
}

.ch-mining-bars {
  position: absolute;
  left: 39%;
  right: 39%;
  bottom: 13%;
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 4px;
  height: 15px;
}

.ch-mining-bars i {
  flex: 1;
  height: 35%;
  border-radius: 2px 2px 0 0;
  background: #62d9cd;
  box-shadow: 0 0 8px #62d9cd8f;
  animation: ch-mining-bars 1.6s ease-in-out infinite alternate;
}
.ch-mining-bars i:nth-child(2n) { animation-delay: -.5s; }
.ch-mining-bars i:nth-child(3n) { animation-delay: -1s; }

body.wc6001.sc-growth .sc-runner-stage > :is(.sc-runner-tier, .sc-scene-usdt) { z-index: 2; }
body.wc6001.sc-growth .sc-runner-stage .sc-runner-tier { color: #dce8e9 !important; }
body.wc6001.sc-growth .sc-runner-stage .sc-scene-usdt {
  background: #153538 !important;
  border-color: #54b5a4 !important;
  color: #b1f5d7 !important;
  box-shadow: 0 0 18px #54c7b841 !important;
}

body.wc6001.sc-growth .sc-cycle-card[data-cycle-state="idle"] .ch-link-flow,
body.wc6001.sc-growth .sc-cycle-card[data-cycle-state="loading"] .ch-link-flow { opacity: .45; }
body.wc6001.sc-growth .sc-cycle-card[data-cycle-state="running"] .ch-core-ring { border-color: #f8ce70; }
body.wc6001.sc-growth .sc-cycle-card[data-cycle-state="ready"] .ch-core-coin { border-color: #a4eab4; }

@keyframes ch-mining-flow { to { stroke-dashoffset: -56; } }
@keyframes ch-mining-rotate { to { transform: rotate(360deg); } }
@keyframes ch-mining-pulse { 50% { box-shadow: inset 0 2px 6px #ffffff7a, inset 0 -9px 15px #033441a8, 0 0 0 8px #ba944129, 0 0 45px #49cbbdbc; } }
@keyframes ch-mining-scan { to { transform: translateY(105%); } }
@keyframes ch-mining-bars { to { height: 100%; } }

@media (max-width: 480px) {
  .ch-mining-core { width: 110px; }
  .ch-core-coin { width: 78px; }
  .ch-core-coin span { font-size: 49px; }
  .ch-block { width: 36px; height: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .ch-mining-scene::before, .ch-link-flow, .ch-core-ring,
  .ch-core-coin, .ch-mining-bars i { animation: none !important; }
}
