:root{--bg-dark:#0a0d14;--text-light:#f0f4f8;--accent:#ffb7b2}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-light);margin:0;padding:0;font-family:Quicksand,sans-serif;overflow-x:hidden}.parallax-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}.parallax-container{opacity:0;width:100%;height:100%;animation:2.5s cubic-bezier(.2,.8,.2,1) forwards introZoom;position:absolute;top:0;left:0}.layer{pointer-events:none;will-change:transform;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes introZoom{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes introFade{0%{opacity:0;margin-top:20px}to{opacity:1;margin-top:0}}.img-sky{animation:1.5s ease-out .1s forwards introFade}.img-inner-arch{animation:1.5s ease-out .4s forwards introFade}.img-outer-trees-1,.img-outer-trees-2{animation:1.5s ease-out .7s forwards introFade}.img-rocks{animation:1.5s ease-out 1.2s forwards introFade}.started .img-wave-back{animation:1.5s ease-out .2s forwards introFade}.started .img-boat,.started .img-captain{animation:1.5s ease-out .5s forwards introFade}.started .img-wave-mid{animation:1.5s ease-out .8s forwards introFade}.started .img-wave-front{animation:1.5s ease-out 1.1s forwards introFade}#particles{animation:1.5s ease-out 2s forwards introFade}.layer img{object-fit:cover;object-position:center;width:110%;height:110%;position:absolute;top:-5%;left:-5%}.img-inner-arch img{top:-12%;transform:scale(.95)}.img-outer-trees-1 img{object-fit:contain;object-position:left bottom;transform-origin:0 100%;width:auto;height:115%;animation:14s ease-in-out infinite alternate tree-sway-1;top:auto;bottom:-10%;left:-10%}.img-outer-trees-2 img{object-fit:contain;object-position:right bottom;transform-origin:100% 100%;width:auto;height:115%;animation:17s ease-in-out infinite alternate tree-sway-2;inset:auto -10% -10% auto}@keyframes tree-sway-1{0%{transform:rotate(0)scale(1)}to{transform:rotate(1.5deg)scale(1.02)}}@keyframes tree-sway-2{0%{transform:rotate(0)scale(1)}to{transform:rotate(-1.5deg)scale(1.02)}}.img-rocks img.rock-center{transform-origin:bottom;z-index:2;top:15%;left:-5%;transform:scale(.55)}.img-rocks img.rock-left{transform-origin:bottom;z-index:1;top:15%;left:-35%;transform:scale(.5)}.img-rocks img.rock-right{transform-origin:bottom;z-index:1;top:15%;left:25%;transform:scale(.5)}.wave-wrapper{transform-origin:bottom;width:360%;height:110%;display:flex;position:absolute;top:-5%;left:-130%}.wave-wrapper img{object-fit:cover;object-position:center;width:33.3333%!important;height:100%!important;animation:none!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.wave-back-wrapper{animation:12s ease-in-out infinite alternate wave-pan-back-wrapper;top:0%!important}.wave-mid-wrapper{animation:10s ease-in-out infinite alternate wave-pan-mid-wrapper;top:-2%!important}.wave-front-wrapper{animation:8s ease-in-out infinite alternate wave-pan-front-wrapper;top:1%!important}@keyframes wave-pan-back-wrapper{0%{transform:scale(.8)translate(-1%)}to{transform:scale(.8)translate(1%)}}@keyframes wave-pan-mid-wrapper{0%{transform:scale(.65)translate(1%)}to{transform:scale(.65)translate(-1%)}}@keyframes wave-pan-front-wrapper{0%{transform:scale(.55)translate(-1%)}to{transform:scale(.55)translate(1%)}}.img-boat img{object-fit:contain;width:28%;height:auto;top:40%;left:25%}.float-anim{animation:4s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}.content{z-index:50;text-shadow:0 4px 30px #000000e6;flex-direction:column;justify-content:center;align-items:center;display:flex}.content h1{color:#fff;opacity:0;margin:0 0 10px;font-size:5rem;font-weight:700;animation:1.5s .5s forwards fadeInUp;transform:translateY(30px)}.content p{opacity:0;margin:0;font-size:1.5rem;animation:1.5s .8s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.scroll-section{z-index:100;background:linear-gradient(to bottom, transparent, var(--bg-dark) 10%);justify-content:center;align-items:center;min-height:100vh;padding:50px;display:flex;position:relative}.text-block{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;max-width:600px;padding:40px}.text-block h2{color:var(--accent);opacity:0;margin-top:0;font-size:2.5rem;animation:1.2s cubic-bezier(.2,.8,.2,1) 2.2s forwards fadeInUp;transform:translateY(30px)}.text-block p{opacity:0;animation:1.2s cubic-bezier(.2,.8,.2,1) 2.5s forwards fadeInUp;transform:translateY(30px)}.particles{z-index:90}.particle{opacity:.6;box-shadow:0 0 10px #fff, 0 0 20px var(--accent);background:#fff;border-radius:50%;animation:linear infinite drift;position:absolute}@keyframes drift{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-400px)translate(200px)scale(0)}}.main-ui-btn-container{justify-content:center;width:100%;display:flex;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%)}.main-ui-greeting-container{text-align:center;justify-content:center;width:80%;max-width:550px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.greeting-text{color:#3b2a20;text-shadow:0 0 10px #fff,0 0 15px #ffffffe6,0 0 30px #fff9;opacity:0;margin-bottom:20px;font-family:Patrick Hand,cursive;font-size:2.1rem;font-weight:400;line-height:1.4}.started .greeting-text{animation:1.5s ease-out 1.5s forwards textFadeIn}.action-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;opacity:0;pointer-events:none;background:#1b5e20;border:none;border-radius:30px;padding:12px 28px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #1b5e2080}.started .action-btn{pointer-events:auto;animation:1.5s ease-out 1.5s forwards textFadeIn}.action-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.action-btn:hover{background:#113f15;transform:translateY(-2px);box-shadow:0 6px 20px #113f15b3}.action-btn:hover:before{left:100%}.action-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #113f1580}.boat-leave{animation:2s linear forwards boatLeave!important}@keyframes boatLeave{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}20%{opacity:1;transform:translate(-50px,40px)scale(.8)rotate(-5deg)}40%{opacity:1;transform:translate(-100px,70px)scale(.6)rotate(4deg)}60%{opacity:1;transform:translate(-150px,110px)scale(.4)rotate(-3deg)}80%{opacity:1;transform:translate(-200px,130px)scale(.2)rotate(2deg)}to{opacity:1;transform:translate(-250px,150px)scale(0)rotate(-2deg)}}.img-captain img{object-fit:contain;opacity:0;width:25%;height:auto;top:40%;left:25%;transform:scaleX(-1)translate(250px,150px)scale(0)}.captain-enter{animation:2s linear forwards captainEnter!important}@keyframes captainEnter{0%{opacity:1;transform:scaleX(-1)translate(250px,150px)scale(0)rotate(0)}20%{opacity:1;transform:scaleX(-1)translate(200px,120px)scale(.2)rotate(4deg)}40%{opacity:1;transform:scaleX(-1)translate(150px,110px)scale(.4)rotate(-2deg)}60%{opacity:1;transform:scaleX(-1)translate(100px,50px)scale(.6)rotate(5deg)}80%{opacity:1;transform:scaleX(-1)translate(50px,40px)scale(.8)rotate(-3deg)}to{opacity:1;transform:scaleX(-1)translate(0)scale(1)rotate(0)}}.captain-exit{animation:2s linear forwards captainExit!important}@keyframes captainExit{0%{opacity:1;transform:scaleX(-1)translate(0)scale(1)rotate(0)}20%{opacity:1;transform:scaleX(-1)translate(-300px,-20px)scale(1)rotate(4deg)}40%{opacity:1;transform:scaleX(-1)translate(-600px,10px)scale(1)rotate(-3deg)}60%{opacity:1;transform:scaleX(-1)translate(-900px,-25px)scale(1)rotate(5deg)}80%{opacity:1;transform:scaleX(-1)translate(-1200px,15px)scale(1)rotate(-4deg)}to{opacity:1;transform:scaleX(-1)translate(-1500px)scale(1)rotate(0)}}.intro-overlay{z-index:99999;pointer-events:auto;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1.2s,visibility 1.2s;display:flex;position:fixed;top:0;left:0;opacity:1!important}.intro-overlay.hidden{visibility:hidden;pointer-events:none;opacity:0!important}.intro-content{flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex}.intro-overlay.hidden .intro-content{opacity:0}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}.intro-title{color:#fff;letter-spacing:12px;text-shadow:0 4px 30px #000c,0 0 20px #ffffff80;opacity:0;text-align:center;margin-bottom:2.5rem;font-family:Philosopher,sans-serif;font-size:6.5rem;font-weight:700;animation:1.5s cubic-bezier(.2,.8,.2,1) 1.5s forwards textFadeIn}.start-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:3px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#1b5e2099;border:1px solid #ffffff4d;border-radius:50px;padding:15px 50px;font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700;transition:all .3s;animation:1.5s cubic-bezier(.2,.8,.2,1) 1.8s forwards textFadeIn;box-shadow:0 4px 15px #1b5e2080}.start-btn:hover{color:#fff;background:#113f15cc;transform:translateY(-5px);box-shadow:0 10px 25px #113f15b3}.tree-anim-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.img-outer-trees-1 .tree-anim-wrapper{transform-origin:0 100%}.img-outer-trees-2 .tree-anim-wrapper{transform-origin:100% 100%}.img-outer-trees-1.scene-change .tree-anim-wrapper{animation:2.5s ease-in-out forwards tree1-out!important}.img-outer-trees-2.scene-change .tree-anim-wrapper{animation:2.5s ease-in-out forwards tree2-out!important}.img-inner-arch.scene-change img{animation:3s cubic-bezier(.5,0,.2,1) forwards arch-zoom-out!important}@keyframes arch-zoom-out{0%{opacity:1;filter:blur();transform:scale(.95)}to{opacity:0;filter:blur(15px);transform:scale(3.5)}}@keyframes tree1-out{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-50vw)rotate(-5deg)}}@keyframes tree2-out{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(50vw)rotate(5deg)}}.img-puppet-boat{opacity:1;transition:left 3s cubic-bezier(.2,.8,.2,1);left:-100%}.img-puppet-boat.active{left:0}.img-enemy-boat{opacity:1;transition:right 3s cubic-bezier(.2,.8,.2,1);right:-100%;left:auto!important}.img-enemy-boat.active{right:0}.enemy-boat-center{width:650px;position:absolute;top:40%;right:25%;transform:translate(50%,-50%)}.enemy-boat-center .float-anim{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.img-enemy-boat .puppet-boat-img{filter:drop-shadow(0 15px 25px #0009);object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important}.img-enemy-boat .enemy-pirate-img{object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important}.villain-wrapper{width:18%;height:auto;animation:8s linear infinite villainPatrol;position:absolute;bottom:25%;left:15%}.villain-boat-group.retreat~.villain-wrapper{transition:left .5s ease-out;animation:3s ease-in-out infinite villainIdle;left:85%}.villain-wrapper .villain-stick{z-index:-1;background:linear-gradient(90deg,#d2a679 0%,#8b5a2b 30%,#5c3a21 100%);border-radius:4px;width:6px;height:150vh;position:absolute;top:60%;left:47%;transform:translate(-50%);box-shadow:2px 0 10px #00000080}@keyframes villainPatrol{0%{left:15%;transform:scaleX(1)}45%{left:65%;transform:scaleX(1)}50%{left:65%;transform:scaleX(-1)}95%{left:15%;transform:scaleX(-1)}to{left:15%;transform:scaleX(1)}}@keyframes villainIdle{0%{transform:translateY(0)scaleX(1)}50%{transform:translateY(-10px)scaleX(1)}to{transform:translateY(0)scaleX(1)}}.puppet-boat-center{width:650px;position:absolute;top:45%;left:25%;transform:translate(-50%,-50%)scaleX(-1)}.puppet-boat-center .float-anim{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.img-puppet-boat .puppet-boat-img{z-index:2;filter:drop-shadow(0 15px 25px #0009);object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important}.img-puppet-boat .puppet-captain-wrapper,.img-puppet-boat .good-captain-img{z-index:3;pointer-events:none;object-fit:contain!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.layer.img-puppet-boat.retreat-left{transition:transform 3s cubic-bezier(.4,0,.2,1)!important;transform:translate(-150vw,5vh)!important}.layer.img-puppet-boat.return-from-left{transition:transform 3s cubic-bezier(.4,0,.2,1)!important}.img-new-puppet-boat{opacity:0;transition:opacity 1s ease-in-out}.img-new-puppet-boat.enter-from-left{opacity:1!important}.new-puppet-boat-center{width:450px;transition:left 2.5s cubic-bezier(.2,.8,.2,1);position:absolute;top:48%;left:-50%;transform:translate(-50%,-50%)}.new-puppet-boat-center.player-destroyed{animation:3s ease-in forwards playerShipSink!important}@keyframes playerShipSink{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{opacity:0;transform:translate(-50%,400px)rotate(-20deg)}}.layer.img-new-puppet-boat.enter-from-left .new-puppet-boat-center{left:15%}.img-new-puppet-boat .puppet-boat-img{z-index:2;filter:drop-shadow(0 15px 25px #0009);object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important}.captain-body-img,.puppet-captain-body{object-fit:contain!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.captain-arm-img,.puppet-captain-arm{animation:1s ease-in-out infinite alternate waveArm;object-fit:contain!important;transform-origin:80% 80%!important;width:3.5%!important;height:auto!important;position:absolute!important;top:43.5%!important;left:29%!important}@keyframes waveArm{0%{transform:rotate(-30deg)}to{transform:rotate(10deg)}}.puppet-stick{background:linear-gradient(90deg,#d2a679 0%,#8b5a2b 30%,#5c3a21 100%);border-radius:4px;width:8px;height:150vh;position:absolute;top:70%;left:50%;transform:translate(-50%);box-shadow:2px 0 10px #00000080;z-index:-1!important}.mute-btn{color:#ffffffd9;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:40px;left:40px;box-shadow:0 8px 32px #0003}.mute-btn svg{width:100%;height:100%;transition:transform .3s}.mute-btn:hover{color:#fff;background:#fff3;border-color:#fff6;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.mute-btn:active{transform:translateY(0)}.mute-btn.muted{color:#ffffff80;background:#0003;border-color:#ffffff1a}.mute-btn.muted:hover{color:#fffc;background:#0000004d}.text-intro-layer{opacity:0!important;transition:opacity 2s ease-in 1.5s!important}.text-intro-layer.active{opacity:1!important}.text-cloud-wrapper{color:#3b2a20;text-shadow:0 0 10px #fff,0 0 5px #fffc;pointer-events:none;max-width:350px;font-family:Patrick Hand,cursive;font-size:2.5rem;line-height:1.2;position:absolute;top:15%;left:15%;transform:rotate(-5deg)}.text-cloud-wrapper p{margin:0 0 10px}.action-buttons-container{z-index:100;gap:20px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.attack-btn,.continue-btn{color:#2b2b2b;cursor:pointer;text-transform:none;letter-spacing:normal;background:#d4a373;border:3px solid #3e2723;border-radius:8px;padding:10px 24px;font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700;transition:all .1s;box-shadow:0 4px #3e2723,0 8px 15px #0000004d}.continue-btn{background:#fff}.attack-btn:hover{background:#e2b98f;transform:translateY(2px);box-shadow:0 2px #3e2723,0 4px 10px #0000004d}.continue-btn:hover{background:#f0f0f0;transform:translateY(2px);box-shadow:0 2px #3e2723,0 4px 10px #0000004d}.attack-btn:active,.continue-btn:active{box-shadow:none;transform:translateY(4px)}.villain-boat-group{flex-direction:column;align-items:center;width:100%;display:flex;position:relative;transform:scaleX(1)}@keyframes retreatAnimation{0%{transform:scaleX(1)translate(0)}5%{transform:scaleX(-1)translate(0)}to{transform:scaleX(-1)translate(-150vw)}}.villain-boat-group.retreat{animation:2.5s cubic-bezier(.4,0,.2,1) forwards retreatAnimation}.img-new-pirates{right:0;opacity:1!important;left:auto!important}.new-pirates-center{width:750px;transition:transform 4s cubic-bezier(.2,.8,.2,1) .5s,filter 8.5s ease-in;position:absolute;bottom:23%;right:5%;transform:translateY(150vh)}.img-new-pirates.active .new-pirates-center{transform:translate(0)}.new-pirate-ship-img{z-index:2;filter:drop-shadow(0 20px 30px #000000b3);object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important}.cute-pirates-group{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.cute-pirate-wrapper{opacity:0;transition:all .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(100px)scale(.5);height:auto!important;position:absolute!important;top:auto!important}.img-new-pirates.active .cute-pirate-wrapper{opacity:1;transform:translateY(0)scale(1)}.cute-pirate-inner{width:100%;height:auto;position:relative}.cp-anim-1{animation:2.5s ease-in-out infinite alternate float-cp}.cp-anim-2{animation:3.1s ease-in-out infinite alternate-reverse float-cp}.cp-anim-3{animation:2.7s ease-in-out infinite alternate float-cp}@keyframes float-cp{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.cp-stick{background:linear-gradient(90deg,#d2a679 0%,#8b5a2b 30%,#5c3a21 100%);border-radius:3px;width:6px;height:150vh;position:absolute;top:60%;left:50%;transform:translate(-50%);box-shadow:2px 0 5px #00000080;z-index:-1!important}.cute-pirate-img{filter:drop-shadow(0 5px 10px #00000080);object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important}.cp-1{z-index:5;transition-delay:1.2s;width:12%!important;bottom:22%!important;left:42%!important}.cp-2{z-index:4;transition-delay:1.4s;width:13%!important;bottom:32%!important;left:29%!important}.cp-3{z-index:5;transition-delay:1.6s;width:12%!important;bottom:20%!important;left:23%!important}.cp-4{z-index:4;transition-delay:1.8s;width:13%!important;bottom:34%!important;left:55%!important}.cp-5{z-index:5;transition-delay:2s;width:12%!important;bottom:20%!important;left:62%!important}.cp-6{z-index:4;transition-delay:2.2s;width:13%!important;bottom:51%!important;left:66%!important}.clickable-boat{pointer-events:auto!important}.crosshair-cursor{cursor:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='18' fill='none' stroke='white' stroke-width='3.5' stroke-dasharray='10 4'/%3E%3Ccircle cx='24' cy='24' r='18' fill='none' stroke='black' stroke-width='2' stroke-dasharray='10 4'/%3E%3Cline x1='24' y1='0' x2='24' y2='14' stroke='white' stroke-width='4'/%3E%3Cline x1='24' y1='34' x2='24' y2='48' stroke='white' stroke-width='4'/%3E%3Cline x1='0' y1='24' x2='14' y2='24' stroke='white' stroke-width='4'/%3E%3Cline x1='34' y1='24' x2='48' y2='24' stroke='white' stroke-width='4'/%3E%3Cline x1='24' y1='0' x2='24' y2='14' stroke='black' stroke-width='2'/%3E%3Cline x1='24' y1='34' x2='24' y2='48' stroke='black' stroke-width='2'/%3E%3Cline x1='0' y1='24' x2='14' y2='24' stroke='black' stroke-width='2'/%3E%3Cline x1='34' y1='24' x2='48' y2='24' stroke='black' stroke-width='2'/%3E%3Ccircle cx='24' cy='24' r='3' fill='black' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") 24 24,crosshair!important}.crosshair-cursor .targetable:hover{cursor:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='3' fill='%23ff3333' /%3E%3Ccircle cx='16' cy='16' r='12' fill='none' stroke='%23ff3333' stroke-width='3'/%3E%3Cline x1='16' y1='0' x2='16' y2='8' stroke='%23ff3333' stroke-width='3'/%3E%3Cline x1='16' y1='24' x2='16' y2='32' stroke='%23ff3333' stroke-width='3'/%3E%3Cline x1='0' y1='16' x2='8' y2='16' stroke='%23ff3333' stroke-width='3'/%3E%3Cline x1='24' y1='16' x2='32' y2='16' stroke='%23ff3333' stroke-width='3'/%3E%3C/svg%3E") 16 16,crosshair!important}.targetable{pointer-events:auto!important}.targetable .cp-anim-1{animation-duration:.6s!important}.targetable .cp-anim-2{animation-duration:.7s!important}.targetable .cp-anim-3{animation-duration:.5s!important}.sunk{pointer-events:none;opacity:0!important;transition:transform 2.5s ease-in,opacity 2.5s ease-in!important;transform:translateY(35vh)scale(.9)!important}.panda-sunk-anim{pointer-events:none;animation:3s ease-in forwards pandaSinking!important}@keyframes pandaSinking{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(35vh)}}.enemy-boat-center.dodge-0{transition:right .5s ease-out;left:auto!important;right:25%!important}.enemy-boat-center.dodge-1{transition:right .5s ease-out;left:auto!important;right:35%!important}.enemy-boat-center.dodge-2{transition:right .5s ease-out;left:auto!important;right:15%!important}.cannonball{z-index:1000;pointer-events:none;background:radial-gradient(circle at 30% 30%,#666,#222);border-radius:50%;width:24px;height:24px;position:fixed;box-shadow:0 5px 15px #00000080,inset -3px -3px 8px #000c}.arc-bullet{offset-path:var(--arc-path);margin-top:-12px;margin-left:-12px;animation:.8s linear forwards flyArc;top:0!important;left:0!important}@keyframes flyArc{0%{offset-distance:0%;opacity:1;transform:scale(1.5)}to{offset-distance:100%;opacity:1;transform:scale(.5)}}.boat-recoil{animation:.3s ease-out boatRecoilAnim}@keyframes boatRecoilAnim{0%{transform:translate(-50%,-50%)}30%{transform:translate(calc(-50% - 30px),calc(15px - 50%))rotate(-3deg)}to{transform:translate(-50%,-50%)}}.enemy-boat-recoil{animation:.3s ease-out enemyBoatRecoilAnim}@keyframes enemyBoatRecoilAnim{0%{transform:translate(0)}30%{transform:translate(-30px,15px)rotate(-3deg)}to{transform:translate(0)}}.muzzle-flash{z-index:1001;pointer-events:none;background:radial-gradient(circle,#ffc800 0%,#ff4500cc 40%,#f000 70%);border-radius:50%;width:80px;height:80px;animation:.2s ease-out forwards flashAnim;position:fixed;transform:translate(-50%,-50%)}@keyframes flashAnim{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.boom-explosion{z-index:1001;pointer-events:none;font-size:60px;animation:.5s ease-out forwards boomAnim;position:fixed;transform:translate(-50%,-50%)}@keyframes boomAnim{0%{opacity:1;filter:brightness(2);transform:translate(-50%,-50%)scale(.5)rotate(-10deg)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.5)rotate(10deg)}to{opacity:0;filter:brightness();transform:translate(-50%,-50%)scale(2)rotate(20deg)}}.health-bars-container{z-index:2000;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:80%;max-width:800px;transition:opacity 1s ease-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.health-bars-container.active{opacity:1}.health-bar-wrapper{background:#0006;border:2px solid #ffffff4d;border-radius:4px;flex:1;padding:3px;position:relative;box-shadow:0 4px 10px #0000004d}.health-bar-wrapper .label{color:#fff;text-shadow:1px 1px 3px #000000e6;text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:700;position:absolute;top:-24px}.health-bar-wrapper.left .label{left:5px}.health-bar-wrapper.right .label{text-align:right;right:5px}.health-fill{border-radius:2px;height:18px;transition:width .3s ease-out}.health-fill.player{background:linear-gradient(#66bb6a,#43a047);width:100%}.health-fill.enemy{float:right;background:linear-gradient(#ef5350,#e53935)}.vs-text{color:#fc0;text-shadow:2px 2px 5px #000c,-1px -1px #fff;margin:0 15px;font-family:Inter,sans-serif;font-size:32px;font-style:italic;font-weight:900}.new-pirates-center.damaged{animation:3.2s ease-out forwards shipDamageTilt}@keyframes shipDamageTilt{0%{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(-8deg)}to{transform:rotate(-10deg)translateY(20px)}}.new-pirates-center.destroyed{animation:2s ease-in forwards shipSink}@keyframes shipSink{0%{opacity:1;transform:rotate(-10deg)translateY(20px)}to{opacity:0;transform:translateY(400px)rotate(-30deg)}}.villain-boat-group.return{animation:2.5s cubic-bezier(.2,1,.4,1) forwards returnAnimation}@keyframes returnAnimation{0%{transform:scaleX(1)translate(150vw)}to{transform:scaleX(1)translate(0)}}.cannonball.enemy-bullet{background-color:#ff3d00;box-shadow:0 0 10px #ff3d00,0 0 20px #ff9100}.cannonball.enemy-bullet:after{background:linear-gradient(90deg,#0000,#ff3d00cc)}.shake-screen{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.game-over-overlay{z-index:9999;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:1s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.game-over-overlay h1{color:#fff;text-transform:uppercase;text-shadow:0 0 20px #000;text-align:center;margin-bottom:40px;font-family:Inter,sans-serif;font-size:80px;font-weight:900}.game-over-overlay.win h1{color:gold;text-shadow:0 0 30px #ffd700cc,2px 2px 5px #000}.game-over-overlay.lose h1{color:#ff3d00;text-shadow:0 0 30px #ff3d00cc,2px 2px 5px #000}.game-over-overlay button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff8a00,#e52e71);border:none;border-radius:50px;padding:15px 40px;font-family:Inter,sans-serif;font-size:24px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 15px #00000080}.game-over-overlay button:hover{transform:scale(1.1);box-shadow:0 8px 25px #0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.instant-hide{opacity:0!important;transition:none!important}.instant-hide .new-puppet-boat-center{transition:none!important}.panda-flee{animation:1.5s ease-in forwards pandaFleeAnim!important}@keyframes pandaFleeAnim{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100vw)}}.panda-return-right{animation:2.5s cubic-bezier(.2,.8,.2,1) forwards pandaReturnRightAnim!important}@keyframes pandaReturnRightAnim{0%{opacity:0;transform:translate(100vw)}to{opacity:1;transform:translate(0)}}.layer.img-puppet-boat.reset-enter-left,.layer.img-puppet-boat.win-enter-left{animation:3s cubic-bezier(.2,.8,.2,1) forwards returnFromLeftAnim!important}@keyframes returnFromLeftAnim{0%{transform:translate(-150vw,5vh)}to{transform:translate(0)}}.layer.img-puppet-boat.proceed-right{animation:4s cubic-bezier(.4,0,.2,1) forwards proceedRightAnim!important}@keyframes proceedRightAnim{0%{transform:translate(0)}10%{transform:translateY(5vh)}to{transform:translate(150vw,5vh)}}.enemy-boat-center.proceed-right{animation:3s cubic-bezier(.4,0,.2,1) forwards enemyCenterProceedRight!important}@keyframes enemyCenterProceedRight{0%{transform:translate(50%,-50%)scaleX(1)}10%{transform:translate(50%,-50%)scaleX(-1)}to{transform:translate(calc(50% + 150vw),-50%)scaleX(-1)}}.force-visible{opacity:1!important}.new-puppet-boat-center.retreat-left-flip{animation:3s cubic-bezier(.4,0,.2,1) forwards retreatLeftFlipAnim!important}@keyframes retreatLeftFlipAnim{0%{left:20%;transform:translate(-50%,-50%)scaleX(1)}10%{left:20%;transform:translate(-50%,-50%)scaleX(1)}to{left:-50%;transform:translate(-50%,-50%)scaleX(1)}}.victory-ui-container{z-index:2000;flex-direction:column;align-items:center;gap:20px;animation:1s ease-in forwards victoryFadeIn;display:flex;position:absolute;top:30%;right:25%;transform:translate(50%)}.victory-ui-container h1{color:#3b2a20;text-shadow:0 0 15px #fff,0 0 30px #fffc;text-transform:uppercase;margin:0;font-family:Patrick Hand,cursive;font-size:5rem;font-weight:700}@keyframes victoryFadeIn{0%{opacity:0;transform:translate(50%,20px)}to{opacity:1;transform:translate(50%)}}.parallax-wrapper{touch-action:none;-webkit-tap-highlight-color:transparent}.permission-text{color:#ffffffb3;text-align:center;opacity:0;max-width:80%;margin-top:20px;font-size:1rem;font-style:italic;animation:1.5s cubic-bezier(.2,.8,.2,1) 1.8s forwards textFadeIn}@media (width<=768px){.intro-title{letter-spacing:8px;font-size:4rem}.start-btn{padding:12px 35px;font-size:1.2rem}.greeting-text{font-size:1.6rem}.attack-btn,.continue-btn{padding:8px 16px;font-size:1.2rem}.health-bars-container{width:95%;bottom:15px}.health-bar-wrapper .label{font-size:12px;top:-20px}.vs-text{margin:0 10px;font-size:24px}.mute-btn{width:40px;height:40px;padding:10px;bottom:20px;left:20px}.game-over-overlay h1{font-size:50px}.victory-ui-container h1{font-size:3.5rem}}@media (orientation:portrait) and (width<=768px){.puppet-boat-center{width:350px;top:50%;left:35%}.new-puppet-boat-center{width:250px}.enemy-boat-center{width:350px;top:50%;right:15%}.new-pirates-center{width:400px;bottom:30%;right:0%}.villain-wrapper{width:22%;bottom:22%}.layer img{width:150%;height:150%;top:-15%;left:-25%}.enemy-boat-center.dodge-1{right:25%!important}.enemy-boat-center.dodge-2{right:10%!important}}@media (orientation:landscape) and (height<=500px){.intro-title{margin-bottom:1rem;font-size:3rem}.greeting-text{top:35%}.main-ui-btn-container{top:75%}.puppet-boat-center,.enemy-boat-center{width:450px}.new-pirates-center{width:500px}}