.flip-card-game{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background-color:#333;overflow:hidden;position:relative}.flip-card-game .game-wrapper{text-align:center;z-index:10}.flip-card-game .game-wrapper .download-app .download-title{font-size:16px;margin-bottom:30px;padding:20px 40px;color:#fff}.flip-card-game .game-wrapper .download-app img{width:60px;border-radius:6px;margin-bottom:5px}.flip-card-game .game-wrapper .download-app .download-btn{padding:10px 70px;border:1px solid #fff;color:#fff;margin-top:20px;display:inline-block;border-radius:6px;font-size:16px}.flip-card-game .game-wrapper .download-app .download-btn:active{opacity:.6}.flip-card-game .spu-name{color:#fff;margin-bottom:20px}.flip-card-game .difficulty-buttons{margin-bottom:1rem}.flip-card-game .difficulty-button{margin:0 5px;padding:5px 10px;font-size:14px;cursor:pointer;color:#fff;border:1px solid #fff;border-radius:5px;transition:all .3s ease}.flip-card-game .difficulty-button.selected,.flip-card-game .game-button{background-color:#fff;color:#333}.flip-card-game .game-button{margin:5px;padding:15px 60px;font-size:16px;cursor:pointer;font-weight:700;border:none;border-radius:5px;transition:background-color .3s ease}.flip-card-game .game-button:disabled{background-color:#ccc;cursor:not-allowed}.flip-card-game .game-button.stop{background-color:#ff4a4a;color:#fff;float:right;padding:5px 10px;margin:0}.flip-card-game #timer{text-align:left;font-size:24px;margin:10px 0;color:#fff}.flip-card-game #game-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:20px;transition:.5s}.flip-card-game #game-container.difficulty-21{grid-template-columns:repeat(6,1fr);grid-gap:7px;gap:7px}.flip-card-game #game-container.difficulty-21 .card{width:54px;height:72px}.flip-card-game #game-container.difficulty-21 .card .card-front{font-size:40px}.flip-card-game #game-container.difficulty-44{grid-template-columns:repeat(8,1fr);grid-gap:5px;gap:5px}.flip-card-game #game-container.difficulty-44 .card{width:40px;height:60px}.flip-card-game #game-container.difficulty-44 .card .card-front{font-size:30px}.flip-card-game .card{width:80px;height:120px;background-color:#fff;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px rgba(0,0,0,.1)}.flip-card-game .card.flipped{transform:rotateY(180deg)}.flip-card-game .card .difficulty-21{width:70px;height:70px;font-size:20px}.flip-card-game .card .difficulty-44{width:60px;height:60px;font-size:18px}.flip-card-game .card .card-back,.flip-card-game .card .card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:5px;color:#e7e7e7;font-size:56px}.flip-card-game .card .card-back{background-color:#2196f3;color:#fff;transform:rotateY(180deg)}.flip-card-game .card .card-back img{width:100%;height:100%;border-radius:5px;-o-object-fit:cover;object-fit:cover}.flip-card-game #game-over{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column}.flip-card-game #game-over button{margin-top:20px;font-size:18px;padding:10px 20px}.flip-card-game #game-over .download-tip{background-color:#fff;border-radius:5px;color:#333;margin-top:100px;padding:10px 10px 10px 20px}.flip-card-game #game-over .download-tip img{width:80px;vertical-align:middle}.flip-card-game #game-over .download-tip div{width:120px;text-align:left;display:inline-block;vertical-align:middle}@keyframes appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.flip-card-game .appear-enter-active{animation:appear .5s ease}.flip-card-game .appear-leave-active{animation:appear .5s ease reverse}.flip-card-game .image-wall{position:absolute;z-index:0;display:flex;flex-direction:column;height:110vh;width:100vh;overflow:hidden;opacity:.2;transform:rotate(-5deg)}.flip-card-game .image-row{display:flex;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite}.flip-card-game .image-row img{width:120px;height:160px;border-radius:10px;-o-object-fit:cover;object-fit:cover;margin:6px}.flip-card-game .row-left{animation-name:moveLeft}.flip-card-game .row-right{animation-name:moveRight}@keyframes moveLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes moveRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}