/**
 * SKIN: SLIME 1997 — scoped under [data-skin="slime-1997"]
 * Experimental. Not approved publication artwork.
 */

[data-skin="slime-1997"] {
  --lj-black: #05080a;
  --lj-off-white: #0c1214;
  --lj-paper: #10181c;
  --lj-ink: #e8f0e9;
  --lj-muted: #6a8a72;
  --lj-border: #1e3328;
  --lj-slime: #39ff14;
  --lj-slime-deep: #1a8f2a;
  --lj-slime-gel: #7dff6a;
  --lj-slime-shadow: #0a3d18;
  --lj-slime-glow: rgba(57, 255, 20, 0.35);
  --lj-lemon: var(--lj-slime);
  --lj-lemon-soft: var(--lj-slime-gel);
  --lj-lemon-deep: var(--lj-slime-deep);
  --lj-focus-ring: var(--lj-slime);
  --lj-active: var(--lj-slime);
}

[data-skin="slime-1997"] body,
body[data-skin="slime-1997"] {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, #122018 0%, transparent 55%),
    var(--lj-off-white);
  color: var(--lj-ink);
}

[data-skin="slime-1997"] .lab-header { border-bottom-color: var(--lj-border); }
[data-skin="slime-1997"] .lab-header h1 { color: var(--lj-ink); }
[data-skin="slime-1997"] .lab-header p,
[data-skin="slime-1997"] .lab-meta,
[data-skin="slime-1997"] .pyramid-status,
[data-skin="slime-1997"] .lab-footer { color: var(--lj-muted); }

[data-skin="slime-1997"] .pyramid-visual {
  filter: drop-shadow(0 0 24px var(--lj-slime-glow));
}

[data-skin="slime-1997"] .region-face {
  stroke: var(--lj-slime-deep);
  stroke-width: 1.5;
}

[data-skin="slime-1997"] .region-face--a { fill: #152820; }
[data-skin="slime-1997"] .region-face--b { fill: #183024; }
[data-skin="slime-1997"] .region-face--c { fill: #1a3528; }

[data-skin="slime-1997"] .pyramid-region.is-focused .region-face {
  stroke: var(--lj-slime);
  stroke-width: 2;
  filter: drop-shadow(0 0 6px var(--lj-slime-glow));
}

[data-skin="slime-1997"] .pyramid-region.is-active .region-face {
  fill: var(--lj-slime-gel);
  stroke: var(--lj-slime);
  stroke-width: 2;
  filter: drop-shadow(0 0 10px var(--lj-slime-glow));
}

[data-skin="slime-1997"] .pyramid-region.is-expanded .region-face {
  fill: var(--lj-slime);
  stroke: #c8ffb0;
  stroke-width: 2.25;
  filter: drop-shadow(0 0 16px var(--lj-slime-glow));
}

[data-skin="slime-1997"] .region-label { fill: var(--lj-ink); }
[data-skin="slime-1997"] .region-sublabel { fill: var(--lj-muted); }
[data-skin="slime-1997"] .pyramid-outline { stroke: var(--lj-slime-deep); opacity: 0.55; }
[data-skin="slime-1997"] .proxy-label { fill: var(--lj-muted); }

[data-skin="slime-1997"] .control-block {
  background: var(--lj-paper);
  border-color: var(--lj-border);
}

[data-skin="slime-1997"] .btn {
  border-color: var(--lj-muted);
  color: var(--lj-ink);
  background: transparent;
}

[data-skin="slime-1997"] .btn:hover:not(:disabled) {
  background: var(--lj-slime-shadow);
  border-color: var(--lj-slime);
  color: var(--lj-slime-gel);
}

[data-skin="slime-1997"] .btn.is-active,
[data-skin="slime-1997"] .btn[aria-pressed="true"] {
  background: var(--lj-slime-deep);
  border-color: var(--lj-slime);
  color: #041008;
}

[data-skin="slime-1997"] .btn--accent { border-color: var(--lj-slime); }
[data-skin="slime-1997"] .btn--accent:hover:not(:disabled),
[data-skin="slime-1997"] .btn--accent[aria-pressed="true"] {
  background: var(--lj-slime);
  border-color: var(--lj-slime);
  color: #041008;
}

[data-skin="slime-1997"] .treatment-option input,
[data-skin="slime-1997"] .skin-option input {
  accent-color: var(--lj-slime);
}

[data-skin="slime-1997"] .pyramid-stage.is-production .region-face,
[data-skin="slime-1997"] .pyramid-stage.is-reduced-motion .region-face {
  transition: none !important;
  filter: none;
}

/* Hide crystal-only geometry under slime */
[data-skin="slime-1997"] .crystal-facet,
[data-skin="slime-1997"] .crystal-edge-hl,
[data-skin="slime-1997"] .crystal-inner {
  display: none;
}