body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(270deg,#f9b233,#f56991,#7f6fff);background-size:400% 400%;animation:gradientBG 20s ease infinite;color:#fff;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2{text-align:center}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:2px 2px #000}.battle,.crew,.enemy-list{padding:40px 20px;max-width:800px;margin:auto}.characters{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.characters img{width:150px;border-radius:10px;transition:transform .3s ease}.characters img:hover{transform:scale(1.1) rotate(-2deg)}.cta{padding:15px 30px;font-size:1.2em;border:none;background-color:#000;color:#fff;border-radius:10px;cursor:pointer}.cta:hover{background-color:red}.glitch{font-size:2.5em;position:relative;color:#fff}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;left:0;width:100%;overflow:hidden;color:#f0f;clip:rect(0,900px,0,0)}.glitch:before{animation:glitchTop 2s linear infinite}.glitch:after{color:#0ff;animation:glitchBottom 2s linear infinite}@keyframes glitchTop{0%{clip:rect(0,9999px,0,0)}10%{clip:rect(10px,9999px,50px,0)}20%{clip:rect(85px,9999px,140px,0)}30%{clip:rect(10px,9999px,60px,0)}to{clip:rect(0,9999px,0,0)}}@keyframes glitchBottom{0%{clip:rect(0,9999px,0,0)}10%{clip:rect(55px,9999px,90px,0)}20%{clip:rect(20px,9999px,60px,0)}30%{clip:rect(90px,9999px,130px,0)}to{clip:rect(0,9999px,0,0)}}.enemy-card{background:rgba(0,0,0,.5);margin:20px auto;padding:20px;border-radius:10px;max-width:500px}