/* DRAWINGS — Jungle Expedition: wooden planks, hanging vines, fireflies */
.theme-jungle {
  --theme-bg: #0b2a12;
  --theme-ink: #fff6dc;
  --theme-panel: #5b3819;
  --theme-panel-ink: #fff6dc;
  --theme-accent: #9dff3a;
  --theme-accent-2: #ffd23f;
  --theme-border: #1d0f04;
  --theme-heading-font: 'Luckiest Guy', cursive;
  background:
    radial-gradient(ellipse 60% 40% at 15% 0%, #1f6b2a 0 60%, transparent 61%),
    radial-gradient(ellipse 50% 35% at 85% 5%, #1a5c24 0 60%, transparent 61%),
    radial-gradient(ellipse 80% 30% at 50% 100%, #145020 0 60%, transparent 61%),
    linear-gradient(#0f3d18, #071c0b);
  background-attachment: fixed;
}
.theme-jungle .page-hero h1 { color: var(--theme-accent); text-shadow: 4px 4px 0 #1d0f04, 0 0 30px rgba(157,255,58,.4); }
.theme-jungle .page-hero__lede { text-shadow: 0 2px 4px #000; }

/* Wooden planks */
.theme-jungle .panel,
.theme-jungle .card {
  background:
    repeating-linear-gradient(0deg, transparent 0 46px, rgba(0,0,0,.35) 46px 49px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 3px, transparent 3px 11px),
    linear-gradient(#6e4522, #4f2f12);
}
.theme-jungle .card__art--soon { --soon-bg: radial-gradient(circle at 30% 30%, #4fd65a, #1b6b26); }
.theme-jungle .card__price { color: var(--theme-accent); }
.theme-jungle .steps li { background: rgba(0,0,0,.25); border-color: #9dff3a; }

/* Hanging vines across the top */
.jungle-vines {
  position: fixed; left: 0; right: 0; top: 0; height: 160px; z-index: 0; pointer-events: none;
  background:
    radial-gradient(circle at 50% 100%, #2ecc40 0 9px, transparent 10px) 0 0 / 46px 160px,
    linear-gradient(90deg, transparent 21px, #1a7a26 21px 25px, transparent 25px) 0 0 / 46px 120px repeat-x;
  -webkit-mask: linear-gradient(#000 60%, transparent);
          mask: linear-gradient(#000 60%, transparent);
  animation: vine-sway 6s ease-in-out infinite; transform-origin: top;
}
@keyframes vine-sway { 50% { transform: skewX(3deg); } }

/* Fireflies + critters */
.theme-jungle .floaty { position: absolute; animation: jungle-float ease-in-out infinite; opacity: .8; }
@keyframes jungle-float {
  0%, 100% { transform: translate(0, 0) rotate(-6deg); }
  50% { transform: translate(24px, -30px) rotate(8deg); }
}
.firefly {
  position: absolute; width: 6px; height: 6px; border-radius: 50%;
  background: #eaff6b; box-shadow: 0 0 12px 4px rgba(234,255,107,.7);
  animation: firefly 7s ease-in-out infinite;
}
@keyframes firefly {
  0%, 100% { transform: translate(0, 0); opacity: .2; }
  30% { opacity: 1; }
  50% { transform: translate(60px, -40px); }
  80% { transform: translate(-30px, 30px); opacity: .9; }
}

/* --- Collage layer: kraft paper, botanical tape, field-journal ink --- */
.theme-jungle {
  --paper-1: #f1dfb8; --paper-2: #dff3c6; --paper-3: #fff0b0;
  --ink: #1d0f04; --tape-1: rgba(120, 220, 60, .6); --tape-2: rgba(255, 200, 40, .65);
  --theme-accent-strong: #2b9348;
}
.theme-jungle .panel.torn h2 { color: #145a32; text-shadow: 3px 3px 0 #ffd23f; }
.theme-jungle .price-list li { --tag-bg: #ffd23f; }
.theme-jungle .price-list li:nth-child(even) { --tag-bg: #9dff3a; }
.theme-jungle .page-hero__lede { text-shadow: none; }
