*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background-image:linear-gradient(#97d9e1 0%,#d9afd9 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:62.5%}body{max-width:100rem;margin:0 auto;padding:10rem 24rem;font-family:Rubik Glitch Pop,system-ui;font-style:normal;font-weight:400;position:relative}.container{flex-direction:column;gap:2rem;display:flex}h2{text-align:center;color:#302e2e;border-radius:1.6rem;padding:1rem 1.2rem;font-size:3.2rem;box-shadow:.6rem .6rem 2rem #0000004d}.computer-title{background-image:linear-gradient(90.5deg,#982dff .7%,#5af1ff 51.5%,#41efa4 100.6%)}.player-title{background-image:linear-gradient(160deg,#0093e9 0%,#80d0c7 100%)}.text{text-align:center;background-image:linear-gradient(90deg,#c3c3c3 .2%,#aaa 99.9%);border:2px solid #be030399;border-radius:1.6rem;width:50%;margin:4rem auto;padding:1rem 1.2rem;font-size:3.4rem;box-shadow:.4rem .4rem .8rem #0000004d}.action{font-optical-sizing:auto;grid-template-rows:18rem;grid-template-columns:repeat(2,16rem);justify-content:space-around;gap:4rem;padding:0 1rem;font-family:Rubik,sans-serif;display:grid}.deck{color:#fff;-webkit-user-select:none;user-select:none;border:3px solid #aeaeaecc;border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex;box-shadow:.2rem .4rem .2rem #0006}.computer-deck{color:#fffc;text-shadow:.2rem .4rem .2rem #0006;background-image:linear-gradient(135deg,#81fbb8c7 10%,#057e3b 100%);font-size:4.4rem}.player-deck{color:#fffc;text-shadow:.2rem .4rem .2rem #0006;background-image:linear-gradient(135deg,#97cdf3db 10%,#053e74 100%);font-size:4.4rem}.card{-webkit-backdrop-filter:blur(4rem);text-shadow:.2rem .4rem .2rem #0006;background:#fff6;border:3px solid #aeaeaecc;border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;font-size:6rem;display:flex;position:relative;box-shadow:.2rem .4rem .2rem #0006}.card:before,.card:after{content:attr(data-value);text-shadow:.1rem .1rem .3rem #0006;font-size:2.4rem;position:absolute}.card:before{top:.5rem;left:.5rem}.card:after{bottom:.5rem;right:.5rem;transform:rotate(180deg)}.card.red{color:#ff0000e6}.card.black{color:#000000e6}.play{cursor:pointer;border:3px solid #030373cc;border-radius:1.6rem;padding:1rem 1.2rem;font-size:3rem;position:absolute;top:50%;right:1rem;box-shadow:.4rem .4rem .4rem #0006}.reset{cursor:pointer;border:3px solid #030373cc;border-radius:1.6rem;padding:1rem 1.2rem;font-size:2.6rem;position:absolute;top:60%;right:1rem;box-shadow:.4rem .4rem .4rem #0006}.footer{font-optical-sizing:auto;color:#0009;margin-top:6rem;font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:600}
/*# sourceMappingURL=index.39e68451.css.map */