/* v1075 – Neue 3x3-Wildnis: Ausgänge oben/unten, Dorf-Ausgang, Feldanzeige, versiegelte Höhle */

/* Ausgänge oben / unten (links/rechts kommen aus wildnis_world_v994.css) */
.wl-exit-v1012.top{top:0;height:110px;}
.wl-exit-v1012.bottom{bottom:0;height:110px;}
.wl-exit-v1012.top .wl-exit-arrows-v1012,.wl-exit-v1012.bottom .wl-exit-arrows-v1012{left:50%;}
.wl-exit-v1012.top .wl-exit-arrows-v1012{top:52px;transform:rotate(-90deg);}
.wl-exit-v1012.bottom .wl-exit-arrows-v1012{top:auto;bottom:52px;transform:rotate(90deg);}
.wl-exit-v1012.top .wl-exit-arrows-v1012 span,.wl-exit-v1012.bottom .wl-exit-arrows-v1012 span{margin-left:12px;}
/* Dorf-Ausgang (Feld 1 links) mit Schrift wie früher am Tor */
.wl-exit-label-v1075{
  position:absolute;left:24px;top:calc(50% - 64px);
  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;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;
}
.wl-exit-v1012.village:hover .wl-exit-label-v1075{opacity:1;transform:none;}

/* Feldanzeige (kleine 3x3-Karte) */
.wl-fieldtag-v1075{
  position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:940;display:flex;align-items:center;gap:9px;
  padding:6px 9px 6px 12px;border-radius:10px;border:2px solid rgba(189,135,69,.9);
  background:linear-gradient(rgba(118,81,44,.88),rgba(80,53,31,.88));
  box-shadow:inset 0 0 0 2px rgba(44,24,13,.85),0 4px 10px rgba(0,0,0,.35);
  color:#fff0cf;font:700 15px Georgia,"Times New Roman",serif;pointer-events:none;
}
.wl-mini-v1075{display:grid;grid-template-columns:repeat(3,11px);gap:2px;}
.wl-mini-v1075 i{width:11px;height:11px;border-radius:2px;background:rgba(255,240,207,.22);}
.wl-mini-v1075 i.goal{box-shadow:inset 0 0 0 1.5px rgba(150,190,255,.8);}
.wl-mini-v1075 i.on{background:#ffd76a;box-shadow:0 0 6px rgba(255,215,106,.9);}

/* ---------- Versiegelte Höhle ---------- */
.wl-cave-v1075{position:absolute;pointer-events:none;}
.wl-cave-v1075 svg{position:absolute;inset:0;overflow:visible;pointer-events:none;}
/* klickbar nur auf der Öffnung */
.wl-cave-v1075::before{content:"";position:absolute;left:62px;top:52px;width:118px;height:124px;pointer-events:auto;cursor:pointer;border-radius:50% 50% 8px 8px;}
.wl-cave-v1075 .veil{animation:wlVeilV1075 3.2s ease-in-out infinite;}
.wl-cave-v1075 .streak{animation:wlStreakV1075 3.6s linear infinite;mix-blend-mode:screen;}
.wl-cave-v1075 .streak.s2{animation-duration:5.1s;animation-delay:-2s;}
.wl-cave-v1075 .hex path{fill:none;stroke:rgba(200,240,255,.35);stroke-width:.8;}
.wl-cave-v1075 .hex{animation:wlHexV1075 4s ease-in-out infinite;}
.wl-cave-v1075 .rim{fill:none;stroke:#9fe6ff;stroke-width:2.2;opacity:.7;filter:drop-shadow(0 0 4px #6fd3ff) drop-shadow(0 0 9px #7a5cff);animation:wlRimV1075 3.2s ease-in-out infinite;}
.wl-cave-v1075 .chain .lk{fill:none;stroke:#3a3631;stroke-width:4.2;}
.wl-cave-v1075 .chain .lk.side{fill:#a7a093;stroke:#2a2622;stroke-width:1.4;}
.wl-cave-v1075 .chain{filter:drop-shadow(0 0 1px #1d1a17) drop-shadow(0 0 1px #1d1a17) drop-shadow(0 3px 2px rgba(0,0,0,.6));}
.wl-cave-v1075 .chain .lk:not(.side){stroke:#b3ac9f;}
.wl-cave-v1075 .chain .lk:nth-child(4n+1){stroke:#d4cdbf;}
.wl-cave-v1075 .halo{animation:wlHaloV1075 2.8s ease-in-out infinite;mix-blend-mode:screen;}
.wl-cave-v1075 .ring{animation:wlSpinV1075 22s linear infinite;}
.wl-cave-v1075 .ring2{animation:wlSpinV1075 34s linear infinite reverse;}
.wl-cave-v1075 .r1{fill:rgba(20,30,80,.35);stroke:#bff3ff;stroke-width:2;filter:drop-shadow(0 0 4px #66d6ff);}
.wl-cave-v1075 .r2{fill:none;stroke:rgba(190,240,255,.6);stroke-width:1.2;stroke-dasharray:3 4;}
.wl-cave-v1075 .r3{fill:none;stroke:rgba(165,140,255,.75);stroke-width:1.4;stroke-dasharray:10 6 2 6;filter:drop-shadow(0 0 3px #8f72ff);}
.wl-cave-v1075 .runes path{fill:none;stroke:#e9fcff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #7fe0ff);animation:wlRuneV1075 2.8s ease-in-out infinite;}
.wl-cave-v1075 .lock .shackle{fill:none;stroke:#b9b2a5;stroke-width:4.2;stroke-linecap:round;}
.wl-cave-v1075 .lock .body{stroke:#4a2f0c;stroke-width:1.4;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));}
.wl-cave-v1075 .lock .hole{fill:#bff6ff;filter:drop-shadow(0 0 3px #7fe0ff) drop-shadow(0 0 6px #6aa8ff);animation:wlHoleV1075 2.8s ease-in-out infinite;}
.wl-cave-v1075 .lock{animation:wlLockIdleV1075 4.5s ease-in-out infinite;}
.wl-cave-v1075 .ripple{fill:none;stroke:#d9f8ff;stroke-width:3;opacity:0;transform-origin:120px 118px;}
.wl-cave-motes-v1075 i{position:absolute;width:4px;height:4px;border-radius:50%;background:#dff8ff;box-shadow:0 0 6px 2px rgba(110,210,255,.85);opacity:0;animation:wlMoteV1075 4s ease-in infinite;}
.wl-cave-tip-v1075{
  position:absolute;left:50%;top:6px;transform:translate(-50%,6px);white-space:nowrap;
  color:#e9fbff;font:700 19px Georgia,"Times New Roman",serif;
  text-shadow:0 0 6px rgba(130,220,255,.95),0 0 14px rgba(120,100,255,.75),0 2px 3px rgba(10,10,40,.8);
  opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;
}
.wl-cave-v1075:hover .wl-cave-tip-v1075{opacity:1;transform:translate(-50%,0);}

/* Aufflackern bei Annäherung / Klick: Siegel blitzt, Ketten rasseln, Schloss ruckelt, Druckwelle */
.wl-cave-v1075.flare .halo{animation:wlFlareHaloV1075 1.3s ease-out;}
.wl-cave-v1075.flare .ring{animation:wlSpinV1075 22s linear infinite,wlRingPopV1075 1.1s ease-out;}
.wl-cave-v1075.flare .chain{animation:wlRattleV1075 .5s ease-in-out 2;}
.wl-cave-v1075.flare .chain.c2{animation-delay:.06s;}
.wl-cave-v1075.flare .lock{animation:wlLockShakeV1075 .7s ease-in-out;}
.wl-cave-v1075.flare .ripple{animation:wlRippleV1075 1.1s ease-out;}
.wl-cave-v1075.flare .veil{animation:wlVeilFlareV1075 1.2s ease-out;}

@keyframes wlVeilV1075{0%,100%{opacity:.78}50%{opacity:1}}
@keyframes wlVeilFlareV1075{0%{opacity:1;filter:brightness(2.2)}100%{opacity:.85;filter:none}}
@keyframes wlStreakV1075{0%{transform:translateX(0)}100%{transform:translateX(180px)}}
@keyframes wlHexV1075{0%,100%{opacity:.25}50%{opacity:.75}}
@keyframes wlRimV1075{0%,100%{opacity:.5}50%{opacity:.95}}
@keyframes wlHaloV1075{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9}}
@keyframes wlSpinV1075{to{transform:rotate(360deg)}}
@keyframes wlRuneV1075{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes wlHoleV1075{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes wlLockIdleV1075{0%,100%{transform:rotate(0)}50%{transform:rotate(1.5deg)}}
@keyframes wlMoteV1075{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(6px,-70px) scale(1)}}
@keyframes wlFlareHaloV1075{0%{opacity:1;filter:brightness(2.4)}100%{opacity:.6;filter:none}}
@keyframes wlRingPopV1075{0%{scale:1}25%{scale:1.16}100%{scale:1}}
@keyframes wlRattleV1075{0%,100%{translate:0 0}25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -1px}}
@keyframes wlLockShakeV1075{0%,100%{transform:rotate(0)}15%{transform:rotate(-12deg)}35%{transform:rotate(10deg)}55%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
@keyframes wlRippleV1075{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
@media (prefers-reduced-motion: reduce){
  .wl-cave-v1075 .ring,.wl-cave-v1075 .ring2,.wl-cave-v1075 .streak,.wl-cave-motes-v1075 i{animation:none;}
}