@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Pixelify Sans,sans-serif;color:#000}.main{height:100vh;display:flex;flex-direction:column;align-items:center;gap:3.6rem;justify-content:center;padding:1rem 0rem;background-position:center;background-size:cover;position:relative}.main video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.logo{width:6rem;height:auto;position:absolute;top:1rem;left:1rem;z-index:5}.main>h1{color:#fff;font-size:3rem;font-family:"Press Start 2P",system-ui;text-shadow:2px 2px 5px black}.winDisplay{height:12rem;width:15rem;border-radius:10px;border:5px solid white;display:none;flex-direction:column;align-items:center;justify-content:center;background:#ff0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;gap:.4rem;box-shadow:2px 2px 10px #000}.winDisplay h3{font-size:2rem;font-weight:700}.winDisplay img{width:5rem;height:5rem;object-fit:contain}.card-section{display:flex;align-items:center;gap:2rem}.vs-div{font-size:5rem;font-weight:700;color:#fff}.card{width:20rem;padding:.7rem;background:radial-gradient(#ff0,#000,#ff0);border-radius:.5rem;position:relative;box-shadow:2px 2px 10px #000}.basic-title{font-weight:700;font-size:.7rem;padding:0rem .3rem;background-color:#908f8f;width:fit-content;box-shadow:inset 2px 2px 5px #d2d1d1;border-radius:10px;position:absolute;top:.2rem;left:.5rem}.inner-card{width:100%;background:url(https://pngmagic.com/webp_images/yellow-background-texture-hd.webp);border:1px solid rgba(128,128,128,.336);height:100%;background-size:cover;padding:0px .3rem}.top{display:flex;width:100%;justify-content:space-between;align-items:center}.top>h1{font-size:1.2rem;text-transform:capitalize;font-weight:700;padding:.3rem 0rem}.right-top p{font-weight:600;font-size:1.1rem}.top span{font-size:.8rem;font-weight:600}.middle{width:100%;border:5px solid rgba(161,161,161,.884);box-shadow:2px 2px 5px #d2d1d1;border-radius:.3rem}.middle img{width:100%;height:10rem;object-fit:contain}.bottom{display:flex;flex-direction:column;gap:1rem;padding:1rem .4rem 0rem}.container1{display:flex;flex-direction:column;align-items:center}.container2{display:flex;flex-direction:column;align-items:center;border-top:2px solid rgb(0,0,0);border-bottom:2px solid rgb(0,0,0);padding:1rem 0rem}.container3{display:flex;flex-direction:column;gap:1rem}.stats-name{font-size:.5rem;text-transform:uppercase}.first-row,.second-row{display:flex;justify-content:space-between;align-items:end;width:100%}.first-row p{display:flex;justify-content:center;font-weight:500}.second-row p{font-size:.7rem;font-weight:600}.second-row span{font-size:.5rem}.btngroup{width:70%;display:flex;align-items:center;justify-content:center;gap:2rem}.btngroup button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;background:linear-gradient(#cce7cc,#90ee90);border:2px solid rgb(12,92,12);border-radius:10px;box-shadow:inset -2px -7px 7px #168916;transition:all .3s ease-in-out;font-family:Pixelify Sans,sans-serif}.btngroup button:hover{transform:scale(1.05);cursor:pointer}#fightbtn{background:linear-gradient(#e8c37f,#f7b02c);box-shadow:inset -2px -7px 5px #c88304;border:2px solid rgb(184,125,15);color:#fff;-webkit-text-stroke:1px black;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-weight:800}.btngroup button:active{transform:scale(.95)}