.button,.instructions__close,.scene__video__replay{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}@font-face{font-family:MYuenHK;src:url(../fonts/MYuenHK-Xbold.woff) format("woff2"),url(../fonts/MYuenHK-Xbold.woff) format("woff"),url(../fonts/MYuenHK-Xbold.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/Nunito-ExtraBold.woff2) format("woff2"),url(../fonts/Nunito-ExtraBold.woff) format("woff"),url(../fonts/Nunito-ExtraBold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body,html{font-family:MYuenHK,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;margin:0;overflow:none;color:#675031;line-height:1.5}body{background:url(../images/cloud_bg.jpg) 100%/auto 150%;display:-webkit-box;display:-ms-flexbox;display:flex}*{letter-spacing:.2em}.main{margin:auto}.main,.page{position:relative}.page{width:100%;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[x-cloak=""]{display:none}.button{position:relative;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:1.8rem;border-radius:.2rem;background-color:#ba7746;-webkit-box-shadow:0 .2rem #8c5935;box-shadow:0 .2rem #8c5935;color:#f3ebe2;padding:0 .5645714286rem 0 calc(.2em + .56457rem);-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.button img{margin-right:.6rem;height:1.1rem}.button:after,.button:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#8c5935;width:.2769230769rem;height:.2769230769rem;border-radius:50%}.button:before{left:.3076923077rem}.button:after{right:.3076923077rem}.button--inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.button--small{font-size:.5485714286rem;height:1.0057142857rem;-webkit-box-shadow:0 .12rem #8c5935;box-shadow:0 .12rem #8c5935;padding:0 .312rem 0 calc(.2em + .312rem)}.button--small:after,.button--small:before{width:.1485714286rem;height:.1485714286rem}.button--small:before{left:.1714285714rem}.button--small:after{right:.1714285714rem}@media (min-aspect-ratio:1/1){.button--small{font-size:.7384615385rem;height:1.3538461538rem;padding:0 .56rem 0 calc(.2em + .56rem)}.button--small:after,.button--small:before{width:.2rem;height:.2rem}.button--small:before{left:.2307692308rem}.button--small:after{right:.2307692308rem}}.button--play{background-color:#edeb7c;-webkit-box-shadow:0 .2rem #8c5935;box-shadow:0 .2rem #8c5935;color:#675031}.button--correct{background-color:#60bb46}.button--incorrect{background-color:#e65064}.ending-message__board{position:relative;font-size:1.2228571429rem;min-height:2.8571428571rem;border-radius:.2rem;text-align:center;-webkit-box-shadow:0 .27rem #675031;box-shadow:0 .27rem #675031;background:url(../images/wooden_plate.png) top/100% auto repeat-y #eeca8c;padding:4.8rem 0 1.3714285714rem}.ending-message__board__img{position:absolute;width:5.6228571429rem;height:8.64rem;left:calc(50% - 2.81143rem);top:-3.4285714286rem}.ending-message__board__img--w{display:none}.ending-message__board__lower,.ending-message__board__middle,.ending-message__board__small-upper,.ending-message__board__upper{padding-left:.2em}.ending-message__board__small-upper{font-size:.7em;line-height:1.25}.ending-message__board__upper{margin-top:.9142857143rem}.ending-message__board__small-upper+.ending-message__board__upper{margin-top:.2285714286rem}.ending-message__board__middle{text-shadow:0 .08rem #fbf2e3}@media (max-aspect-ratio:9999/10000){.ending-message__board__middle{display:none}}.ending-message__board__lower{text-shadow:0 .08rem #fbf2e3}.ending-message__button{color:#fff;margin-top:1.0285714286rem}.ending-message[data-grade=gold] .ending-message__board__small-upper,.ending-message[data-grade=gold] .ending-message__board__upper{color:#be1e2d}.ending-message[data-grade=gold] .ending-message__board__lower,.ending-message[data-grade=gold] .ending-message__board__middle{color:#d29000}.ending-message[data-grade=gold] .ending-message__button{background-color:#be1e2d}.ending-message[data-grade=silver] .ending-message__board__small-upper,.ending-message[data-grade=silver] .ending-message__board__upper{color:#2e3192}.ending-message[data-grade=silver] .ending-message__board__lower,.ending-message[data-grade=silver] .ending-message__board__middle{color:#808285}.ending-message[data-grade=silver] .ending-message__button{background-color:#2e3192}.ending-message[data-grade=bronze] .ending-message__board__small-upper,.ending-message[data-grade=bronze] .ending-message__board__upper{color:#008a51}.ending-message[data-grade=bronze] .ending-message__board__lower,.ending-message[data-grade=bronze] .ending-message__board__middle{color:#966048}.ending-message[data-grade=bronze] .ending-message__button{background-color:#008a51}@media (min-aspect-ratio:1/1){.ending-message__board{padding:1.8461538462rem 0 .9142857143rem}.ending-message__board__img{position:absolute;width:9.6923076923rem;height:2.6153846154rem;left:calc(50% - 4.84615rem);top:-1.5384615385rem}.ending-message__board__img--n{display:none}.ending-message__board__img--w{display:block}.ending-message__board__small-upper{margin:.3076923077rem 0 .1538461538rem}.ending-message__board__small-upper br{display:none}.ending-message__board__upper{margin-top:0}}#frame-afcd{position:fixed;top:1.0662857143rem;left:1.0662857143rem;width:5.3337142857rem;z-index:11}#frame-mission-p{position:fixed;bottom:0;left:calc(50% - 2.77143rem);width:5.5428571429rem;z-index:11}#frame-score{position:fixed;font-family:Nunito,sans-serif;top:1.12rem;right:1.12rem;width:4.2857142857rem;height:1.36rem;z-index:10;background:url("data:image/svg+xml;charset=utf-8,%3Csvg height='8' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23fff'/%3E%3C/svg%3E") left .2rem top .2rem/.2rem .2rem no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg height='8' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23fff'/%3E%3C/svg%3E") right .2rem top .2rem/.2rem .2rem no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg height='8' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23fff'/%3E%3C/svg%3E") left .2rem bottom .2rem/.2rem .2rem no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg height='8' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23fff'/%3E%3C/svg%3E") right .2rem bottom .2rem/.2rem .2rem no-repeat,url(../images/star.png) left 30% center/auto 60% no-repeat,url(../images/wooden_plate.png) top/100% auto repeat-y #eeca8c;text-align:right;padding:0 .9142857143rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 .15rem #675031;box-shadow:0 .15rem #675031;border-radius:.15rem;overflow:hidden}#frame-score-inner{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;top:0;right:.9142857143rem;-webkit-transition:top 1s cubic-bezier(.68,-.6,.32,1.6);transition:top 1s cubic-bezier(.68,-.6,.32,1.6);-webkit-transform:translateY(.0342857143rem);transform:translateY(.0342857143rem)}#frame-score-inner>span{display:block;line-height:1}#frame-bottom-skirt{position:fixed;bottom:0;left:0;width:100%;height:3.8171428571rem;z-index:10;background:url(../images/buildings.png) 0 100%/auto 100% repeat-x}@media (min-aspect-ratio:1/1){#frame-afcd{top:auto;bottom:.6153846154rem;left:1.3846153846rem;width:7.0153846154rem}#frame-mission-p{left:auto;right:1.2307692308rem;width:4.4rem}#frame-score{top:1.6153846154rem;right:1.2307692308rem;width:4.2615384615rem;height:1.3538461538rem;line-height:1.3538461538rem;padding:0 .9230769231rem}#frame-bottom-skirt{height:2.4615384615rem}}.page{padding:.1px}.page--title .page__title-video{display:block;width:100%;margin:3.6571428571rem 0 5.0285714286rem}.page--title .page__start-game{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:12.1942857143rem}.page--ending .scene{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5.4857142857rem 0 2.7428571429rem}.page--ending .scene__video{display:none}.page--ending .scene__question{margin:auto}@media (min-aspect-ratio:1/1){.page{background:url(../images/paper_bg.jpg) 50%/cover}.page--title .page__title-video{margin:0}.page--title .page__start-game{position:absolute;bottom:3.85rem;width:12.3076923077rem}.page--ending .scene__video{display:block}.page--ending .scene__question{top:3.6923076923rem}}.qna,.qna__hanger{position:relative}.qna__hanger{height:1.0857142857rem}.qna__hanger:after,.qna__hanger:before{content:"";position:absolute;top:0;width:.7428571429rem;height:100%;background:url(../images/rod.png) top/100% auto repeat-y}.qna__hanger:before{left:.8rem}.qna__hanger:after{right:.8rem}.qna__question{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.2228571429rem;padding:.4em .2em .4em .4em;min-height:2.8571428571rem;border-radius:.2rem;text-align:center;text-shadow:0 .0571428571rem rgba(224,138,23,.6);-webkit-box-shadow:0 .27rem #675031;box-shadow:0 .27rem #675031;background:url(../images/wooden_plate.png) top/100% auto repeat-y #eeca8c}.qna__question span{margin:auto}.qna__question span small{display:inline-block;font-size:.7542857143rem;line-height:1.77;vertical-align:middle}.qna__question span small.extra-vpad{padding-top:.4em;padding-bottom:.6em}.qna__answers{margin:1.0285714286rem 0 2.0571428571rem}.qna__answers .button:not(:first-child){margin-top:.6857142857rem}@media (min-aspect-ratio:1/1){.qna__hanger{height:3.0769230769rem}.qna__hanger:after,.qna__hanger:before{width:.7692307692rem}.qna__hanger:before{left:.6923076923rem}.qna__hanger:after{right:.6923076923rem}.qna__question{font-size:1.2307692308rem;min-height:3.15rem}.qna__answers{margin:1.0769230769rem 0 0}.qna__answers .button:not(:first-child){margin-top:.6923076923rem}}.scene{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-top:3.6571428571rem;padding-bottom:1.1428571429rem}.scene__video{position:relative;height:0;padding-top:56.25%;line-height:0}.scene__video video{position:absolute;top:0;left:0;width:100%;height:100%}.scene__video__replay{position:absolute;right:6%;bottom:8%;z-index:5;line-height:0}.scene__video__replay img{width:1.6114285714rem;height:1.6114285714rem}.scene__question{min-width:12.1942857143rem;margin-left:auto;margin-right:auto;z-index:20}@media (min-aspect-ratio:1/1){.scene__video{position:absolute;right:0;top:3.2307692308rem;padding-top:0;width:27.8974358974rem;height:15.6923076923rem}.scene__question{position:absolute;left:2.0307692308rem;top:0;min-width:12.3076923077rem}}.instructions{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-52%);transform:translate(-50%,-52%);text-align:center;-webkit-box-shadow:0 .4rem #675031;box-shadow:0 .4rem #675031;background:url(../images/wooden_plate.png) top/100% auto repeat-y #eeca8c;width:13.2571428571rem;padding:1.4857142857rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.8rem}.instructions__title{margin:0;font-size:1.0628571429rem;text-shadow:0 .0571428571rem rgba(224,138,23,.6)}.instructions__desc{font-size:.48rem;line-height:1.5;margin-top:.6857142857rem}.instructions__correct,.instructions__incorrect{line-height:0}.instructions__correct .button,.instructions__incorrect .button{width:2.8228571429rem;vertical-align:middle}.instructions__correct__modifier,.instructions__incorrect__modifier{font-size:.5942857143rem;margin-left:.4114285714rem}.instructions__correct{margin-top:.8571428571rem}.instructions__incorrect{margin-top:1.0285714286rem}.instructions__footer{margin-top:1.3142857143rem;font-size:.48rem;line-height:1.5}.instructions__close{position:absolute;top:.8rem;right:.8rem}.instructions__close img{width:1.2rem;height:1.2rem}@media (min-aspect-ratio:1/1){.instructions{width:17.2307692308rem;padding:2rem}.instructions__title{font-size:1.4307692308rem;text-shadow:0 .0769230769rem rgba(224,138,23,.6)}.instructions__desc{font-size:.6461538462rem;margin-top:.9230769231rem}.instructions__correct,.instructions__incorrect{line-height:0}.instructions__correct .button,.instructions__incorrect .button{width:3.8rem}.instructions__correct__modifier,.instructions__incorrect__modifier{font-size:.8rem;margin-left:.5538461538rem}.instructions__correct{margin-top:1.1538461538rem}.instructions__incorrect{margin-top:1.3846153846rem}.instructions__footer{margin-top:1.5384615385rem;font-size:.6461538462rem}.instructions__close{position:absolute;top:1.0769230769rem;right:1.0769230769rem}.instructions__close img{width:1.6153846154rem;height:1.6153846154rem}}@media (max-aspect-ratio:9999/10000){body,html{font-size:6.0763888889vw}.main{width:100%;height:100%;max-width:60vh}}@media (min-aspect-ratio:3/5) and (max-aspect-ratio:9999/10000){body,html{font-size:3.41796875vh}}@media (min-aspect-ratio:1/1){body,html{font-size:2.5390625vw}.main{width:100vw;height:56.25vw}}@media (min-aspect-ratio:16/9){body,html{font-size:4.5138888889vh}.main{height:100vh;width:177.7777777778vh}}