| 1 |
- .modal-component{position:fixed;left:0;top:0;overflow:hidden;z-index:9999;background-color:rgba(10,10,10,.6)}.alert-root,.modal-component,.modal-component__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.alert-root{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:2000}.alert-root .alert-body{position:relative;width:300px;padding:10px 20px;background-color:#6ee1e6;border:5px solid #021ade}.alert-root .alert-message{font-size:32px;line-height:1.5;font-weight:700;text-shadow:0 0 1px rgba(2,26,222,.9);color:#fff;text-align:center}.alert-root .butto-close{position:absolute;top:0;right:0;transform:translate(50%,-50%);background-image:url(../../assets/img/btn-close.png?28d4628d);background-position:0 0;background-size:cover;background-repeat:no-repeat;width:60px;height:61px}.page-welcome{height:100vh;overflow:hidden}.page-welcome,.result-popup-root{position:absolute;top:0;left:0;width:100%}.result-popup-root{height:100%;z-index:1050;pointer-events:auto}.result-popup-root .popup-background{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.result-popup-root .popup-body{width:507px;height:571px;padding-left:2px;padding-right:2px;overflow:hidden}.result-popup-root .popup-inner{position:absolute;top:0;left:0;width:100%;height:100%}.result-popup-root .text-content{position:absolute;top:210px;right:80px;text-align:left;white-space:nowrap}.result-popup-root .point-number,.result-popup-root .reward-number,.result-popup-root .score-number{color:#ff0029;text-stroke:3px #fff;-webkit-text-stroke:3px #fff;font-family:Noto Sans Display,sans-serif;font-weight:900;font-style:italic;font-size:100px;line-height:1;letter-spacing:2px}.result-popup-root .unit-text{display:inline-block;font-size:30px;line-height:1;color:#fff;font-style:normal}.result-popup-root .point-number{top:682px}.result-popup-root .point-number,.result-popup-root .reward-number{font-size:32px;position:absolute;right:420px;text-shadow:2px 2px 6px rgba(51,51,102,.6)}.result-popup-root .reward-number{top:718px}.result-popup-root .number{color:#ff0029;text-stroke:3px #fff;-webkit-text-stroke:3px #fff;font-family:Noto Sans Display,sans-serif;font-weight:900;font-style:italic;font-size:35px;line-height:1;transform:translateY(-5px)}.result-popup-root .buttton.button-send{width:360px;height:110px;position:absolute;bottom:0;right:0}.result-popup-root .congrats{position:absolute;top:13px;left:111px;width:284px;height:164px}.result-popup-root .paGi{position:absolute;top:46px;left:20px;width:155px;height:116px}.result-popup-root .city-text{position:absolute;font-size:40px;font-weight:900;color:#0021ca;top:120px;left:190px}.success-popup-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1050;pointer-events:auto}.success-popup-root .popup-background{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.success-popup-root .baground-fire{position:absolute;width:640px;height:484px;top:-200px;left:50%;transform:translateX(-50%);overflow:hidden}.success-popup-root .popup-body{width:507px;height:571px;padding-left:2px;padding-right:2px}.success-popup-root .popup-inner{position:absolute;top:0;left:0;width:100%;height:100%}.success-popup-root .text-content{position:absolute;top:230px;left:50px;text-align:left;white-space:nowrap}.success-popup-root .score-content{position:absolute;top:300px;right:100px;text-align:left;white-space:nowrap}.success-popup-root .point-number,.success-popup-root .reward-number,.success-popup-root .score-number{color:#ff0029;text-stroke:3px #fff;-webkit-text-stroke:3px #fff;font-family:Noto Sans Display,sans-serif;font-weight:900;font-style:italic;font-size:100px;line-height:1;letter-spacing:2px}.success-popup-root .unit-text{display:inline-block;font-size:30px;line-height:1;color:#fff;font-style:normal}.success-popup-root .point-number{top:682px}.success-popup-root .point-number,.success-popup-root .reward-number{font-size:32px;position:absolute;right:420px;text-shadow:2px 2px 6px rgba(51,51,102,.6)}.success-popup-root .reward-number{top:718px}.success-popup-root .number{color:#ff0029;text-stroke:3px #fff;-webkit-text-stroke:3px #fff;font-family:Noto Sans Display,sans-serif;font-weight:900;font-style:italic;font-size:35px;line-height:1;transform:translateY(-5px)}.success-popup-root .text{font-size:30px;color:#fff}.success-popup-root .buttton.button-send,.success-popup-root .score-content{width:360px;height:110px;position:absolute;bottom:0;right:0}.success-popup-root .congrats{position:absolute;top:13px;left:111px;width:284px;height:164px}.success-popup-root .paGi{position:absolute;top:46px;left:20px;width:155px;height:116px}.page-store{position:relative;background-image:url(../../assets/img/exchange/BG.png?bcb0ece9);background-size:cover;background-repeat:no-repeat;height:100%;z-index:1200;pointer-events:auto}.page-store .game__store{padding-bottom:70px}.page-store .game__logo{left:12px;background-image:url(../../assets/img/exchange/logo.png?2df3c305);width:244.76651px;height:114.91143px}.page-store .game__exchange,.page-store .game__logo{position:absolute;top:0;background-size:cover;background-repeat:no-repeat}.page-store .game__exchange{right:15px;background-image:url(../../assets/img/exchange/exchange.png?4f9162da);width:359.67794px;height:120.57971px}.page-store .game__exchange .game__exchange__text{position:absolute;top:20px;left:115px;font-family:Abril Fatface,cursive;font-size:69px;color:#fff;text-shadow:0 0 1px rgba(55,52,93,.8);width:50%;overflow:hidden}.page-store .game__tent{bottom:0;background-image:url(../../assets/img/exchange/tent.png?a1e3856e);height:1037.80998px}.page-store .game__banner,.page-store .game__tent{position:absolute;left:50%;transform:translate(-50%);background-size:cover;background-repeat:no-repeat;width:640px}.page-store .game__banner{top:100px;background-image:url(../../assets/img/exchange/banner.png?4d67b1a8);height:451.40097px}.page-store .game__frame{background-image:url(../../assets/img/exchange/frame.png?e1694917);width:535px;height:583px;left:50%;top:460px;transform:translate(-50%);display:block;opacity:0}.page-store .game__frame,.page-store .game__frame .icon-close{position:absolute;background-size:100% auto;background-repeat:no-repeat}.page-store .game__frame .icon-close{background-image:url(../../assets/img/btn-close.png?28d4628d);width:80px;height:81px;top:0;right:0;transform:translate(30%,-30%);z-index:10}.page-store .game__frame .game__frame__inner{position:absolute;top:1%;left:1%;width:98%;height:96%;overflow:hidden;z-index:-1}.page-store .game__tips{position:absolute;pointer-events:none;top:-30px;left:0;font-size:20px;font-weight:500;letter-spacing:2px;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.8);width:100%;text-align:center;white-space:nowrap}.page-store .game__tips .highlight{font-weight:700;color:#37fbff}.page-store .game__marquee{position:absolute;font-size:30px;font-weight:700;color:#fff;text-shadow:0 0 1px rgba(55,52,93,.8);width:640px;height:90px;left:50%;transform:translate(-50%);bottom:10px}.page-store .game__marquee .game__marquee__inner{position:absolute;top:40px;left:50%;width:65%;height:100%;transform:translateX(-50%);overflow:hidden}.page-store .score__exchange{position:absolute;display:block;background:url(../../assets/img/sprite-sheet-exchange.png?30e6793f) no-repeat;background-size:203.27868852459017% auto;background-position:0 0;top:10px;right:10px;width:100px;-webkit-animation-name:exchange-5c731c8c4ee0f43b4b605d534f888603;animation-name:exchange-5c731c8c4ee0f43b4b605d534f888603;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.page-store .score__exchange:before{content:"";display:block;width:100%;padding-top:94.26229508196722%}.ui-root{position:relative;width:100%;height:100%;pointer-events:none}.ui-root .logo{pointer-events:auto;width:161px}.ui-root .game-logo{width:212px}.ui-root .score{background:url(../../assets/img/score.png?f53613fb) no-repeat;background-size:100% auto;background-position:0 0;width:155px;height:99px;pointer-events:auto;margin-right:30px}.ui-root .score .score__exchange{position:absolute;display:block;background:url(../../assets/img/sprite-sheet-exchange.png?30e6793f) no-repeat;background-size:203.27868852459017% auto;background-position:0 0;top:6px;right:-25px;width:95px}.ui-root .score .score__exchange:before{content:"";display:block;width:100%;padding-top:94.26229508196722%}.ui-root .score.is-fill .score__exchange{-webkit-animation-name:exchange-5c731c8c4ee0f43b4b605d534f888603;animation-name:exchange-5c731c8c4ee0f43b4b605d534f888603;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.ui-root .score .score-value{position:absolute;font-family:Abril Fatface,cursive;font-size:38px;line-height:1;top:41px;left:28px;color:#fff}.ui-root .header{width:295px}.ui-root .text-wrapper{width:486px}.ui-root .point-container{width:626px}.ui-root .button-get,.ui-root .button-start{width:178px;position:absolute;top:50%;left:50%;transform:translateX(-50%)}.ui-root .icon-checkday{width:100px;background-position:50%;background-repeat:no-repeat;background-size:76% auto}.ui-root .icon-checkday:before{content:"";display:block;width:100%;padding-top:100%}.ui-root .icon-checkday.checked{background-size:100% auto}.ui-root .icon-checkday-1{background-image:url(../../assets/img/checkin/1.png?57343a5f)}.ui-root .icon-checkday-1.checked{background-image:url(../../assets/img/checkin/1_active.png?37a4ad41)}.ui-root .icon-checkday-2{background-image:url(../../assets/img/checkin/2.png?b414f2d2)}.ui-root .icon-checkday-2.checked{background-image:url(../../assets/img/checkin/2_active.png?97ac53e9)}.ui-root .icon-checkday-3{background-image:url(../../assets/img/checkin/3.png?290e5d02)}.ui-root .icon-checkday-3.checked{background-image:url(../../assets/img/checkin/3_active.png?4aa57d9b)}.ui-root .icon-checkday-4{background-image:url(../../assets/img/checkin/4.png?a5b44657)}.ui-root .icon-checkday-4.checked{background-image:url(../../assets/img/checkin/4_active.png?28acbede)}.ui-root .icon-checkday-5{background-image:url(../../assets/img/checkin/5.png?2bc377c6)}.ui-root .icon-checkday-5.checked{background-image:url(../../assets/img/checkin/5_active.png?f820ee4d)}.ui-root .icon-checkday-6{background-image:url(../../assets/img/checkin/6.png?d5326d1d)}.ui-root .icon-checkday-6.checked{background-image:url(../../assets/img/checkin/6_active.png?6b8fe9db)}.ui-root .icon-checkday-7{background-image:url(../../assets/img/checkin/7.png?59ec3724)}.ui-root .icon-checkday-7.checked{background-image:url(../../assets/img/checkin/7_active.png?9b021e5c)}.ui-root .marquee-root{position:relative;font-size:30px;font-weight:700;color:#fff;text-shadow:0 0 1px rgba(55,52,93,.8);width:640px;height:90px}.ui-root .marquee-root .marquee__inner{position:absolute;top:40px;left:50%;width:65%;height:100%;transform:translateX(-50%);overflow:hidden}@-webkit-keyframes exchange-5c731c8c4ee0f43b4b605d534f888603{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:100% 0}}@keyframes exchange-5c731c8c4ee0f43b4b605d534f888603{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:100% 0}}.game-scene{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.loader-component[data-v-2b3c2114]{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:2000}.loader-component svg.loader-component-svg[data-v-2b3c2114]{width:3.75em;transform-origin:center;-webkit-animation:rotate-data-v-2b3c2114 2s linear infinite;animation:rotate-data-v-2b3c2114 2s linear infinite}.loader-component svg.loader-component-svg circle[data-v-2b3c2114]{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash-data-v-2b3c2114 1.5s ease-in-out infinite;animation:dash-data-v-2b3c2114 1.5s ease-in-out infinite}@-webkit-keyframes dash-data-v-2b3c2114{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}@keyframes dash-data-v-2b3c2114{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}@-webkit-keyframes rotate-data-v-2b3c2114{to{transform:rotate(1turn)}}@keyframes rotate-data-v-2b3c2114{to{transform:rotate(1turn)}}.page-game{position:absolute;top:0;left:0;overflow:hidden}.page-game,.page-home{width:100%;height:100%}.page-home{position:relative}
|
