/* v994 – Wildnis (Karte 1): Charakter + Zielmarkierung */
.wl-players-v994 { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
#wildnisWorldSceneV994 .building-stage-v633 { cursor: pointer; }
.wl-player-v994 {
  position: absolute;
  left: 812px;
  top: 118px;
  width: 78px;
  transform: translate(-50%, -100%);
  pointer-events: none;
  will-change: left, top;
}
.wl-player-v994 img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 118px;
  object-fit: contain;
  filter: drop-shadow(0 5px 4px rgba(0, 0, 0, .4));
}
.wl-player-v994::after { /* Schatten am Boden */
  content: "";
  position: absolute;
  left: 50%;
  bottom: -3px;
  width: 40px;
  height: 11px;
  margin-left: -20px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 70%);
  z-index: -1;
}
.wl-player-label-v994 {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translateX(-50%);
  max-width: 220px;
  padding: 3px 9px;
  border-radius: 9px;
  background: rgba(45, 31, 22, .9);
  border: 2px solid rgba(122, 86, 52, .92);
  color: #fff3d4;
  font: 800 13px/1.15 Arial, sans-serif;
  text-shadow: 0 1px 2px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
}
.wl-marker-v994 {
  position: absolute;
  width: 34px;
  height: 16px;
  margin: -8px 0 0 -17px;
  border: 3px solid rgba(255, 244, 200, .95);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(255, 220, 120, .9);
  opacity: 0;
  z-index: 0;
}
.wl-marker-v994.on { animation: wlMarkerV994 .7s ease-out forwards; }
@keyframes wlMarkerV994 {
  0% { opacity: 1; transform: scale(.4); }
  100% { opacity: 0; transform: scale(1.3); }
}
/* Tor oben: anklickbar (zurück ins Dorf) */
.wl-gate-v996 { position: absolute; left: 612px; top: 0; width: 348px; height: 165px; z-index: 1; cursor: pointer; }
.wl-gate-v996::after {
  content: "Zurück ins Dorf";
  position: absolute; left: 50%; top: 72px; transform: translate(-50%, 4px);
  color: #fffbe8; font: 700 22px Georgia, "Times New Roman", serif; white-space: nowrap;
  text-shadow: 0 0 6px rgba(255, 236, 160, .95), 0 0 14px rgba(255, 210, 110, .85), 0 0 26px rgba(255, 190, 80, .6), 0 2px 3px rgba(60, 35, 10, .7);
  opacity: 0; transition: opacity .2s ease, transform .2s ease; pointer-events: none;
}
.wl-gate-v996:hover::after { opacity: 1; transform: translate(-50%, 0); }

/* ---------- v997: Kartenwechsel, Tempuskraut, Meldung ---------- */
.wl-fade-v997 { position: absolute; inset: 0; z-index: 900; background: #0b0a06; opacity: 0; pointer-events: none; transition: opacity .28s ease; }
.wl-fade-v997.on { opacity: 1; }
.wl-plant-v997 {
  position: absolute;
  width: 56px;
  height: 56px;
  transform: translate(-50%, -90%);
  pointer-events: auto;
  cursor: pointer;
}
/* ruhig, ohne Leuchten – farblich an das warme Kartenbild angepasst */
.wl-plant-v997 img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: saturate(.82) brightness(.9) sepia(.14) contrast(1.05) drop-shadow(2px 3px 2px rgba(20, 30, 0, .45));
}
/* weicher Bodenschatten, damit die Pflanze im Gras „steht“ */
.wl-plant-shadow-v998 {
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 46px;
  height: 14px;
  margin-left: -21px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(25, 35, 0, .5), rgba(25, 35, 0, 0) 70%);
}
.wl-plant-v997.taken { pointer-events: none; animation: wlTakeV997 .6s ease-in forwards; }
@keyframes wlTakeV997 {
  0% { opacity: 1; transform: translate(-50%, -90%) scale(1); }
  40% { opacity: 1; transform: translate(-50%, -118%) scale(1.12); }
  100% { opacity: 0; transform: translate(-50%, -165%) scale(.4); }
}
.wl-toast-v997 {
  position: absolute;
  left: 50%;
  top: 28px;
  z-index: 950;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px 10px 14px;
  transform: translate(-50%, -12px);
  border: 2px solid #bd8745;
  border-radius: 12px;
  background: linear-gradient(rgba(118, 81, 44, .95), rgba(80, 53, 31, .95));
  box-shadow: inset 0 0 0 2px #2c180d, 0 6px 16px rgba(0, 0, 0, .45);
  color: #fff0cf;
  font: 700 20px Georgia, "Times New Roman", serif;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
.wl-toast-v997 img { width: 38px; height: 38px; object-fit: contain; }
.wl-toast-v997.on { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) {
}

/* ---------- v1012: Weg-Ausgang am Rand mit leuchtendem Pfeil ---------- */
.wl-exit-v1012{position:absolute;z-index:2;width:130px;cursor:pointer;}
.wl-exit-v1012.right{right:0;}
.wl-exit-v1012.left{left:0;}
.wl-exit-arrows-v1012{position:absolute;top:50%;width:0;height:0;opacity:0;transition:opacity .2s ease;}
.wl-exit-v1012.right .wl-exit-arrows-v1012{right:44px;}
.wl-exit-v1012.left .wl-exit-arrows-v1012{left:44px;transform:scaleX(-1);}
.wl-exit-v1012:hover .wl-exit-arrows-v1012{opacity:1;}
.wl-exit-arrows-v1012 span{
  position:absolute;top:-17px;width:30px;height:30px;
  border-right:8px solid #fff6cf;border-top:8px solid #fff6cf;border-radius:4px;
  transform:rotate(45deg);
  filter:drop-shadow(0 0 6px rgba(255,220,120,.95)) drop-shadow(0 0 14px rgba(255,190,70,.7)) drop-shadow(0 2px 2px rgba(60,35,10,.6));
  opacity:0;animation:wlExitArrowV1012 1.2s ease-in-out infinite;
}
.wl-exit-arrows-v1012 span:nth-child(1){left:-46px;animation-delay:0s;}
.wl-exit-arrows-v1012 span:nth-child(2){left:-22px;animation-delay:.2s;}
.wl-exit-arrows-v1012 span:nth-child(3){left:2px;animation-delay:.4s;}
@keyframes wlExitArrowV1012{0%,100%{opacity:.4}40%,60%{opacity:1}}