*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Secular;src:url(/assets/SecularOne-Regular-92c31fb5.ttf) format("truetype")}@font-face{font-family:Rubik;src:url(/assets/RubikSprayPaint-Regular-a4f4fa29.ttf) format("truetype")}body{background-color:#d9dde4}#app{display:flex}#app>div{display:flex;flex-direction:column;align-items:center;margin-top:30px;max-height:calc(100vh - 30px);width:90vw;margin-left:auto;margin-right:auto;justify-content:flex-start}#app>div.eightCards .game-board{grid-template-columns:repeat(4,minmax(100px,20%))}#app>div.twelveCards .game-board{grid-template-columns:repeat(6,minmax(100px,15%))}#app>div.eighteenCards .game-board{grid-template-columns:repeat(6,minmax(50px,12%))}#app>div.twentyFourCards .game-board{grid-template-columns:repeat(8,minmax(50px,12%))}@media screen and (orientation: portrait){#app>div.eightCards .game-board{grid-template-columns:repeat(2,minmax(100px,40%));overflow:auto}#app>div.twelveCards .game-board{grid-template-columns:repeat(3,30%)}#app>div.eighteenCards .game-board{grid-template-columns:repeat(3,minmax(10%,25%))}#app>div.twentyFourCards .game-board{grid-template-columns:repeat(4,minmax(10%,25%))}}#app>div .game-controls{direction:rtl;width:80%;min-height:15vh;max-height:100px;display:flex;justify-content:space-between}@media screen and (orientation: portrait){#app>div .game-controls{width:100%}}#app>div .game-controls .controls-top{max-width:30%;height:100%;display:flex;align-items:center}#app>div .game-controls .controls-top a{display:flex;align-items:center;height:100%}#app>div .game-controls .controls-top a img{height:75%}#app>div .game-controls .controls-top a img:nth-child(1){display:block}@media screen and (orientation: portrait){#app>div .game-controls .controls-top a img:nth-child(1){max-height:100%;display:block}}#app>div .game-controls .controls-center{flex-grow:1}#app>div .game-controls .controls-bottom{min-width:37.5%;border-radius:12.5px;background-color:#840409;display:flex}#app>div .game-controls .controls-bottom .control-choices{margin-right:2%;flex-grow:1;display:flex;gap:5px;flex-direction:column;justify-content:center}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-header>p{font-size:20px;font-family:Secular;color:#d9dde4;margin-right:10px}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio{display:flex;justify-content:space-between}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio .cards-amount{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}@media screen and (max-width: 768px) and (orientation: landscape){#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio .cards-amount{grid-template-columns:repeat(4,1fr)}}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio .cards-amount>div{display:flex;margin:2.5px 10px;flex-grow:1}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio .cards-amount>div .radio{display:none}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio .cards-amount>div label.stub{cursor:pointer;display:inline-block;width:24px;height:24px;background-color:#d9dde4;border:1px solid #ccc;border-radius:5px}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio .cards-amount>div .radio:checked+label.stub{background-size:contain;background-image:url(/assets/punch-2b2b68d0.png);background-repeat:no-repeat}#app>div .game-controls .controls-bottom .control-choices .controls-bottom-radio .cards-amount>div label:not(.stub){margin-right:5px;font-family:Secular;color:#d9dde4}#app>div .game-controls .start-button{display:flex;flex-direction:column;justify-content:center;margin-left:15px}#app>div .game-controls .start-button>a{cursor:pointer}#app>div .game-controls .start-button>a>div>img{max-height:50px;display:none}#app>div .game-controls .start-button>a>div>img:nth-child(1){display:block}#app>div .game-controls .start-button a:active>div>img:nth-child(1){display:none}#app>div .game-controls .start-button a:active>div>img:nth-child(2){display:block}#app>div .game-board{display:grid;justify-content:center;max-height:85%;gap:5px;margin-top:15px;margin-left:auto;margin-right:auto;justify-items:center;align-items:center}#app>div .game-board .card{-webkit-user-select:none;user-select:none;perspective:1000px;transform-style:preserve-3d}#app>div .game-board .card .face{position:absolute;overflow:hidden;display:flex;backface-visibility:hidden;border-radius:25px;transform-origin:center;transition:all .6s}#app>div .game-board .card .face img{width:100%;height:100%}#app>div .game-board .card .face.sandwitch{height:100%;position:relative;visibility:hidden}#app>div .game-board .card .face.front{transform:rotateY(-180deg)}#app>div .game-board .card .face.back{transform:rotateY(0)}#app>div .game-board .card .front{outline:2px solid #840409;outline-offset:-2px}#app>div .game-board .card.flipped .front{transform:rotateY(0)}#app>div .game-board .card.flipped .back{transform:rotateY(180deg)}#app>div .game-board .card.flipped.matched .face{outline:0;outline-offset:0}.footer{padding-bottom:70px;padding-top:70px;margin:auto;display:flex;flex-direction:row-reverse;justify-content:center}.footer div{display:flex;justify-content:center}.footer div a{font-size:14px;color:#840409;font-family:Secular}.swal2-popup{border-radius:25px;width:350px;max-width:100%;height:400px;padding:0;display:flex;flex-direction:column;justify-content:center}.swal2-popup .swal2-html-container{margin:0;display:flex!important;flex-direction:column;justify-content:center;align-items:center}.swal2-popup .swal2-html-container .face.front{display:flex;flex-direction:column;border-radius:25px;width:95%;height:95%;align-items:center;justify-content:space-between}.swal2-popup .swal2-html-container .face.front img{padding-top:10px;max-width:250px;max-height:90%}.swal2-popup .swal2-html-container .face.front>div{padding-bottom:10px}.swal2-popup .swal2-html-container .face.front>div p{direction:rtl;padding:0 10px;margin:0 auto;text-align:start;font-size:16px;font-family:Secular;color:#fff}.swal2-popup .swal2-html-container .face.front>div p:last-child{text-align:end;font-size:14px}.swal2-popup.win{height:150px;width:350px}.swal2-popup.win .swal2-html-container{justify-content:center}.swal2-popup.win .swal2-html-container .win{flex-direction:column;justify-content:center;align-items:flex-end}.swal2-popup.win .swal2-html-container .win p{text-align:end;width:70%;margin:0 auto;font-family:Secular;color:#d9dde4}.swal2-popup.win .swal2-html-container .win p:first-child{font-size:24px}.swal2-popup.win .swal2-html-container .win p:last-child{font-size:16}