.footprint,body::before{pointer-events:none;position:absolute}.container,body{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow-x:hidden;background:linear-gradient(to bottom,#c4a574 0,#b08960 50%,#8b6f47 100%);position:relative}body::before{content:'';top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(139,90,50,.3) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(160,110,70,.2) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,111,71,.2) 0,transparent 70%);animation:20s ease-in-out infinite dustFloat}@keyframes dustFloat{0%,100%{opacity:.5}50%{opacity:.8}}.footprint{width:30px;height:30px;opacity:.2}.footprint::after,.footprint::before{content:'🐾';position:absolute;font-size:20px;color:#5d4a3a;transform:rotate(var(--rotation))}.footprint:first-child{top:10%;left:5%;--rotation:45deg;animation:30s infinite trackMove1}.footprint:nth-child(2){top:20%;left:15%;--rotation:60deg;animation:35s infinite trackMove2}.footprint:nth-child(3){top:30%;left:25%;--rotation:30deg;animation:40s infinite trackMove3}.footprint:nth-child(4){top:60%;right:10%;--rotation:-45deg;animation:45s infinite trackMove4}.footprint:nth-child(5){bottom:20%;right:30%;--rotation:-60deg;animation:50s infinite trackMove5}.footprint:nth-child(6){bottom:30%;left:40%;--rotation:90deg;animation:55s infinite trackMove6}@keyframes trackMove1{0%,100%{transform:translate(0,0)}50%{transform:translate(100px,50px)}}@keyframes trackMove2{0%,100%{transform:translate(0,0)}50%{transform:translate(-80px,100px)}}@keyframes trackMove3{0%,100%{transform:translate(0,0)}50%{transform:translate(120px,-50px)}}@keyframes trackMove4{0%,100%{transform:translate(0,0)}50%{transform:translate(-100px,80px)}}@keyframes trackMove5{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,-100px)}}@keyframes trackMove6{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-80px)}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}h1{font-size:5rem;font-weight:700;color:#2c1810;text-shadow:3px 3px 6px rgba(0,0,0,.3),-1px -1px 2px rgba(255,255,255,.3);letter-spacing:.05em;margin-bottom:2rem}.subtitle{font-size:1.2rem;color:#4a2c1a;margin-bottom:1rem}.animal-link,.close{color:#5d3a23;cursor:pointer}.animal-link{text-decoration:underline;transition:color .3s}.animal-image,.close{transition:transform .3s}.animal-link:hover{color:#8b6914}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{position:relative;background:linear-gradient(135deg,#d4c0a8 0,#c4a584 100%);margin:50px auto;padding:2rem;width:90%;max-width:600px;border-radius:15px;border:3px solid #6b5014;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:.3s slideIn;max-height:80vh;overflow-y:auto}.animal-name,.animal-size{margin-bottom:1rem;text-align:center}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:20px;top:20px;font-size:2rem}.close:hover{transform:rotate(90deg)}.animal-name{font-size:2.5rem;color:#2c1810}.animal-size{font-size:1.2rem;color:#5d3a23;font-style:italic}.animal-description{font-size:1.1rem;color:#4a2c1a;line-height:1.6;margin-bottom:1.5rem}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.animal-image{width:100%;height:200px;object-fit:cover;border-radius:10px;border:2px solid #6b5014}.animal-image:hover{transform:scale(1.05)}.loading{text-align:center;font-size:1.5rem;color:#5d3a23;padding:3rem}.error{text-align:center;font-size:1.2rem;color:#8b2500;padding:2rem}