*{--anim-time: 7s}.enemySpace,.playerSpace{height:50%;width:100%;display:grid;place-items:center}.separator{z-index:-1;width:100%;height:5px;background-color:#fff;filter:blur(1px);position:absolute;top:50%;transform:translateY(-50%)}.jankenpon>div{width:50px;height:50px;color:#b00;font-weight:900;font-size:3rem;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-100%,-70%) rotate(7deg);filter:opacity(0)}.jankenpon>div:first-child{transform:translate(-160px,-30px) rotate(-8deg)}.jankenpon>div:last-child{transform:translate(60px,-30px) rotate(-8deg)}.jan{animation:jan var(--anim-time)}@keyframes jan{24%{filter:opacity(0);scale:5}25%{filter:opacity(1);scale:1}50%{filter:opacity(1)}51%{filter:opacity(0)}to{filter:opacity(0)}}.ken{animation:ken var(--anim-time)}@keyframes ken{29%{filter:opacity(0);scale:5}30%{filter:opacity(1);scale:1}50%{filter:opacity(1)}51%{filter:opacity(0)}to{filter:opacity(0)}}.pon{animation:pon var(--anim-time)}@keyframes pon{34%{filter:opacity(0);scale:5}35%{filter:opacity(1);scale:1}50%{filter:opacity(1)}51%{filter:opacity(0)}to{filter:opacity(0)}}.matchResult{filter:opacity(0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:2rem}.reveal-result{animation:reveal-result var(--anim-time)}@keyframes reveal-result{60%{filter:opacity(0)}70%{filter:opacity(1)}99%{filter:opacity(1)}to{filter:opacity(0)}}.score{height:250px;width:75px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border:5px solid rgba(255,255,255);border-radius:50px;background:#006e00;box-shadow:15px -5px 30px #0003,2px -2px 20px #0003 inset;position:absolute;right:5%;top:50%;transform:translate(-5%,-50%)}.score>*{color:#fff;font-size:2rem}.score button{width:60px;height:60px;border:none;background-color:red;border-radius:50%;font-size:1rem;cursor:pointer}.enemy-card{height:200px;aspect-ratio:2 / 3;transform:translateY(-500px);transform-style:preserve-3d;position:relative}.enemy-card-front,.enemy-card-back{height:100%;width:100%;display:grid;place-items:center;backface-visibility:hidden;position:absolute}.enemy-card-front{background-color:#fdd;border-radius:10px;border:10px solid rgb(93,19,0);transform:rotateY(180deg)}.enemy-card-back{background-color:#131417;color:#fff;border-radius:10px}.reveal{animation:reveal var(--anim-time) forwards}@keyframes reveal{0%{transform:translateY(-500px)}10%{transform:translateY(-500px)}15%{transform:translateY(20px)}20%{transform:translateY(0)}40%{transform:rotateY(0)}50%{transform:rotateY(180deg)}80%{transform:translateY(0) rotateY(180deg)}85%{transform:translateY(20px)}90%{transform:translateY(-500px)}to{transform:translateY(-500px)}}.player-card-container{display:flex;gap:1rem;position:relative}.card{height:200px;aspect-ratio:2/3;background-color:#fdd;border-radius:10px;border:10px solid rgb(93,19,0)}.player-card-container .card{transition:all .3s;cursor:pointer}.player-card-container .card:hover{transform:translateY(-20px) scale(1.1)}.player-card-container .card:disabled:hover{transform:scale(1) rotate(0)}.player-card-container .card:disabled{cursor:auto}.hide{animation:hide var(--anim-time)}@keyframes hide{0%{transform:translateY(0)}5%{transform:translateY(-20px)}15%{transform:translateY(500px)}90%{transform:translateY(500px)}95%{transform:translateY(-20px)}to{transform:translateY(0)}}.player-card-container .chosen{animation:center var(--anim-time)}@keyframes center{10%{transform:translate(0)}to{transform:translate(0)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:radial-gradient(ellipse at bottom,#009a00,#004100);overflow:hidden}#root{width:100svw;height:100svh;position:relative;perspective:550px}