.breeding-mode .koi-in-pond:hover{outline:3px solid #c084fc;cursor:pointer}.breeding-mode .koi-in-pond.selected{outline:4px solid #a855f7}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(1.2);opacity:0}}.animate-float-up{animation:float-up 1.5s ease-out forwards;pointer-events:none;text-shadow:0 0 8px rgba(0,0,0,.2)}.animate-feed-up{animation:float-up 1.2s ease-out forwards;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.2)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}@keyframes caustics{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.caustics-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 40% 40% at 20% 20%,rgba(200,220,255,.08),transparent),radial-gradient(ellipse 30% 30% at 70% 80%,rgba(200,220,255,.06),transparent);background-size:200% 200%;animation:none;mix-blend-mode:overlay;pointer-events:none}@keyframes swim-tail{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.koi-fin,.koi-tail{position:absolute;opacity:.9;filter:brightness(.95);z-index:-1}.koi-tail{width:40%;height:120%;left:-30%;top:-10%;clip-path:polygon(100% 40%,100% 60%,0 0,0 100%);transform-origin:100% 50%;animation:swim-tail 1.5s ease-in-out infinite;border-radius:50% 0 0 50%}.static-koi .koi-tail{animation:none;transform:rotate(-5deg)}.koi-fin-pectoral-left,.koi-fin-pectoral-right{width:50%;height:80%;left:40%;clip-path:polygon(0 50%,100% 0,80% 100%);z-index:-1;border-radius:50%}.koi-fin-pectoral-left{top:-15%;transform:rotate(45deg)}.koi-fin-pectoral-right{bottom:-15%;transform:rotate(-45deg)}.koi-eye{position:absolute;width:8px;height:8px;background-color:#fff;border-radius:50%;right:15%;z-index:20;box-shadow:0 0 2px #0000004d}.koi-eye:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background-color:#000;border-radius:50%}.koi-eye.left{top:25%}.koi-eye.right{bottom:25%}@keyframes drop-fade{0%{transform:translateY(-10px) scale(1.2);opacity:0}20%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(20px) scale(.5);opacity:0}}.food-pellet{position:absolute;width:6px;height:6px;background-color:#78350f;border-radius:50%;box-shadow:0 0 4px #0006;animation:drop-fade 1s ease-out forwards}.pellet1{top:-5px;left:0}.pellet2{top:0;left:8px;animation-delay:.1s}.pellet3{top:5px;left:-3px;animation-delay:.2s}