.cards{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}.card{position:relative;margin-bottom:4px;width:87px;height:130px;list-style:none;perspective:1000px}.card-front{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(logo.7b0c7f81.png),linear-gradient(0deg,transparent,transparent 50%,#6ec1e3 0,#6ec1e3),linear-gradient(0deg,transparent,transparent 50%,#6ec1e3 0,#6ec1e3),linear-gradient(135deg,#bee2f1,#bee2f1 25%,#ccc 0,#ccc 75%,#bee2f1 0,#bee2f1);background-position:50%,center top 40px,center top 90px,top;background-size:73px,calc(100% - 20px) 3px,calc(100% - 20px) 3px,auto;background-repeat:no-repeat;border-radius:10px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:.5s}.card-back,.card-front.show{transform:rotateY(180deg)}.card-back{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,#c7c7c7,#fff);box-shadow:inset 0 0 0 2px rgba(0,0,0,.5);border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:.5s}.card-back.show{transform:rotateY(1turn)}.card-backPicture{width:100%;height:100%;background-size:100%;background-position:50%;background-repeat:no-repeat}.card[data-status=begin]{pointer-events:none;animation:card-begin .5s both}.card[data-status=begin]:first-child{animation-delay:.22s}.card[data-status=begin]:nth-child(2){animation-delay:.24s}.card[data-status=begin]:nth-child(3){animation-delay:.26s}.card[data-status=begin]:nth-child(4){animation-delay:.28s}.card[data-status=begin]:nth-child(5){animation-delay:.3s}.card[data-status=begin]:nth-child(6){animation-delay:.32s}.card[data-status=begin]:nth-child(7){animation-delay:.34s}.card[data-status=begin]:nth-child(8){animation-delay:.36s}.card[data-status=begin]:nth-child(9){animation-delay:.38s}.card[data-status=begin]:nth-child(10){animation-delay:.4s}.card[data-status=begin]:nth-child(11){animation-delay:.42s}.card[data-status=begin]:nth-child(12){animation-delay:.44s}.card[data-status=begin]:nth-child(13){animation-delay:.46s}.card[data-status=begin]:nth-child(14){animation-delay:.48s}.card[data-status=begin]:nth-child(15){animation-delay:.5s}.card[data-status=begin]:nth-child(16){animation-delay:.52s}.card[data-status=begin]:nth-child(17){animation-delay:.54s}.card[data-status=begin]:nth-child(18){animation-delay:.56s}.card[data-status=begin]:nth-child(19){animation-delay:.58s}.card[data-status=begin]:nth-child(20){animation-delay:.6s}.card[data-status=begin]:nth-child(21){animation-delay:.62s}.card[data-status=begin]:nth-child(22){animation-delay:.64s}.card[data-status=begin]:nth-child(23){animation-delay:.66s}.card[data-status=begin]:nth-child(24){animation-delay:.68s}.card[data-status=begin]:nth-child(25){animation-delay:.7s}.card[data-status=begin]:nth-child(26){animation-delay:.72s}.card[data-status=begin]:nth-child(27){animation-delay:.74s}.card[data-status=begin]:nth-child(28){animation-delay:.76s}.card[data-status=begin]:nth-child(29){animation-delay:.78s}.card[data-status=begin]:nth-child(30){animation-delay:.8s}.card[data-status=begin]:nth-child(31){animation-delay:.82s}.card[data-status=begin]:nth-child(32){animation-delay:.84s}.card[data-status=begin]:nth-child(33){animation-delay:.86s}.card[data-status=begin]:nth-child(34){animation-delay:.88s}.card[data-status=begin]:nth-child(35){animation-delay:.9s}.card[data-status=begin]:nth-child(36){animation-delay:.92s}.card[data-status=begin]:nth-child(37){animation-delay:.94s}.card[data-status=begin]:nth-child(38){animation-delay:.96s}.card[data-status=begin]:nth-child(39){animation-delay:.98s}.card[data-status=begin]:nth-child(40){animation-delay:1s}.card[data-status=begin]:nth-child(41){animation-delay:1.02s}.card[data-status=begin]:nth-child(42){animation-delay:1.04s}.card[data-status=begin]:nth-child(43){animation-delay:1.06s}.card[data-status=begin]:nth-child(44){animation-delay:1.08s}.card[data-status=begin]:nth-child(45){animation-delay:1.1s}.card[data-status=begin]:nth-child(46){animation-delay:1.12s}.card[data-status=begin]:nth-child(47){animation-delay:1.14s}.card[data-status=begin]:nth-child(48){animation-delay:1.16s}.card[data-status=begin]:nth-child(49){animation-delay:1.18s}.card[data-status=begin]:nth-child(50){animation-delay:1.2s}.card[data-status=begin]:nth-child(51){animation-delay:1.22s}.card[data-status=begin]:nth-child(52){animation-delay:1.24s}.card[data-status=begin]:nth-child(53){animation-delay:1.26s}.card[data-status=begin]:nth-child(54){animation-delay:1.28s}.card[data-status=begin]:nth-child(55){animation-delay:1.3s}.card[data-status=begin]:nth-child(56){animation-delay:1.32s}.card[data-status=begin]:nth-child(57){animation-delay:1.34s}.card[data-status=begin]:nth-child(58){animation-delay:1.36s}.card[data-status=begin]:nth-child(59){animation-delay:1.38s}.card[data-status=begin]:nth-child(60){animation-delay:1.4s}.card[data-status=begin]:nth-child(61){animation-delay:1.42s}.card[data-status=begin]:nth-child(62){animation-delay:1.44s}.card[data-status=begin]:nth-child(63){animation-delay:1.46s}.card[data-status=begin]:nth-child(64){animation-delay:1.48s}.card[data-status=begin]:nth-child(65){animation-delay:1.5s}.card[data-status=begin]:nth-child(66){animation-delay:1.52s}.card[data-status=begin]:nth-child(67){animation-delay:1.54s}.card[data-status=begin]:nth-child(68){animation-delay:1.56s}.card[data-status=begin]:nth-child(69){animation-delay:1.58s}.card[data-status=begin]:nth-child(70){animation-delay:1.6s}.card[data-status=begin]:nth-child(71){animation-delay:1.62s}.card[data-status=begin]:nth-child(72){animation-delay:1.64s}.card[data-status=begin]:nth-child(73){animation-delay:1.66s}.card[data-status=begin]:nth-child(74){animation-delay:1.68s}.card[data-status=begin]:nth-child(75){animation-delay:1.7s}.card[data-status=begin]:nth-child(76){animation-delay:1.72s}.card[data-status=begin]:nth-child(77){animation-delay:1.74s}.card[data-status=begin]:nth-child(78){animation-delay:1.76s}.card[data-status=begin]:nth-child(79){animation-delay:1.78s}.card[data-status=begin]:nth-child(80){animation-delay:1.8s}.card[data-status=begin]:nth-child(81){animation-delay:1.82s}.card[data-status=begin]:nth-child(82){animation-delay:1.84s}.card[data-status=begin]:nth-child(83){animation-delay:1.86s}.card[data-status=begin]:nth-child(84){animation-delay:1.88s}.card[data-status=begin]:nth-child(85){animation-delay:1.9s}.card[data-status=begin]:nth-child(86){animation-delay:1.92s}.card[data-status=begin]:nth-child(87){animation-delay:1.94s}.card[data-status=begin]:nth-child(88){animation-delay:1.96s}.card[data-status=begin]:nth-child(89){animation-delay:1.98s}.card[data-status=begin]:nth-child(90){animation-delay:2s}.card[data-status=begin]:nth-child(91){animation-delay:2.02s}.card[data-status=begin]:nth-child(92){animation-delay:2.04s}.card[data-status=begin]:nth-child(93){animation-delay:2.06s}.card[data-status=begin]:nth-child(94){animation-delay:2.08s}.card[data-status=begin]:nth-child(95){animation-delay:2.1s}.card[data-status=begin]:nth-child(96){animation-delay:2.12s}.card[data-status=begin]:nth-child(97){animation-delay:2.14s}.card[data-status=begin]:nth-child(98){animation-delay:2.16s}.card[data-status=begin]:nth-child(99){animation-delay:2.18s}@keyframes card-begin{0%{transform:translateX(500px)}to{transform:translateX(0)}}.card[data-status=close]{cursor:pointer}.card[data-status=open]{animation:card-open .5s}@keyframes card-open{0%{filter:brightness(100%)}20%{filter:brightness(120%)}40%{filter:brightness(100%)}60%{filter:brightness(120%)}80%{filter:brightness(100%)}to{filter:brightness(120%)}}.card[data-status=finish]{animation:card-finish .5s}@keyframes card-finish{0%{transform:scale(1)}20%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.1)}80%{transform:scale(1)}to{transform:scale(1.1)}}.card[data-status=gameover]{animation:card-gameover .5s}@keyframes card-gameover{0%{transform:translateY(0)}20%{transform:translateY(10px)}40%{transform:translateY(0)}60%{transform:translateY(10px)}80%{transform:translateY(0)}to{transform:translateY(10px)}}