.bestiary-section{background:linear-gradient(155deg,#edf0e2,#f0e9dd 45%,#e9e7ee 75%,#efdfd4)}
.bestiary-section .section-heading{margin-bottom:10px}
.creature-landscape{position:relative;height:680px;isolation:isolate}
.encounter-trail{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.encounter-trail path{fill:none;stroke:#b2b59b;stroke-width:2;stroke-dasharray:3 12;stroke-linecap:round;opacity:.55}
.creature-landscape .encounter{position:absolute;left:var(--scene-x);top:var(--scene-y);width:18%;padding:0;margin:0;border:0;background:none;text-align:center;isolation:isolate}
.encounter:nth-of-type(1){--scene-x:1%;--scene-y:20px}
.encounter:nth-of-type(2){--scene-x:19%;--scene-y:95px}
.encounter:nth-of-type(3){--scene-x:36%;--scene-y:5px}
.encounter:nth-of-type(4){--scene-x:49%;--scene-y:110px}
.encounter:nth-of-type(5){--scene-x:72%;--scene-y:40px}
.encounter:nth-of-type(6){--scene-x:82%;--scene-y:210px}
.encounter:nth-of-type(7){--scene-x:65%;--scene-y:260px}
.encounter:nth-of-type(8){--scene-x:43%;--scene-y:310px}
.encounter:nth-of-type(9){--scene-x:24%;--scene-y:260px}
.encounter:nth-of-type(10){--scene-x:7%;--scene-y:340px}
.encounter:nth-of-type(11){--scene-x:1%;--scene-y:490px}
.encounter:nth-of-type(12){--scene-x:23%;--scene-y:505px}
.encounter:nth-of-type(13){--scene-x:40%;--scene-y:465px}
.encounter:nth-of-type(14){--scene-x:55%;--scene-y:500px}
.encounter:nth-of-type(15){--scene-x:73%;--scene-y:455px}
.encounter:nth-of-type(16){--scene-x:82%;--scene-y:350px}
.encounter:before{content:"";position:absolute;inset:35% 7% 6%;border-radius:61% 39% 63% 37% / 42% 55% 45% 58%;background:var(--island);opacity:.6;transform:rotate(-9deg);z-index:-1}
.creature-landscape .encounter img{display:block;width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 10px 8px #4d514616);transition:transform .35s ease}
.creature-landscape .mount-card img{height:170px}
.creature-landscape .encounter figcaption{font:500 17px/1.3 var(--heading);color:#344d43;padding:5px 0 0}
.creature-landscape .encounter:hover img{transform:translateY(-9px) rotate(-4deg)}
@media(max-width:1000px){.creature-landscape .encounter img,.creature-landscape .mount-card img{height:150px}.creature-landscape .encounter figcaption{font-size:14px}}
@media(max-width:600px){
 .creature-landscape{height:750px;margin-inline:-4px}
 .creature-landscape .encounter{width:35%}
 .creature-landscape .encounter img,.creature-landscape .mount-card img{height:120px}
 .encounter:nth-of-type(1){--scene-x:0%;--scene-y:0px}
 .encounter:nth-of-type(2){--scene-x:32%;--scene-y:65px}
 .encounter:nth-of-type(3){--scene-x:64%;--scene-y:10px}
 .encounter:nth-of-type(4){--scene-x:62%;--scene-y:150px}
 .encounter:nth-of-type(5){--scene-x:1%;--scene-y:160px}
 .encounter:nth-of-type(6){--scene-x:31%;--scene-y:215px}
 .encounter:nth-of-type(7){--scene-x:63%;--scene-y:285px}
 .encounter:nth-of-type(8){--scene-x:3%;--scene-y:320px}
 .encounter:nth-of-type(9){--scene-x:33%;--scene-y:365px}
 .encounter:nth-of-type(10){--scene-x:64%;--scene-y:425px}
 .encounter:nth-of-type(11){--scene-x:0%;--scene-y:470px}
 .encounter:nth-of-type(12){--scene-x:30%;--scene-y:510px}
 .encounter:nth-of-type(13){--scene-x:63%;--scene-y:540px}
 .encounter:nth-of-type(14){--scene-x:0%;--scene-y:605px}
 .encounter:nth-of-type(15){--scene-x:32%;--scene-y:635px}
 .encounter:nth-of-type(16){--scene-x:64%;--scene-y:640px}
 .encounter-trail{display:none}
}
@media(prefers-reduced-motion:reduce){.creature-landscape .encounter:hover img{transform:none;transition:none}}
.motion-paused .creature-landscape .encounter:hover img{transform:none}