.header{overflow:hidden}.mobile-header{position:fixed;width:100%;z-index:5000;height:50px;display:flex;justify-content:space-between;background-image:linear-gradient(to top,#5e110f 0%,#c74752 5%,#ff5555 10%,#fa2a4f 15%,#fa2a4f 90%,#ffb9b9 100%,#fa2a4f 100%)}.mobile-menu-left{display:flex;justify-content:center;align-items:center}.mobile-menu-right{display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:0}.mobile-menu-icon{display:flex;justify-content:center;align-items:center;cursor:pointer;width:50px;height:50px}.mobile-right-btn{display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:bold;width:50px;height:50px}.mobile-right-btn a{font-size:15px;color:white}.mobile-menu-icon svg{height:35px;width:35px}.mobile-logo-box{display:flex;justify-content:center;align-items:center;position:absolute;left:calc(50% - 72px)}.mobile-logo-box>a{display:flex}.mobile-logo-box>a>svg{height:35px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mobile-logo-box img{height:35px;vertical-align:middle}.mobile-recent-icon{display:flex;justify-content:center;align-items:center;cursor:pointer;width:50px;height:50px}.mobile-recent-icon svg{height:35px;width:35px}.mobile-search-icon{display:flex;justify-content:center;align-items:center;cursor:pointer;width:50px;height:50px}.mobile-search-icon svg{height:35px;width:35px}.pop-menu{border-right:2px solid white;border-bottom:2px solid white;position:fixed;left:0;z-index:10000;width:200px;max-width:80%;overflow-y:auto;height:100%;transition:left 0.5s cubic-bezier(0.25,0.1,0.25,1);background-color:#FFE4E2}.hide-pop-menu{left:-250px}.pop-menu-category-list{}.pop-menu-category-list a{position:relative;height:50px;cursor:pointer;padding:5px 10px;border-bottom:solid 2px #FA2A4F;display:flex;align-items:center;transition-duration:0.3s;user-select:none}.pop-menu-category-list>a>svg{height:25px;margin-left:10px}.pop-menu-category-list a:before{content:"";transform:scaleX(0);background-color:#e91e63;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;transform-origin:0 50%;transition-duration:0.3s;transition-timing-function:ease-out}.pop-menu-category-list a:hover:before,.pop-menu-category-list a:hover:focus,.pop-menu-category-list a:hover:active{transform:scaleX(1)}.pop-menu-category-list a:hover .pop-menu-category-item-text{color:white;text-shadow:none}.pop-menu-category-item-img{width:40px;height:40px}.pop-menu-bg{position:fixed;z-index:6000;width:100%;height:100%;transition:left 0.6s cubic-bezier(0.25,0.1,0.25,1);background-color:var(--mask-bg)}.desktop-header{display:none}.nav-item-icon{}.nav-item>a{height:60px}.top-menu-list-container{display:none;margin-left:10px}.top-menu-category-list{}.top-menu-category-item-text{display:inline-block;color:white;font-weight:bold;font-size:18px}.top-menu-category-list a{width:100px;display:flex;justify-content:center;align-items:center;height:100%;padding:0 15px;border-right:2px solid #cb0c2e}.top-menu-category-list a:nth-child(1){border-left:2px solid #cb0c2e}.top-menu-category-list .active{border-bottom:3px solid var(--pink-1)}.top-menu-category-list a:hover .top-menu-category-item-text{text-shadow:1px 1px 5px #52b9c6}@media (max-width:767px){}@media (min-width:768px){.mobile-menu-icon{}.mobile-logo-box{position:unset}.pop-menu-category-list{}.top-menu-list-container{display:block;height:100%}.top-menu-category-list{height:100%;display:flex;align-items:center}.mobile-menu-right{display:none}}@media (min-width:992px){}@media (min-width:1200px){}.mobile-footer{padding:8px;text-align:center;width:100%;color:white;background-image:linear-gradient(to top,#430000 0%,#af5e1c 8%,#833206 22%,#9c480a 47%,#9c5e25 74%,#cf783b 88%,#9f4f12 100%)}.mobile-footer a{font-size:14px;color:white}.spinner{margin:10px auto;width:50px;height:30px;text-align:center;font-size:10px}.spinner>div{background-color:#fa2a4f;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.data-loading-icon{display:inline-block;position:relative;width:80px;height:80px}.data-loading-icon div{position:absolute;top:33px;width:15px;height:15px;border-radius:50%;background:#fa2a4f;animation-timing-function:cubic-bezier(0,1,1,0)}.data-loading-icon div:nth-child(1){left:8px;animation:data-loading-icon1 0.6s infinite}.data-loading-icon div:nth-child(2){left:8px;animation:data-loading-icon2 0.6s infinite}.data-loading-icon div:nth-child(3){left:32px;animation:data-loading-icon2 0.6s infinite}.data-loading-icon div:nth-child(4){left:56px;animation:data-loading-icon3 0.6s infinite}@keyframes data-loading-icon1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes data-loading-icon3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes data-loading-icon2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}.game-style1{user-select:none;position:relative}.game-style1 .game-wrapper::before{position:absolute;top:-10px;left:0;width:100%;height:10px;background-image:linear-gradient(to right,#995d32 0%,#ed9d43 20%,#d77f24 21%,#e19c56 79%,#fd9a46 80%,#754436 100%)}.game-style1 .thumb-container{position:relative;padding-top:52.33%;top:0;left:0;width:100%}.game-style1 .thumb-wrapper{position:absolute;z-index:200;width:100%;height:100%;top:0;left:0;overflow:hidden;background-color:#ac7b49}.game-style1 a{border-radius:10px;overflow:hidden;font-size:0;vertical-align:top;display:block;height:100%;width:100%}.game-style1 .game-img{visibility:hidden;width:100%}.game-style1 .game-title-container{height:40px;display:flex;align-items:center;padding:0 10px;background-image:linear-gradient(to top,#657171 0%,#959d9d 8%,#bbc4c4 31%,#f8fafa 85%,#79898c 100%)}.game-style1 .game-title-container h2{font-size:16px;line-height:18px;width:100%;text-align:center;color:#59524e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header{position:unset}.content{width:100%}.main-container{margin:auto 0 auto;width:100%;max-width:1400px;overflow:hidden}.main-container>.left-container{width:1000px}.main-container>.right-container{float:left;width:320px;margin-left:10px}.main-container>.left-container>.quiz-container{height:570px}.rec-quiz-list{flex-wrap:wrap;padding:0 5px;width:100%;display:flex;overflow:hidden}.rec-quiz-list>.game{padding:5px;flex:0 0 33.33%;min-width:0}.rec-quiz-list>.game a{box-shadow:1px 1px 6px 0 rgb(0 0 0 / 22%)}.side-rec-list{width:100%;padding:5px 10px}.side-rec-list>.game a{margin:5px 0;box-shadow:1px 1px 6px 0 rgb(0 0 0 / 22%);overflow:hidden;border-radius:10px;display:inline-block;vertical-align:top;height:100%;width:100%}.side-rec-list>.game .thumb-wrapper img{width:100%;vertical-align:top}.quiz-container{overflow:hidden}.quiz-container .quiz-mask-cover{content:'';position:absolute;background-size:cover;background-position:center;z-index:2000;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.quiz-container #quizContainer{position:absolute;width:100%;height:100%;z-index:1000}.mask-view .mask-middle-box{position:absolute;z-index:2100;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.mask-view .mask-middle-box .mask-loading-gif{width:180px}.mask-view .mask-middle-box .mask-loading-text{width:54px}.mask-view .mask-middle-box .mask-loading-text::after{color:white;font-size:12px;content:"Loading";font-weight:bold;animation:loading-text-anim 3s infinite}@keyframes loading-text-anim{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}.p-right-ad{padding:0 10px;background-color:#33333308}.p-middle-ad{margin-bottom:10px;background-color:#33333308}.swiper-container{width:100%}.shake-anim{animation:shake-anim-frame 0.5s ease}@keyframes shake-anim-frame{0%{-webkit-transform:rotate(0deg) scale(1.1)}20%{-webkit-transform:rotate(6deg)}40%{-webkit-transform:rotate(-6deg)}60%{-webkit-transform:rotate(-2deg)}80%{-webkit-transform:rotate(2deg)}100%{-webkit-transform:rotate(0deg)}}.main-container>.left-container .middle-rec-box{margin:0 6px}.main-container>.left-container .middle-rec-list{height:120px;overflow:hidden}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list{display:flex;width:fit-content;align-items:center}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list>.game{height:110px;width:210px;margin-top:5px;margin-bottom:5px;border-radius:10px;user-select:none;position:relative}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list>.game a{border-radius:10px;overflow:hidden;font-size:0;vertical-align:top;display:block;height:100%;width:100%}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list>.game .thumb-wrapper{position:absolute;z-index:200;border-radius:10px;width:100%;height:100%;top:0;left:0;overflow:hidden}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list>.game .game-item-img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:10px;background-color:#ac7b49}@media only screen and (max-width:600px){.main-container{width:100%}.main-container>.left-container{width:100%}.main-container>.left-container .quiz-container{padding-bottom:101%}.main-container>.right-container{display:none}.rec-quiz-list>.game{flex:0 0 100%}.p-right-ad{padding:0 10px 10px 10px}.p-middle-ad{margin:6px 0}}@media only screen and (max-width:1000px){.main-container>.left-container .middle-rec-box{display:none}.main-container>.left-container .middle-rec-list{height:calc((100vw - 4px - 4px * 3) / 3 / 1.91 + 8px);overflow:hidden}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list{height:100%;display:flex;width:fit-content}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list .game{height:calc((100vw - 4px - 4px * 3) / 3 / 1.91);width:calc((100vw - 4px - 4px * 3) / 3)}}@media only screen and (min-width:601px) and (max-width:1000px){.main-container{width:100%}.main-container>.left-container{width:100%}.main-container>.left-container .quiz-container{padding-bottom:56.25%}.main-container>.right-container{display:none}.rec-quiz-list>.game{flex:0 0 50%}.p-right-ad{padding:0 10px 10px 10px}.p-middle-ad{margin:6px 0}}@media only screen and (min-width:1001px) and (max-width:1250px){.main-container{width:1000px;margin:0 auto 0 auto}.main-container>.left-container{float:left;width:690px}.main-container>.left-container .quiz-container{padding-bottom:56.25%}.main-container>.right-container{float:left;width:300px}.rec-quiz-list>.game{flex:0 0 50%}.p-right-ad{padding:0 10px 10px 10px}.p-middle-ad{margin:6px 0}.main-container>.left-container .middle-rec-list{height:94px;overflow:hidden}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list{display:flex;width:fit-content;align-items:center}.main-container>.left-container .middle-rec-list>.middle-rec-roll-list>.game{height:82px;width:158px}}@media only screen and (min-width:1251px) and (max-width:1350px){.main-container{width:1250px;margin:0 auto 0 auto}.main-container>.left-container{float:left;width:900px}.main-container>.left-container .quiz-container{padding-bottom:56.25%}.main-container>.right-container{float:left;width:320px}.p-right-ad{padding:0 10px 10px 10px}.p-middle-ad{margin:6px 0}}@media only screen and (min-width:1351px){.main-container{width:1250px;margin:0 auto 0 auto}.main-container>.left-container{float:left;width:900px}.main-container>.left-container .quiz-container{padding-bottom:56.25%}.main-container>.right-container{float:left;width:320px}.p-right-ad{padding:0 10px 10px 10px}.p-middle-ad{margin:6px 0}}