/* ============================================================
   WORLD-VARIANT ALIEN SCALE
   body[data-world="N"] is set by worldThemeSystem.applyWorldTheme().
   Aliens keep their natural colors across all worlds — visual world
   identity comes from backgrounds, particles, and environment only.
   ============================================================ */

/* Per-world alien scale/proportion applied to the AREA container (not the button).
   This changes apparent creature size without interfering with click bounce animations. */
body[data-world="1"]  #alien-area { transform: scale(1.00); }
body[data-world="2"]  #alien-area { transform: scale(0.96); }
body[data-world="3"]  #alien-area { transform: scale(1.08); }
body[data-world="4"]  #alien-area { transform: scale(0.90); }
body[data-world="5"]  #alien-area { transform: scale(1.12); }
body[data-world="6"]  #alien-area { transform: scale(1.16); }
body[data-world="7"]  #alien-area { transform: scale(1.04); }
body[data-world="8"]  #alien-area { transform: scale(0.82); }
body[data-world="9"]  #alien-area { transform: scale(0.94); }
body[data-world="10"] #alien-area { transform: scale(1.20); }

/* SVG alien portraits — ensure screen blend matches PNG alien treatment */
.alien-img[src$=".svg"] { mix-blend-mode: screen; }


.alien-label {
  font-family: var(--font-hd);
  font-size: 0.9rem;
  letter-spacing: 3px;
  color: var(--world-accent, var(--accent));
  text-shadow: 0 0 10px var(--world-accent, var(--accent));
  margin-top: 8px;
  opacity: 0.85;
}

/* Game stats strip at bottom of game-main */
#game-stats-strip {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px 16px;
  background: rgba(4,6,20,0.90);
  border-top: 1px solid var(--border);
  backdrop-filter: blur(6px);
  z-index: 10;
  flex-shrink: 0;
}

.gss-item {
  display: flex; flex-direction: column; align-items: center;
  gap: 1px;
}

.gss-item span:first-child {
  font-family: var(--font-hd);
  font-size: clamp(0.85rem, 2.5vw, 1.1rem);
  font-weight: 700;
  color: #fff;
}

.gss-label {
  font-size: 0.6rem;
  letter-spacing: 1.5px;
  color: var(--text-dim);
  text-transform: uppercase;
}

/* ---- RIGHT: Permanent Upgrades Side Panel ----------------- */
/* ============================================================
   PERFORMANCE MODE  —  body.perf-mode-active
   Suppresses non-essential CSS animations only.
   No gameplay, economy, or canvas logic is affected.
   ============================================================ */
body.perf-mode-active .alien-btn {
  animation: none !important;
}
body.perf-mode-active .alien-img {
  animation: none !important;
}
body.perf-mode-active .tutorial-cursor {
  animation: none !important;
}
body.perf-mode-active .tut-pulse-ring {
  animation: none !important;
  opacity: 0 !important;
}
body.perf-mode-active .tut-label {
  animation: none !important;
}
body.perf-mode-active #habitat-header {
  animation: none !important;
}
body.perf-mode-active .cj-wave {
  display: none;
}
body.perf-mode-active .celebrate-emoji,
body.perf-mode-active .spin-result-icon {
  animation: none !important;
}
body.perf-mode-active .hdr-cps-pulsing {
  animation: none !important;
}
body.perf-mode-active .missionNavBlink,
body.perf-mode-active [class*="missionNavBlink"] {
  animation: none !important;
}
body.perf-mode-active .offline-reward-val,
body.perf-mode-active .offline-claim-btn,
body.perf-mode-active .offline-ad-btn.offline-ad-show {
  animation: none !important;
}
/* Reduce ambient panel-center transitions to instant */
body.perf-mode-active #panel-center {
  transition: none !important;
}
body[data-world="10"] #panel-center { box-shadow: inset 0 0 140px rgba(255,255,160,0.10); }