/* ═══════════════════════════════════════════════════════════════════════
   Basislager — Einrichtungen (reines CSS, keine Bilder)
   Gym · Handwerksbank · Coffee Bike · Erste-Hilfe-Station · Berufsschule + Bodenplatten (Wege)
   Die Sprites sind aus Rechtecken/Kreisen im Pixel-Raster gebaut (Generator im Projekt-Scratchpad) und
   skalieren wie alle .bs-Sprites mit der Kachel. Später lassen sie sich einzeln durch eigene Grafiken ersetzen.
   ═══════════════════════════════════════════════════════════════════════ */

.bs-gym {
  container-type: size;
  background:
    radial-gradient(closest-side, #2f3339 94%, transparent 100%) 90% 84.09% / 5% 12% no-repeat,
    radial-gradient(closest-side, #2f3339 94%, transparent 100%) 77.37% 84.09% / 5% 12% no-repeat,
    linear-gradient(#8b939e, #8b939e) 86.36% 81.44% / 12% 3% no-repeat,
    linear-gradient(#c94a3a, #c94a3a) 37.08% 53.06% / 11% 2% no-repeat,
    linear-gradient(#8f2d22, #8f2d22) 37.08% 57.78% / 11% 10% no-repeat,
    linear-gradient(#c94a3a, #c94a3a) 50% 63.92% / 34% 3% no-repeat,
    linear-gradient(#8f2d22, #8f2d22) 50% 70.45% / 34% 12% no-repeat,
    linear-gradient(#4a4f57, #4a4f57) 62.05% 83.15% / 2.5% 11% no-repeat,
    linear-gradient(#4a4f57, #4a4f57) 37.95% 83.15% / 2.5% 11% no-repeat,
    linear-gradient(#aab2bd, #aab2bd) 85.79% 37.36% / 1.5% 9% no-repeat,
    linear-gradient(#2b6fd6, #2b6fd6) 88.21% 33.78% / 2.5% 26% no-repeat,
    linear-gradient(#1e5cc4, #1e5cc4) 88.66% 33.78% / 3% 26% no-repeat,
    linear-gradient(#d62828, #d62828) 92.71% 31.25% / 4% 36% no-repeat,
    linear-gradient(#a81c1c, #a81c1c) 93.68% 31.25% / 5% 36% no-repeat,
    linear-gradient(#aab2bd, #aab2bd) 14.21% 37.36% / 1.5% 9% no-repeat,
    linear-gradient(#2b6fd6, #2b6fd6) 11.79% 33.78% / 2.5% 26% no-repeat,
    linear-gradient(#1e5cc4, #1e5cc4) 11.34% 33.78% / 3% 26% no-repeat,
    linear-gradient(#d62828, #d62828) 7.29% 31.25% / 4% 36% no-repeat,
    linear-gradient(#a81c1c, #a81c1c) 6.32% 31.25% / 5% 36% no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 36.36% / 90% 1% no-repeat,
    linear-gradient(#e2e6ec, #e2e6ec) 50% 37.89% / 90% 5% no-repeat,
    linear-gradient(#a9b1bc, #a9b1bc) 50% 22.45% / 52% 2% no-repeat,
    linear-gradient(#7a828d, #7a828d) 50% 23.4% / 52% 6% no-repeat,
    linear-gradient(#6c7480, #6c7480) 75.76% 61.9% / 1% 58% no-repeat,
    linear-gradient(#6c7480, #6c7480) 26.26% 61.9% / 1% 58% no-repeat,
    linear-gradient(#8b939e, #8b939e) 75.26% 61.9% / 3% 58% no-repeat,
    linear-gradient(#8b939e, #8b939e) 24.74% 61.9% / 3% 58% no-repeat,
    linear-gradient(#4a4f57, #4a4f57) 50% 85.71% / 94% 2% no-repeat,
    linear-gradient(#2f3339, #2f3339) 50% 93.33% / 94% 10% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 97.73% / 92% 12% no-repeat;
}
.bs-gym::after {
  align-items: center; background: #f6d24a; border: 2px solid #7a4d20; border-radius: 3px; color: #7a4d20; content: "GYM";
  display: flex; font: 900 15cqh/1 Georgia, serif; height: 20%; justify-content: center; left: 2%; letter-spacing: 0.06em; top: 3%; width: 21%;
}

.bs-workbench {
  background:
    linear-gradient(#e8cf9b, #e8cf9b) 46.39% 95.92% / 3% 2% no-repeat,
    linear-gradient(#e8cf9b, #e8cf9b) 63.16% 94.85% / 5% 3% no-repeat,
    linear-gradient(#e8cf9b, #e8cf9b) 31.25% 92.78% / 4% 3% no-repeat,
    linear-gradient(#6c7480, #6c7480) 61.78% 46.15% / 4.5% 9% no-repeat,
    linear-gradient(#8a5a2b, #8a5a2b) 56.18% 48.96% / 11% 4% no-repeat,
    linear-gradient(#b98a55, #b98a55) 23.53% 39.58% / 15% 4% no-repeat,
    linear-gradient(#d9b070, #d9b070) 28.92% 43.75% / 17% 4% no-repeat,
    linear-gradient(#c49a5a, #c49a5a) 27.5% 48.42% / 20% 5% no-repeat,
    linear-gradient(#d62828, #d62828) 88.21% 47.83% / 2.5% 8% no-repeat,
    linear-gradient(#8b939e, #8b939e) 78.12% 39.58% / 4% 4% no-repeat,
    linear-gradient(#4a4f57, #4a4f57) 83.33% 46.67% / 10% 10% no-repeat,
    linear-gradient(#8f6431, #8f6431) 50% 86.32% / 77% 5% no-repeat,
    linear-gradient(#7a4d20, #7a4d20) 92.67% 94.29% / 4.5% 30% no-repeat,
    linear-gradient(#7a4d20, #7a4d20) 7.33% 94.29% / 4.5% 30% no-repeat,
    linear-gradient(#f0cf90, #f0cf90) 50% 53.06% / 94% 2% no-repeat,
    linear-gradient(#d9b070, #d9b070) 50% 56.52% / 94% 8% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 50% 63.04% / 92% 8% no-repeat,
    linear-gradient(#8a5a2b, #8a5a2b) 91.67% 21.05% / 4% 24% no-repeat,
    linear-gradient(#8b939e, #8b939e) 81.28% 17.05% / 6.5% 12% no-repeat,
    linear-gradient(#d62828, #d62828) 82.05% 31.71% / 2.5% 18% no-repeat,
    linear-gradient(#d62828, #d62828) 77.95% 31.71% / 2.5% 18% no-repeat,
    radial-gradient(closest-side, #b98a55 94%, transparent 100%) 64.43% 12.77% / 3% 6% no-repeat,
    radial-gradient(closest-side, #9aa3ae 94%, transparent 100%) 65.05% 9.3% / 7% 14% no-repeat,
    linear-gradient(#9aa3ae, #9aa3ae) 64.62% 20% / 2.5% 30% no-repeat,
    linear-gradient(#6c7480, #6c7480) 46.93% 15.38% / 10.5% 9% no-repeat,
    linear-gradient(#8a5a2b, #8a5a2b) 47.18% 24.32% / 2.5% 26% no-repeat,
    linear-gradient(#9aa3ae, #9aa3ae) 18.99% 24.49% / 21% 2% no-repeat,
    linear-gradient(#d5dae1, #d5dae1) 18.99% 15.91% / 21% 12% no-repeat,
    linear-gradient(#8a5a2b, #8a5a2b) 11.46% 18.18% / 4% 12% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 86.87% 14.06% / 1% 36% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 75.76% 14.06% / 1% 36% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 60.61% 14.06% / 1% 36% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 45.45% 14.06% / 1% 36% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 30.3% 14.06% / 1% 36% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 15.15% 14.06% / 1% 36% no-repeat,
    linear-gradient(#b98a55, #b98a55) 50% 11.67% / 87% 40% no-repeat,
    linear-gradient(#7a4d20, #7a4d20) 50% 7.41% / 90% 46% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 98.89% / 92% 10% no-repeat;
}

.bs-bike {
  background:
    linear-gradient(#3b2a14, #3b2a14) 45.45% 50.53% / 12% 5% no-repeat,
    linear-gradient(#4a4f57, #4a4f57) 23.81% 54.17% / 16% 4% no-repeat,
    linear-gradient(#e0532f, #e0532f) 28.12% 70.51% / 4% 22% no-repeat,
    linear-gradient(#e0532f, #e0532f) 44.79% 64.29% / 4% 16% no-repeat,
    linear-gradient(#e0532f, #e0532f) 33.75% 68.75% / 20% 4% no-repeat,
    radial-gradient(closest-side, #c9ced6 94%, transparent 100%) 77.66% 79.79% / 6% 6% no-repeat,
    radial-gradient(closest-side, #2a2d33 94%, transparent 100%) 80.23% 82.56% / 14% 14% no-repeat,
    radial-gradient(closest-side, #e2e6ec 94%, transparent 100%) 82.5% 85% / 20% 20% no-repeat,
    radial-gradient(closest-side, #2a2d33 94%, transparent 100%) 86.11% 88.89% / 28% 28% no-repeat,
    radial-gradient(closest-side, #c9ced6 94%, transparent 100%) 24.47% 77.66% / 6% 6% no-repeat,
    radial-gradient(closest-side, #2a2d33 94%, transparent 100%) 21.43% 80.95% / 16% 16% no-repeat,
    radial-gradient(closest-side, #e2e6ec 94%, transparent 100%) 19.23% 83.33% / 22% 22% no-repeat,
    radial-gradient(closest-side, #2a2d33 94%, transparent 100%) 15.71% 87.14% / 30% 30% no-repeat,
    linear-gradient(#ffffff, #ffffff) 80.41% 39.58% / 3% 4% no-repeat,
    linear-gradient(#6b4320, #6b4320) 75% 36.73% / 8% 2% no-repeat,
    linear-gradient(#ffffff, #ffffff) 75.56% 39.13% / 10% 8% no-repeat,
    linear-gradient(#a81c1c, #a81c1c) 104.76% 30.93% / 58% 3% no-repeat,
    linear-gradient(#ffffff, #ffffff) 96.77% 22.73% / 7% 12% no-repeat,
    linear-gradient(#ffffff, #ffffff) 81.72% 22.73% / 7% 12% no-repeat,
    linear-gradient(#ffffff, #ffffff) 66.67% 22.73% / 7% 12% no-repeat,
    linear-gradient(#ffffff, #ffffff) 51.61% 22.73% / 7% 12% no-repeat,
    linear-gradient(#d62828, #d62828) 104.76% 22.73% / 58% 12% no-repeat,
    linear-gradient(#6b4320, #6b4320) 97.92% 34.09% / 4% 12% no-repeat,
    linear-gradient(#6b4320, #6b4320) 50% 34.09% / 4% 12% no-repeat,
    linear-gradient(#fff3c4, #fff3c4) 76.74% 53.61% / 14% 3% no-repeat,
    linear-gradient(#3b2a14, #3b2a14) 79.49% 55.06% / 22% 11% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 81.08% 55.29% / 26% 15% no-repeat,
    linear-gradient(#a97a3e, #a97a3e) 92.59% 41.67% / 46% 4% no-repeat,
    linear-gradient(#8a5a2b, #8a5a2b) 89.66% 58.33% / 42% 28% no-repeat,
    linear-gradient(#6b4320, #6b4320) 92.59% 58.82% / 46% 32% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 96.74% / 88% 8% no-repeat;
}
.bs-bike::after {
  animation: bsSteam 2.2s ease-out infinite;
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  border-radius: 50%; content: ""; height: 14%; left: 69%; top: 22%; width: 9%;
}
@keyframes bsSteam { 0% { opacity: 0; transform: translateY(0) scale(0.6); } 30% { opacity: 0.9; } 100% { opacity: 0; transform: translateY(-90%) scale(1.3); } }

.bs-firstaid {
  background:
    linear-gradient(#d62828, #d62828) 27.38% 71.59% / 16% 12% no-repeat,
    linear-gradient(#d62828, #d62828) 29.79% 76.39% / 6% 28% no-repeat,
    linear-gradient(#b0b8c2, #b0b8c2) 25.64% 53.06% / 22% 2% no-repeat,
    linear-gradient(#ffffff, #ffffff) 25.64% 78.79% / 22% 34% no-repeat,
    linear-gradient(#8b939e, #8b939e) 82.74% 86.96% / 1.5% 8% no-repeat,
    linear-gradient(#8b939e, #8b939e) 77.16% 86.96% / 1.5% 8% no-repeat,
    linear-gradient(#ffffff, #ffffff) 82.42% 78.72% / 9% 6% no-repeat,
    linear-gradient(#7f95b2, #7f95b2) 67.22% 88.06% / 10% 33% no-repeat,
    linear-gradient(#5a6f8a, #5a6f8a) 67.82% 87.5% / 13% 36% no-repeat,
    linear-gradient(#dfe6ee, #dfe6ee) 88.78% 84.62% / 2% 48% no-repeat,
    linear-gradient(#dfe6ee, #dfe6ee) 11.22% 84.62% / 2% 48% no-repeat,
    linear-gradient(#b0b8c2, #b0b8c2) 50% 91.75% / 78% 3% no-repeat,
    linear-gradient(#b0b8c2, #b0b8c2) 50% 45.36% / 78% 3% no-repeat,
    linear-gradient(#e9eef4, #e9eef4) 50% 84.62% / 78% 48% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 98.89% / 90% 10% no-repeat;
}
.bs-firstaid::before {
  background:
    linear-gradient(#d62828, #d62828) 50% 100% / 100% 16% no-repeat,
    linear-gradient(90deg, #f4f6f8 0 33%, #dfe6ee 33% 66%, #f4f6f8 66% 100%);
  clip-path: polygon(0 100%, 12% 4%, 88% 4%, 100% 100%); height: 36%; left: 6%; right: 6%; top: 8%;
}
.bs-firstaid::after {
  background: #ffffff; border: 2px solid #b0b8c2; border-radius: 3px; height: 14%; left: 44%; top: 0; width: 12%;
  background:
    linear-gradient(#d62828, #d62828) 50% 50% / 30% 76% no-repeat,
    linear-gradient(#d62828, #d62828) 50% 50% / 76% 30% no-repeat,
    #ffffff;
}

.bs-school {
  background:
    radial-gradient(closest-side, #2a2d33 94%, transparent 100%) 50% 17.02% / 6% 6% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 50% 16.3% / 8% 8% no-repeat,
    linear-gradient(#b8502f, #b8502f) 50% 15% / 16% 20% no-repeat,
    linear-gradient(#ffffff, #ffffff) 48.24% 53.54% / 15% 1% no-repeat,
    linear-gradient(#ffffff, #ffffff) 45.56% 50.51% / 10% 1% no-repeat,
    linear-gradient(#7a4d20, #7a4d20) 50% 47.47% / 24% 1% no-repeat,
    linear-gradient(#2f5a3a, #2f5a3a) 50% 52.22% / 24% 10% no-repeat,
    linear-gradient(#f6d24a, #f6d24a) 55.1% 77.55% / 2% 2% no-repeat,
    radial-gradient(closest-side, #7a4d20 94%, transparent 100%) 50% 64.77% / 14% 12% no-repeat,
    radial-gradient(closest-side, #5a3416 94%, transparent 100%) 50% 64.29% / 18% 16% no-repeat,
    linear-gradient(#7a4d20, #7a4d20) 50% 84.21% / 14% 24% no-repeat,
    linear-gradient(#5a3416, #5a3416) 50% 83.78% / 18% 26% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 73.74% 78.41% / 1% 12% no-repeat,
    linear-gradient(#8ecdf2, #8ecdf2) 76.67% 78.41% / 10% 12% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 77.27% 79.07% / 12% 14% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 73.74% 57.95% / 1% 12% no-repeat,
    linear-gradient(#8ecdf2, #8ecdf2) 76.67% 57.95% / 10% 12% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 77.27% 58.14% / 12% 14% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 25.25% 78.41% / 1% 12% no-repeat,
    linear-gradient(#8ecdf2, #8ecdf2) 23.33% 78.41% / 10% 12% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 22.73% 79.07% / 12% 14% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 25.25% 57.95% / 1% 12% no-repeat,
    linear-gradient(#8ecdf2, #8ecdf2) 23.33% 57.95% / 10% 12% no-repeat,
    linear-gradient(#f5f0e6, #f5f0e6) 22.73% 58.14% / 12% 14% no-repeat,
    linear-gradient(#9a4127, #9a4127) 50% 84.85% / 72% 1% no-repeat,
    linear-gradient(#9a4127, #9a4127) 50% 76.77% / 72% 1% no-repeat,
    linear-gradient(#9a4127, #9a4127) 50% 68.69% / 72% 1% no-repeat,
    linear-gradient(#9a4127, #9a4127) 50% 60.61% / 72% 1% no-repeat,
    linear-gradient(#9a4127, #9a4127) 50% 52.53% / 72% 1% no-repeat,
    linear-gradient(#d0684a, #d0684a) 50% 45.36% / 72% 3% no-repeat,
    linear-gradient(#b8502f, #b8502f) 50% 78.57% / 72% 44% no-repeat,
    linear-gradient(#d2d6dc, #d2d6dc) 50% 90.53% / 32% 5% no-repeat,
    linear-gradient(#b9bec6, #b9bec6) 50% 94.74% / 40% 5% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 97.87% / 92% 6% no-repeat;
}
.bs-school::before {
  background: linear-gradient(135deg, #7a8fab 0 50%, #5a6f8a 50% 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%); height: 26%; left: 8%; right: 8%; top: 22%;
}
.bs-school > i:nth-child(1) { background: #d5dae1; height: 20%; left: 49%; top: -6%; width: 2%; z-index: 2; }
.bs-school > i:nth-child(1)::after {
  background: #d62828; clip-path: polygon(0 0, 100% 30%, 0 60%); content: ""; height: 12px; left: 100%; position: absolute; top: 0; width: 16px;
}

/* ── Bodenplatten: Wege, die man mit der Handwerksbank anlegt ── */
.base-grid .dg-cell.base-path { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); }
.base-grid .dg-cell.base-path.pt-p {
  background: repeating-linear-gradient(0deg, transparent 0 22%, rgba(60, 55, 48, 0.32) 22% 26%),
    repeating-linear-gradient(90deg, transparent 0 30%, rgba(60, 55, 48, 0.26) 30% 34%), #b7b1a4 !important;
}
.base-grid .dg-cell.base-path.pt-h {
  background: repeating-linear-gradient(90deg, rgba(60, 35, 12, 0.34) 0 4%, transparent 4% 33%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0 6%, transparent 6% 12%), #c99a5a !important;
}
.base-grid .dg-cell.base-path.pt-k {
  background: radial-gradient(circle at 20% 30%, #a99b78 0 5%, transparent 6%), radial-gradient(circle at 70% 20%, #f0e4c2 0 5%, transparent 6%),
    radial-gradient(circle at 45% 65%, #a99b78 0 6%, transparent 7%), radial-gradient(circle at 80% 75%, #f0e4c2 0 5%, transparent 6%),
    radial-gradient(circle at 15% 85%, #f0e4c2 0 5%, transparent 6%), #d8cba8 !important;
}
.wege-brush { display: flex; flex-wrap: wrap; gap: 6px; }
.wege-brush .base-btn.active { background: #ffd84a; }

/* ── Wege-Editor (Draufsicht) ── */
.base-gridwrap { position: relative; }
.base-edit-banner {
  background: rgba(33, 26, 12, 0.82); border: 2px solid #ffd84a; border-radius: 8px; color: #fff3c4; font-size: 0.75rem; font-weight: 900;
  padding: 3px 10px; pointer-events: none; position: absolute; right: 8px; top: 8px; z-index: 12;
}
.base-grid .dg-cell.base-draft::after {
  background: repeating-linear-gradient(135deg, rgba(255, 216, 74, 0.35) 0 6px, transparent 6px 12px);
  content: ""; inset: 0; outline: 2px dashed #ffd84a; outline-offset: -3px; pointer-events: none; position: absolute; z-index: 3;
}
.base-grid .dg-cell.base-draft-e::after {
  background: repeating-linear-gradient(135deg, rgba(214, 40, 40, 0.42) 0 6px, transparent 6px 12px); outline-color: #d62828;
}
.base-grid .dg-cell.base-edit-cursor { box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 5px #d62828; z-index: 4; }
.base-edit-player { inset: 0; pointer-events: none; position: absolute; z-index: 5; }
.base-edit-player .dg-player-wrap {
  bottom: 0; height: 74px; inset: auto auto 0 50%; left: 50%; transform: translateX(-50%) scale(var(--edit-avatar-scale, 0.5)); transform-origin: center bottom; width: 54px;
}
.base-stage-wrap.is-editing .base-build-btn { display: none; }
.wege-cam { display: flex; flex-wrap: wrap; gap: 6px; }

/* ── Gespräche der Bewohner ── */
.base-npc .dg-speech-bubble.emoji { font-size: 1.25rem; line-height: 1; padding: 2px 8px; }
.base-npc.is-chatting .base-npc-body { animation: baseChatBob 1.1s ease-in-out infinite; }
.base-npc.is-giggle .base-npc-body { animation: baseGiggle 0.35s ease-in-out infinite; }
@keyframes baseChatBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4%); } }
@keyframes baseGiggle { 0%, 100% { transform: translate(0, 0) rotate(0); } 25% { transform: translate(-3%, -6%) rotate(-4deg); } 75% { transform: translate(3%, -6%) rotate(4deg); } }
.base-npc.bubble-below .dg-speech-bubble { bottom: auto; top: 105%; }
.base-npc.bubble-below .dg-speech-bubble::after { border-bottom-color: #fff; border-top-color: transparent; bottom: 100%; top: auto; }

/* SAISON-START */
/* ═══ Tageszeit-Licht und Saison-Deko (Halloween-Kürbisse, Weihnachtsbaum, Ostereier) ═══
   Deko ist begehbar (pointer-events: none) wie Blumen und Büsche. Das Licht färbt nur den Boden. */
.base-stage .base-cells { transition: filter 1.6s ease; }
.base-stage[data-light="morgen"] .base-cells { filter: sepia(0.1) brightness(1) hue-rotate(-6deg); }
.base-stage[data-light="abend"] .base-cells { filter: sepia(0.2) brightness(0.84) saturate(1.1) hue-rotate(-12deg); }
.base-stage[data-light="nacht"] .base-cells { filter: brightness(0.5) saturate(0.8) hue-rotate(18deg); }
.base-stage[data-light="nacht"] .base-npc-layer, .base-stage[data-light="nacht"] .base-player-layer { filter: brightness(0.88); }
.base-stage[data-light="abend"] .bs-fire, .base-stage[data-light="nacht"] .bs-fire { filter: brightness(1.8) drop-shadow(0 0 7px #ffb52e); }

.bd-pumpkin {
  background:
    linear-gradient(#f28a1c, #f28a1c) 56.84% 75% / 5% 4% no-repeat,
    linear-gradient(#f28a1c, #f28a1c) 43.16% 75% / 5% 4% no-repeat,
    linear-gradient(#3b1f0a, #3b1f0a) 50% 76.6% / 28% 6% no-repeat,
    linear-gradient(#3b1f0a, #3b1f0a) 50% 69.79% / 6% 4% no-repeat,
    linear-gradient(#3b1f0a, #3b1f0a) 58.89% 61.54% / 10% 9% no-repeat,
    linear-gradient(#3b1f0a, #3b1f0a) 41.11% 61.54% / 10% 9% no-repeat,
    linear-gradient(#6aa63a, #6aa63a) 64.58% 31.25% / 4% 4% no-repeat,
    linear-gradient(#6aa63a, #6aa63a) 61.8% 34.02% / 11% 3% no-repeat,
    linear-gradient(#4a7a2a, #4a7a2a) 51.58% 34.48% / 5% 13% no-repeat,
    linear-gradient(#3b6420, #3b6420) 50.54% 34.48% / 7% 13% no-repeat,
    linear-gradient(#d9720f, #d9720f) 49.49% 71.43% / 1% 44% no-repeat,
    radial-gradient(closest-side, #f28a1c 94%, transparent 100%) 50% 72.22% / 24% 46% no-repeat,
    radial-gradient(closest-side, #ff9f34 94%, transparent 100%) 66.22% 71.43% / 26% 44% no-repeat,
    radial-gradient(closest-side, #ff9f34 94%, transparent 100%) 33.78% 71.43% / 26% 44% no-repeat,
    radial-gradient(closest-side, #f28a1c 94%, transparent 100%) 50% 73.08% / 56% 48% no-repeat,
    radial-gradient(closest-side, #c2610a 94%, transparent 100%) 50% 76.09% / 62% 54% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 94.44% / 54% 10% no-repeat;
  transform: translate(var(--ox, 0%), var(--oy, 0%));
}
.bd-pumpkin.v1 { transform: translate(var(--ox, 0%), var(--oy, 0%)) scale(0.72); }
.bd-pumpkin.v2 { transform: translate(var(--ox, 0%), var(--oy, 0%)) scale(0.85) scaleX(-1); }
.bd-pumpkin::after {
  animation: bdFlicker 1.3s ease-in-out infinite alternate;
  background:
    linear-gradient(#fff6b0, #fff6b0) 50% 76.6% / 28% 6% no-repeat,
    linear-gradient(#fff6b0, #fff6b0) 50% 69.79% / 6% 4% no-repeat,
    linear-gradient(#fff6b0, #fff6b0) 58.89% 61.54% / 10% 9% no-repeat,
    linear-gradient(#fff6b0, #fff6b0) 41.11% 61.54% / 10% 9% no-repeat,
    radial-gradient(circle at 50% 64%, rgba(255, 190, 50, 0.3), rgba(255, 150, 20, 0.1) 40%, transparent 62%);
  content: ""; inset: 0; opacity: 0; position: absolute; transition: opacity 1.4s;
}
.base-stage[data-light="abend"] .bd-pumpkin::after { opacity: 0.6; }
.base-stage[data-light="nacht"] .bd-pumpkin::after { opacity: 1; }
.bd-pumpkin { filter: saturate(1.2); }
.base-stage[data-light="abend"] .bd-pumpkin { filter: saturate(1.2) brightness(1.1); }
.base-stage[data-light="nacht"] .bd-pumpkin { filter: hue-rotate(-20deg) saturate(1.3) brightness(1.3); }
@keyframes bdFlicker { from { filter: brightness(1.6) drop-shadow(0 0 2px #ffb52e); } to { filter: brightness(2.2) drop-shadow(0 0 4px #ffcc44); } }

.bd-egg.v0 {
  background:
    radial-gradient(closest-side, #ffb3cb 94%, transparent 100%) 42.39% 52.33% / 8% 14% no-repeat,
    radial-gradient(closest-side, #ffe066 94%, transparent 100%) 50% 47.92% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ffe066 94%, transparent 100%) 56.25% 54.17% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ffe066 94%, transparent 100%) 41.67% 55.21% / 4% 4% no-repeat,
    linear-gradient(#ffe066, #ffe066) 50% 73.2% / 30% 3% no-repeat,
    linear-gradient(#ffe066, #ffe066) 50% 64.58% / 32% 4% no-repeat,
    radial-gradient(closest-side, #ff8fb1 94%, transparent 100%) 50% 73.08% / 34% 48% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 91.3% / 34% 8% no-repeat;
  transform: translate(var(--ox, 0%), var(--oy, 0%));
}

.bd-egg.v1 {
  background:
    radial-gradient(closest-side, #9ccdf8 94%, transparent 100%) 42.39% 52.33% / 8% 14% no-repeat,
    radial-gradient(closest-side, #ffffff 94%, transparent 100%) 50% 47.92% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ffffff 94%, transparent 100%) 56.25% 54.17% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ffffff 94%, transparent 100%) 41.67% 55.21% / 4% 4% no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 73.2% / 30% 3% no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 64.58% / 32% 4% no-repeat,
    radial-gradient(closest-side, #64b5f6 94%, transparent 100%) 50% 73.08% / 34% 48% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 91.3% / 34% 8% no-repeat;
  transform: translate(var(--ox, 0%), var(--oy, 0%));
}

.bd-egg.v2 {
  background:
    radial-gradient(closest-side, #fff0a0 94%, transparent 100%) 42.39% 52.33% / 8% 14% no-repeat,
    radial-gradient(closest-side, #ef5350 94%, transparent 100%) 50% 47.92% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ef5350 94%, transparent 100%) 56.25% 54.17% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ef5350 94%, transparent 100%) 41.67% 55.21% / 4% 4% no-repeat,
    linear-gradient(#ef5350, #ef5350) 50% 73.2% / 30% 3% no-repeat,
    linear-gradient(#ef5350, #ef5350) 50% 64.58% / 32% 4% no-repeat,
    radial-gradient(closest-side, #ffe066 94%, transparent 100%) 50% 73.08% / 34% 48% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 91.3% / 34% 8% no-repeat;
  transform: translate(var(--ox, 0%), var(--oy, 0%));
}

.bd-egg.v3 {
  background:
    radial-gradient(closest-side, #a9dcac 94%, transparent 100%) 42.39% 52.33% / 8% 14% no-repeat,
    radial-gradient(closest-side, #ffffff 94%, transparent 100%) 50% 47.92% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ffffff 94%, transparent 100%) 56.25% 54.17% / 4% 4% no-repeat,
    radial-gradient(closest-side, #ffffff 94%, transparent 100%) 41.67% 55.21% / 4% 4% no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 73.2% / 30% 3% no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 64.58% / 32% 4% no-repeat,
    radial-gradient(closest-side, #81c784 94%, transparent 100%) 50% 73.08% / 34% 48% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.20) 94%, transparent 100%) 50% 91.3% / 34% 8% no-repeat;
  transform: translate(var(--ox, 0%), var(--oy, 0%));
}

.bd-xmas {
  background:
    linear-gradient(#ffe066, #ffe066) 73.2% 93.48% / 3% 8% no-repeat,
    linear-gradient(#2b6fd6, #2b6fd6) 75.86% 93.48% / 13% 8% no-repeat,
    linear-gradient(#ffe066, #ffe066) 23.53% 89.8% / 15% 2% no-repeat,
    linear-gradient(#ffe066, #ffe066) 26.8% 93.33% / 3% 10% no-repeat,
    linear-gradient(#d62828, #d62828) 23.53% 93.33% / 15% 10% no-repeat,
    linear-gradient(#6b4320, #6b4320) 50% 93.18% / 12% 12% no-repeat,
    radial-gradient(closest-side, rgba(0,0,0,0.22) 94%, transparent 100%) 50% 95.65% / 64% 8% no-repeat;
}
.bd-xmas::before {
  animation: bdLights 1.1s steps(2) infinite;
  background:
    radial-gradient(closest-side, #f2f2f2 94%, transparent 100%) 43.62% 79.79% / 6% 6% no-repeat,
    radial-gradient(closest-side, #d62828 94%, transparent 100%) 71.28% 81.91% / 6% 6% no-repeat,
    radial-gradient(closest-side, #ffe066 94%, transparent 100%) 28.72% 79.79% / 6% 6% no-repeat,
    radial-gradient(closest-side, #2b6fd6 94%, transparent 100%) 50% 62.77% / 6% 6% no-repeat,
    radial-gradient(closest-side, #ffe066 94%, transparent 100%) 60.64% 75.53% / 6% 6% no-repeat,
    radial-gradient(closest-side, #d62828 94%, transparent 100%) 37.23% 71.28% / 6% 6% no-repeat,
    linear-gradient(180deg, #2f8f3a, #1d6a2a);
  clip-path: polygon(50% 0, 100% 100%, 0 100%); content: ""; height: 40%; left: 10%; position: absolute; right: 10%; top: 44%;
}
.bd-xmas::after {
  background:
    radial-gradient(closest-side, #f2f2f2 94%, transparent 100%) 50% 39.45% / 5.2% 5.2% no-repeat,
    radial-gradient(closest-side, #2b6fd6 94%, transparent 100%) 58.44% 54.22% / 5.2% 5.2% no-repeat,
    radial-gradient(closest-side, #d62828 94%, transparent 100%) 41.56% 52.11% / 5.2% 5.2% no-repeat,
    radial-gradient(closest-side, #ffe066 94%, transparent 100%) 50% 45.78% / 5.2% 5.2% no-repeat,
    linear-gradient(180deg, #38a044, #26762f);
  clip-path: polygon(50% 0, 100% 100%, 0 100%); content: ""; height: 34%; left: 20%; position: absolute; right: 20%; top: 26%;
}
.bd-xmas > i:nth-child(1) {
  background: linear-gradient(180deg, #43b34e, #2c8536); clip-path: polygon(50% 0, 100% 100%, 0 100%); height: 26%; left: 30%; right: 30%; top: 12%;
}
.bd-xmas > i:nth-child(2) {
  animation: bdTwinkle 1.6s ease-in-out infinite alternate;
  background: #ffe066; clip-path: polygon(50% 0, 62% 36%, 100% 38%, 70% 60%, 82% 100%, 50% 76%, 18% 100%, 30% 60%, 0 38%, 38% 36%);
  height: 15%; left: 42%; top: 0; width: 16%;
}
@keyframes bdLights { from { filter: brightness(0.9); } to { filter: brightness(1.5); } }
@keyframes bdTwinkle { from { filter: brightness(0.9); } to { filter: brightness(1.6) drop-shadow(0 0 3px #fff3a0); } }
.base-stage[data-light="nacht"] .bd-xmas { filter: brightness(1.9) drop-shadow(0 0 6px #ffd84a); }

/* SAISON-ENDE */