@import"https://fonts.googleapis.com/css2?family=Agbalumo&family=Allerta+Stencil&family=Special+Elite&display=swap";.loading-screen{font-family:genshinDripFont,monospace,sans-serif}.loading-screen #loadingVideo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}.loading-screen h1{margin-top:45px;text-align:center;color:#fff;text-shadow:1px 1px 3px rgb(14,50,144);z-index:1;font-size:3rem}@media screen and (min-width: 700px){.loading-screen h1{margin-top:50px;font-size:5rem}}.main-scoreboard{font-size:1.5rem;display:flex;justify-content:center;align-items:center;gap:35px;background:rgba(3,20,46,.64);border-radius:10px;width:70vw;padding:7px}.main-scoreboard h2{text-shadow:1px 1px 1px rgb(95,194,247);text-align:center;margin:0;font-size:1.5rem;display:flex;flex-direction:column;padding-bottom:3px}.main-scoreboard h2:after{content:"";border-bottom:3px double rgb(55,180,230)}.main-scoreboard .current-score,.main-scoreboard .best-score{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-scoreboard .current-score .score,.main-scoreboard .best-score .score{margin-top:-10px}@media screen and (min-width: 700px){.main-scoreboard{width:300px}}.card-counter-container{margin:15px;font-size:2rem}@media screen and (min-width: 700px){.card-counter-container{margin-top:-5px;margin-bottom:35px}}.scene{height:342.85px;width:200px;perspective:600px}.scene .card{position:relative;width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d}.scene .card.flip-active{transform:rotateY(180deg)}.scene .card .card-face{position:absolute;height:100%;width:100%;backface-visibility:hidden;--webkit-backface-visibility: hidden}.scene .card .card-face.card-face-front .card-content{position:relative}.scene .card .card-face.card-face-front .card-content h1{text-align:center;color:#fff;text-shadow:1px 1px 5px black;font-size:1.3rem;position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%)}.scene .card .card-face.card-face-front .card-content img{cursor:pointer;width:100%;height:100%}.scene .card .card-face.card-face-back{transform:rotateY(180deg)}.scene .card .card-face.card-face-back img{cursor:pointer;width:100%}.main-title-container{display:flex;flex-direction:column;align-items:center;font-family:Agbalumo,sans-serif;text-shadow:1px 1px 2px rgb(7,14,40)}.main-title-container .logo-container{display:flex;justify-content:center;align-items:center;gap:20px}.main-title-container .logo-container #genshin-logo{margin-top:10px;width:180px}@media screen and (min-width: 700px){.main-title-container .logo-container #genshin-logo{width:200px}}.main-title-container .logo-container .divide{color:#41abdc;margin-top:30px;font-family:Special Elite,serif;font-size:3.5rem}@media screen and (min-width: 700px){.main-title-container .logo-container .divide{font-size:4rem}}.main-title-container .logo-container .tcg-logo-container{position:relative}.main-title-container .logo-container .tcg-logo-container #tcg-logo{cursor:pointer;transition:all .7s ease-in-out;z-index:1;width:90px}.main-title-container .logo-container .tcg-logo-container #tcg-logo:hover{transform:rotate(360deg)}@media screen and (min-width: 700px){.main-title-container .logo-container .tcg-logo-container #tcg-logo{width:95px}}.main-title-container .logo-container .tcg-logo-container #text-logo{position:absolute;left:-12px;bottom:-10px;width:115px;z-index:-1}@media screen and (min-width: 700px){.main-title-container .logo-container .tcg-logo-container #text-logo{left:-12px;bottom:-10px;width:120px}}.main-title-container p{display:flex;text-align:center;color:#fff;background-color:#07183198;padding:5px 6px;border-radius:10px;margin:12px 0 0}@media screen and (min-width: 700px){.main-title-container p{padding:5px 10px}}.main-difficulty-page-container .logo-container{margin-top:20px}@media screen and (min-width: 700px){.main-difficulty-page-container .logo-container #genshin-logo{width:250px}}@media screen and (min-width: 700px){.main-difficulty-page-container .logo-container .divide{margin-top:40px;font-size:5rem}}@media screen and (min-width: 700px){.main-difficulty-page-container .logo-container .tcg-logo-container #tcg-logo{width:100px}}@media screen and (min-width: 700px){.main-difficulty-page-container .logo-container .tcg-logo-container #text-logo{left:-19px;bottom:-15px;width:140px}}@media screen and (min-width: 700px){.main-difficulty-page-container .logo-container{gap:30px}}@media screen and (min-width: 700px){.main-difficulty-page-container p{padding:5px 15px}}@font-face{font-family:genshinFont;src:url(../../hei-font.ttf)}@font-face{font-family:genshinDripFont;src:url(../../hei-drip-font.ttf)}.main-game-container{background-image:url(/assets/game_backdrop_poster-0c9d6453.jpeg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;color:#fff;font-family:Agbalumo,sans-serif;text-shadow:1px 1px 2px rgb(7,14,40);height:100vh;overflow:auto;display:flex;flex-direction:column;align-items:center}.main-game-container #backgroundVideo{display:none}@media screen and (min-width: 500px){.main-game-container #backgroundVideo{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:auto;min-width:110%;min-height:100%;object-fit:cover;z-index:-1}}@media screen and (min-width: 500px){.main-game-container{background-image:none}}.main-game-container header{width:100%;display:flex;align-items:center;flex-direction:column;gap:10px}@media screen and (min-width: 700px){.main-game-container header{flex-direction:row;justify-content:space-between;padding:10px 30px}}.main-game-container .card-container{flex:1;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}@media screen and (min-width: 700px){.main-game-container .card-container{margin-top:0;align-items:center}}@font-face{font-family:genshinFont;src:url(../../hei-font.ttf)}@font-face{font-family:genshinDripFont;src:url(../../hei-drip-font.ttf)}.main-difficulty-page-container{display:flex;flex-direction:column;align-items:center;height:100vh}.main-difficulty-page-container #backgroundVideo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:auto;min-width:110%;min-height:100%;object-fit:cover;z-index:-1}.main-difficulty-page-container .description-container{margin-top:30px;display:flex;justify-content:center;align-items:center}.main-difficulty-page-container .description-container div{font-family:genshinFont,monospace,sans-serif;padding:10px;display:flex;justify-content:center;align-items:center;border:3px solid rgb(217,221,246);border-left:none;border-radius:5px;background:linear-gradient(90deg,rgb(90,135,198) 0%,rgb(190,135,213) 80%,rgb(179,138,219) 100%);color:#fff;text-shadow:1px 1px 2px rgb(36,26,114);z-index:0;height:170px;animation:1.3s ease-out 0s scrollInFromLeft forwards}.main-difficulty-page-container .description-container div p{font-size:.85rem;opacity:0;animation:1.5s ease-out 1.3s fadeIn forwards}@media screen and (min-width: 700px){.main-difficulty-page-container .description-container div{font-size:.95rem;margin:30px 0 30px -5px}}.main-difficulty-page-container .description-container img{height:205.71px;width:120px;z-index:1}@media screen and (min-width: 700px){.main-difficulty-page-container .description-container img{width:130px;height:222.85}}.main-difficulty-page-container .difficulty-opt-container{display:flex;flex-direction:column}.main-difficulty-page-container .difficulty-opt-container button{opacity:0;font-family:genshinFont,monospace,sans-serif;color:#fff;cursor:pointer;padding:15px 30px;margin-top:30px;border-radius:10px;border:none;font-size:1.1rem;background:linear-gradient(90deg,rgb(95,138,209) 0%,rgb(101,164,223) 92%,rgb(69,166,235) 100%);transition:all .5s ease-in-out}.main-difficulty-page-container .difficulty-opt-container button:hover{transform:translateY(-5px)}.main-difficulty-page-container .difficulty-opt-container button:active{transform:translateY(5px)}@media screen and (min-width: 700px){.main-difficulty-page-container .difficulty-opt-container button{font-size:1.3rem}}.main-difficulty-page-container .difficulty-opt-container button:first-child{animation:2s ease-out 1s 1 showOpacity forwards,2s ease-out 1s 1 slideInFromBottom}.main-difficulty-page-container .difficulty-opt-container button:nth-child(2){animation:2s ease-out 1.3s 1 showOpacity forwards,2s ease-out 1.3s 1 slideInFromBottom}.main-difficulty-page-container .difficulty-opt-container button:last-child{animation:2s ease-out 1.6s 1 showOpacity forwards,2s ease-out 1.6s 1 slideInFromBottom}.main-difficulty-page-container .difficulty-opt-container button:hover{transform:translateY(-10px)}@media screen and (min-width: 700px){.main-difficulty-page-container .difficulty-opt-container{margin-top:15px;flex-direction:row;gap:30px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes showOpacity{0%{opacity:0}to{opacity:1}}@keyframes scrollInFromLeft{0%{width:0}to{width:65%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-win-container{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-family:genshinFont,monospace,sans-serif}.main-win-container h1{text-align:center;font-size:2.5rem;padding:10px}.main-win-container p{text-align:center;margin:0 20px 10px}.main-win-container .btn-container{position:absolute;bottom:30px;display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 700px){.main-win-container .btn-container{bottom:60px;flex-direction:row;gap:30px}}.main-win-container button{font-family:genshinFont,monospace,sans-serif;position:relative;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;cursor:pointer;padding:5px 15px 5px 10px;border-radius:35px;border:none;font-size:1.2rem;transition:all .5s ease-in-out}.main-win-container button p{width:100%;margin:0;color:#fff}.main-win-container button:hover{transform:translateY(-3px)}.main-win-container button:active{transform:translateY(3px)}.main-win-container button .img-wrapper{display:flex;align-items:center;justify-content:center;height:40px;min-width:40px;border-radius:50%;background-color:#172430}.main-win-container button .img-wrapper img.return{height:30px;width:30px;filter:invert(95%) sepia(95%) saturate(2368%) hue-rotate(328deg) brightness(98%) contrast(92%)}.main-win-container button .img-wrapper img.cancel{height:45px;width:45px;filter:invert(55%) sepia(94%) saturate(1004%) hue-rotate(176deg) brightness(91%) contrast(97%)}@media screen and (min-width: 700px){.main-win-container button{font-size:1.3rem;padding:10px 20px;margin-top:30px}}.main-win-container #backgroundVideo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:auto;min-width:110%;min-height:100%;object-fit:cover;z-index:-1}.main-win-container h1{color:#127ae3;text-shadow:2px 2px 20px rgba(73,172,247,.163),-2px -2px 20px rgba(73,172,247,.377),2px -2px 20px rgba(243,243,243,.16),-2px 2px 20px rgba(215,226,234,.3);margin-top:30px;animation:1s ease-in 0s scaleIn forwards}.main-win-container p.description{opacity:0;animation:1s ease-in 1s revealFast forwards;color:#fff;text-shadow:1px 1px 5px rgb(31,77,177)}.main-win-container button{background:linear-gradient(90deg,rgb(64,151,222) 0%,rgb(38,132,219) 60%,rgb(9,94,173) 100%)}@media screen and (min-width: 700px){.main-win-container button:last-child{background:linear-gradient(90deg,rgb(9,94,173) 0%,rgb(38,132,219) 40%,rgb(64,151,222) 100%)}}@keyframes scaleIn{0%{scale:.5;opacity:0}to{scale:1;opacity:1}}.main-lose-container{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-family:genshinFont,monospace,sans-serif}.main-lose-container #backgroundVideo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:auto;min-width:110%;min-height:100%;object-fit:cover;z-index:-1}.main-lose-container h1{text-align:center;font-size:2.5rem;padding:10px}.main-lose-container p{text-align:center;margin:0 20px 10px}.main-lose-container .btn-container{position:absolute;bottom:30px;display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 700px){.main-lose-container .btn-container{bottom:60px;flex-direction:row;gap:30px}}.main-lose-container button{font-family:genshinFont,monospace,sans-serif;position:relative;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;cursor:pointer;padding:5px 15px 5px 10px;border-radius:35px;border:none;font-size:1.2rem;transition:all .5s ease-in-out}.main-lose-container button p{width:100%;margin:0;color:#fff}.main-lose-container button:hover{transform:translateY(-3px)}.main-lose-container button:active{transform:translateY(3px)}.main-lose-container button .img-wrapper{display:flex;align-items:center;justify-content:center;height:40px;min-width:40px;border-radius:50%;background-color:#172430}.main-lose-container button .img-wrapper img.return{height:30px;width:30px;filter:invert(95%) sepia(95%) saturate(2368%) hue-rotate(328deg) brightness(98%) contrast(92%)}.main-lose-container button .img-wrapper img.cancel{height:45px;width:45px;filter:invert(55%) sepia(94%) saturate(1004%) hue-rotate(176deg) brightness(91%) contrast(97%)}@media screen and (min-width: 700px){.main-lose-container button{font-size:1.3rem;padding:10px 20px;margin-top:30px}}.main-lose-container h1{margin-top:50px;color:#ee1d1d;text-shadow:2px 2px 20px rgba(168,36,36,.622),-2px -2px 20px rgba(117,42,42,.71),2px -2px 20px rgba(117,42,42,.71),-2px 2px 20px rgba(117,42,42,.71);animation:1.5s ease-in 0s scaleInSlow forwards}.main-lose-container p.description{opacity:0;animation:1s ease-in 1.5s revealFast forwards;color:#f3f3f3}.main-lose-container .btn-container button{background:linear-gradient(90deg,rgb(243,74,74) 0%,rgb(162,103,218) 78%,rgb(123,93,242) 100%)}@media screen and (min-width: 700px){.main-lose-container .btn-container button:last-child{background:linear-gradient(90deg,rgb(123,93,242) 0%,rgb(162,103,218) 22%,rgb(243,74,74) 100%)}}@keyframes scaleInSlow{0%{scale:1.3;opacity:0}to{scale:1;opacity:1}}@keyframes revealFast{0%{opacity:0}to{opacity:1}}.sound-btn-container{position:fixed;left:15px;bottom:15px;transform:translate(-100px);animation:2s ease-in 1s rollIn forwards}.sound-btn-container button{background-color:#dce6f5;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:50%;border:none;height:40px;width:40px}.sound-btn-container button img{filter:invert(13%) sepia(45%) saturate(552%) hue-rotate(190deg) brightness(96%) contrast(88%);width:100%}@media screen and (min-width: 700px){.sound-btn-container button{height:45px;width:45px}}@media screen and (min-width: 700px){.sound-btn-container{top:auto;right:auto;left:30px;bottom:30px}}@keyframes rollIn{0%{transform:translate(-100px) rotate(0)}to{transform:translate(0) rotate(360deg)}}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1,h2,p{margin:0}*{box-sizing:border-box}body{margin:0;width:100vw;height:100vh}