body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fff}.wrapper{box-sizing:border-box;height:100vh;padding-top:140px;text-align:center}.hometitle{background-color:#ddd;border-radius:20px;box-shadow:5px 5px 5px #1d1b1b;color:#000000ad;display:inline-block;font-size:4rem;padding:10px 50px}.startButton{background-color:#fff;border:solid;border-radius:20px;box-shadow:3px 3px 3px;display:flex;font-size:44px;font-weight:500;margin:60px auto;padding:10px 40px;transition:.3s}.startButton:hover{background-color:#8effdb;box-shadow:none}@media screen and (max-width:650px){.wrapper{display:flexbox;justify-content:center}.hometitle{font-size:3rem;margin:0 auto;min-width:none}}@media screen and (max-width:490px){.hometitle{font-size:2rem}.startButton{border-radius:8px;font-size:30px;margin:40px auto;padding:5px 20px}}@media screen and (max-width:360px){.hometitle{font-size:1.5rem}.startButton{font-size:20px}}body{color:#4d4d4d}.menu-btn{align-items:center;background-color:#505c66;border-radius:10px;display:flex;height:60px;justify-content:center;position:fixed;right:10px;top:10px;width:60px;z-index:90}.menu-btn span,.menu-btn span:after,.menu-btn span:before{background-color:#fff;border-radius:3px;content:"";display:block;height:3px;position:absolute;width:25px}.menu-btn span:before{bottom:8px}.menu-btn span:after{top:8px}#menu-btn-check:checked~.menu-btn span{background-color:hsla(0,0%,100%,0)}#menu-btn-check:checked~.menu-btn span:before{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menu-btn-check:checked~.menu-btn span:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#menu-btn-check{display:none}.menu-content{background-color:#d1e0de;border-radius:10px;height:100%;position:fixed;right:-50%;top:0;transition:all .5s;width:50%;z-index:80}#menu-btn-check:checked~.menu-content{right:0}.menu-body{text-align:center}.menu-body-title{background-color:#fff;border-radius:9999px;font-size:2rem;margin:1rem 5rem}.currentFortune{align-items:center;display:flex;justify-content:center}.currentFortune h3{font-size:1.3rem;margin:1rem 1rem 0}.menu-body span{color:#c96655;font-size:1.8rem}@media screen and (max-width:800px){.menu-content{right:-100%;width:100%}}@media screen and (max-width:400px){.menu-body-title{font-size:1.5rem}.currentFortune h3,.pridictMessage{font-size:1rem}.menu-body span{font-size:1.3rem}}@media screen and (max-width:366px){.menu-body-title{font-size:1.5rem}.currentFortune h3,.menu-body span,.pridictMessage{font-size:1rem}}@media screen and (max-width:310px){.menu-body-title{font-size:1.5rem;margin:1rem 3rem}.currentFortune h3,.menu-body span,.pridictMessage{font-size:.8rem}}.howToPlayWrapper{box-sizing:border-box}.howToPlayFooter{background-color:#ddd;border-bottom:solid;border-color:#4d4d4d;border-width:5px;display:flex;height:60px;justify-content:space-around;position:-webkit-sticky;position:sticky;top:0;width:100%}.howToPlayFooter h1{align-items:center;line-height:35px;text-align:center}.howToPlayFooter button,.howToPlayFooter h1{background-color:#fff;border-radius:5px;font-size:19px;font-weight:600;height:35px;width:150px}.howToPlayFooter button{box-shadow:0 3px 0;margin:auto 0;transition:all .1s}.howToPlayFooter button:hover{background-color:#cafff8;box-shadow:none;-webkit-transform:translateY(3px);transform:translateY(3px)}.howToPlayMainWrapper{margin:50px 20%}.howToPlayMain{margin:20px 0 30px}.howToPlayMain h2{background-color:#ddd;border-radius:300px;margin:0;padding:3px 50px;text-align:center}.howToPlayMain p{font-size:17px;font-weight:700;margin:5px 0 0 5%}.slideWrapper{text-align:center}.slideWrapper h2{font-size:1.3rem;margin:20px 0 10px}.slideWrapper p{font-weight:700;margin:5px 0}.slideMain{align-items:center;display:flex;justify-content:center;margin:40px 0 10px}.slideMain button{background-color:#fff;border-radius:9999px;box-shadow:0 3px 3px;font-weight:800;height:120px;transition:all .1s}.slideMain button:hover{background-color:#cafff8;box-shadow:none}.slideBody{border:solid;height:150px;margin:0 10px;position:relative;width:70%}.slideContent{top:43%}.slideContent,.slidePageNum{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slidePageNum{top:86%}@media screen and (max-width:930px){.slideWrapper p{font-size:.9rem}}@media screen and (max-width:630px){.howToPlayMain h2{font-size:1.2rem}}@media screen and (max-width:540px){.howToPlayMainWrapper{margin:50px 10%}}@media screen and (max-width:401px){.howToPlayMainWrapper{margin:50px 5%}.howToPlayMain p{font-size:14px}.howToPlayMain h2{font-size:1rem}.slideBody{height:140px}.slideMain button{height:120px}.slideWrapper h2{font-size:1rem}}@media screen and (max-width:333px){.slideWrapper p{font-size:13px}.howToPlayMain h2{padding:3px 20px}.howToPlayFooter button,.howToPlayFooter h1{font-size:15px;height:30px;width:118px}.howToPlayFooter h1{line-height:31px;margin:auto 0}}@media screen and (max-width:290px){.slideWrapper p{font-size:11px}.slideWrapper h2{font-size:17px;font-size:.8rem}}.vsDiv{box-sizing:border-box;color:#000000ad;display:flex;height:85vh;justify-content:space-around;margin-top:20px;position:relative;width:auto}.errorMessageWrap{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:hsla(0,0%,100%,.5);height:95vh;position:absolute;width:100vw;z-index:2}.errorMessage{background-color:#cafff8;border-radius:5px;box-shadow:5px 5px 3px;left:50%;opacity:1;padding:60px 100px;position:absolute;text-align:end;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.errorMessage button{background-color:#fff;border-color:#4d4d4d;color:#4d4d4d;font-weight:600;width:80px}.vsPageLeft{height:100%;margin-left:10px;width:45%}.changeWrapper{background-color:#fff;border:solid;height:42%;width:100%}.changeImageWrapper{height:100%;padding:10px;position:relative;text-align:center}.changeImageWrapper h2{font-size:60px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.changeImageWrapper img{height:180px;width:auto}.oppoImage{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.changeButtonWrappeer{align-items:center;display:flex;height:15%;justify-content:space-around}.changeButton{background-color:#fff;border:solid;border-radius:10px;font-size:1.5rem;height:50px;transition:all .1s}.changeButton:hover{background-color:#44b9a7;border-color:#4b4b4b;color:#fff}.defaultChangeWrapper{background-color:#fff;border:solid;height:42%;text-align:center}.defaultChangeWrapper h2{font-size:3rem}.defaultChangeWrapper h3{font-size:2rem}.vsPageRight{background-color:#fff;border:solid;border-radius:10px;height:100%;margin-right:10px;width:45%}.vsPageRightTop{height:50%}.judgeWrapper{height:150px}.judgeWrapper span{font-size:2rem}.red{color:#ec5454}.green{color:#3bd041}.blue{color:#3a84e8}.judge{background-color:#ddd;border:solid;border-radius:10px;font-size:1.3rem;margin:20px 30%;text-align:center}.vsPageRight h3{font-size:1.2rem;margin:0;padding:0;text-align:center}.betButtonWrapper{display:flex;justify-content:space-evenly}.pointWrapper{color:#1d1b1b;text-align:center;width:120px}.pointTitle{background-color:#ddd;border-radius:10%}.pointWrapper h3{font-size:20px;font-weight:600;padding:0 10px}.betButton{align-items:center;display:inline-flex;flex-direction:column;width:120px}.betButton button{background-color:#fff;border:solid;font-size:1rem;font-weight:600;margin:10px;padding:5px 10px;transition:all .1s;width:150px}.betButton button:hover{background-color:#44b9a7;border-color:#4b4b4b;color:#f0f8ff}.buttonWrapper{align-items:center;background-color:#ddd;border-radius:30px;box-shadow:5px 5px 5px #1d1b1b;display:flex;height:26%;justify-content:space-evenly;margin:6% 10%;padding:10px 40px}.handImage{height:80%;object-fit:contain;width:80%}.handButton{background-color:#fff;border-color:#4b4b4b;border-radius:9999px;box-shadow:0 5px 0 #4b4b4b;display:inline-block;height:7.5rem;transition:all .1s;width:7.5rem}.handButton:hover{background-color:#44b9a7;box-shadow:none;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.bottomMessage{display:flex;justify-content:space-around}.winCounter{font-size:2rem;margin:0 auto;text-align:center}@media screen and (max-width:1190px){.handButton{height:6.5rem;width:6.5rem}.changeImageWrapper h2{font-size:50px}}@media screen and (max-width:1180px){.handButton{height:6rem;width:6rem}}@media screen and (max-width:1000px){.buttonWrapper{border-radius:20px;margin:6% 5%;padding:8px 20px}}@media screen and (max-width:890px){.changeImageWrapper h2{font-size:45px}.errorMessage{padding:30px 50px}.errorMessage button{font-weight:600;width:80px}}@media screen and (max-width:800px){.vsDiv{display:block;height:auto;width:100vw}.vsPageLeft{margin:0 auto;width:80%}.vsPageRight{margin:30px auto;width:80%}.bottomMessage{margin-bottom:20px}.buttonWrapper{border-radius:30px;height:26%;margin:6% 10%;padding:10px 40px}.handButton{height:7.5rem;width:7.5rem}.errorMessageWrap{height:175vh}}@media screen and (max-width:680px){.buttonWrapper{border-radius:20px;margin:6% 5%;padding:8px 20px}.bottomMessage{display:block;text-align:center}.errorMessage{padding:10px 20px;text-align:center;width:80%}}@media screen and (max-width:555px){.handButton{height:6rem;width:6rem}}@media screen and (max-width:450px){.handButton{height:5rem;width:5rem}.winCounter{font-size:1.5rem}.changeImageWrapper h2{font-size:40px}}@media screen and (max-width:400px){.handButton{height:4rem;width:4rem}.changeImageWrapper h2{font-size:30px}.changeImageWrapper img{height:150px;width:auto}.betButton{width:80px}.betButton button{font-size:.8rem;margin:3px;padding:2px 5px;width:80px}.judgeWrapper{height:110px}.judgeWrapper span{font-size:1rem}.vsPageRight h3{font-size:.9rem}}@media screen and (max-width:300px){.handButton{height:3rem;width:3rem}.winCounter{font-size:1rem}.changeImageWrapper h2{font-size:20px}.changeButton{font-size:1rem}}.resultWrapper1{box-sizing:border-box;color:#292929;height:100%;padding-top:20px}.resultTitle{background-color:#fff;border:solid;border-radius:30px;box-shadow:0 3px 3px;margin:0 20vw;text-align:center}.resultMain{padding-bottom:20px;text-align:center}.resultMessage{background-color:#fff;border-radius:20px;font-size:3rem;margin:2% 20%;padding:30px}.pointResult{font-size:2rem;margin:3% 0}.changeResultButton{background-color:#fff;box-shadow:0 3px 3px}.changeResultButton,.noneButton{border:solid;font-size:1.8rem;font-weight:600;margin:0 15px;width:250px}.noneButton{background-color:#aaa;box-shadow:none}.resultToHome{background-color:#fff;border:solid;box-shadow:0 3px 3px;font-size:1.8rem;font-weight:600;margin:0 15px;width:250px}.changeResultButton:hover,.resultToHome:hover{box-shadow:none;-webkit-transform:translateY(3px);transform:translateY(3px)}@media screen and (max-width:1060px){.changeResultButton,.noneButton,.resultToHome{font-size:1.5rem;width:210px}.resultMessage{font-size:1.8rem}.pointResult{font-size:1.5rem}}@media screen and (max-width:700px){.changeResultButton,.noneButton,.resultToHome{margin:10px}.resultMessage{font-size:1.5rem;margin:0 auto;width:80vw}.pointResult{font-size:1.3rem}.resultButtonWrapper{display:inline-flex;flex-direction:column}}@media screen and (max-width:375px){.resultMessage{font-size:1.3rem}.pointResult{font-size:1rem}}@media screen and (max-width:312px){.resultMessage{font-size:1rem;padding:10px}}
/*# sourceMappingURL=main.072b8cf0.css.map*/