:root{--color-alura: #051932;--color-pomb-and-power: #7C5E99;--color-floral-white: #FFFCEE;--color-sandstorm: #F5D547;--color-fiery-rose: #F25A70;--color-old-silver: #828282;--color-mantis: #62C370;--color-arsenic: #3A4042;--color-eggshell: #EAE6DA}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{font-size:10px;height:100%}body{background-color:var(--color-pomb-and-power);font-family:"Press Start 2P",sans-serif;font-weight:400;font-style:normal;max-width:320px;margin-left:auto;margin-right:auto}.board-game{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;perspective:400px}.card-front-back{--width: 130px;--height: 155px;height:var(--height);width:var(--width);cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.42,0,.54,1.68)}.card-front-back.active{transform:rotateY(180deg)}.card-front-back>.card{position:absolute;backface-visibility:hidden;transform-style:preserve-3d}.card-front-back>.back{transform:rotateY(180deg)}.card-front-back>.back>.card-game{background-color:var(--color-fiery-rose)}.card-game{box-sizing:border-box;background-color:var(--color-alura);display:flex;align-items:center;justify-content:center;height:var(--height);width:var(--width);border:4px solid var(--color-floral-white)}.score-board{display:flex;flex-direction:column;justify-content:space-evenly;gap:5px;padding-top:.5rem;padding-bottom:2.5rem}.div-score{display:flex;justify-content:space-evenly;align-items:center}.score-player{cursor:pointer}.icon-arrow{width:20px;height:15px;margin-left:106px;transition:margin .3s ease-in-out}.icon-arrow[data-player=player-2]{margin-left:calc(100% - 126px)}.player-name{color:var(--color-floral-white);font-size:1rem}.versus-text{color:var(--color-sandstorm);font-size:.8rem}.player-score{width:50px;height:20px;display:flex;box-sizing:border-box;gap:1px;flex-direction:row-reverse;border:2px solid var(--color-fiery-rose);padding:1px;background-color:var(--color-floral-white)}.points{width:14px;height:14px;background-color:var(--color-old-silver)}.player-score[data-pointsAmount="1"]{flex-direction:row}.player-score[data-pointsAmount="1"]>.points:first-child{background-color:var(--color-mantis)}.player-score[data-pointsAmount="2"]>.points:nth-child(n+2){background-color:var(--color-mantis)}.player-score[data-pointsAmount="3"]>.points{background-color:var(--color-mantis)}.game-over-screen{display:none;position:absolute;background-color:var(--color-arsenic);top:0;width:320px;height:100vh;opacity:0;transition:opacity .7s ease-in-out}.game-over-screen.active{display:block;opacity:100%}.game-over{background-color:var(--color-pomb-and-power);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;max-width:90%;padding-top:5%;padding-bottom:5%;gap:15px;top:50%;left:50%;border:2px solid var(--color-floral-white);transform:translate(-50%,-50%);border-radius:5px}.game-over-text{text-align:center}.winner{font-size:2rem;color:var(--color-eggshell)}.winner-text{font-size:1.5rem;color:var(--color-mantis);width:225px}.restart-button{background-color:var(--color-fiery-rose);font-family:"Press Start 2P";color:var(--color-floral-white);width:85%;padding:8px;border:2px solid var(--color-floral-white);border-radius:5px;cursor:pointer}