@import url("https://fonts.googleapis.com/css?family=Oswald:400,500&display=swap");@import url("https://fonts.googleapis.com/css?family=Noto+Sans+HK:900,700,500|Noto+Serif+HK:700&display=swap");@import url("https://fonts.googleapis.com/css?family=Lato:700&text=0123456789&display=swap");@keyframes blink{0%{filter:brightness(30%)}100%{filter:brightness(100%)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes zoomOut{0%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes rote{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rote_r{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@keyframes ringSwing{0%{transform:rotateX(0deg) rotateY(0deg) translateZ(0)}50%{transform:rotateX(180deg) rotateY(-180deg) translateZ(0)}100%{transform:rotateX(360deg) rotateY(-360deg) translateZ(0)}}@keyframes ringSwing_r{0%{transform:rotateY(0deg) rotateX(0deg) rotateZ(0) translateZ(0)}50%{transform:rotateY(180deg) rotateX(-180deg) rotateZ(-180deg) translateZ(0)}100%{transform:rotateY(360deg) rotateX(-360deg) rotateZ(-360deg) translateZ(0)}}@keyframes play_blink{0%{text-shadow:0 0 5px #000}100%{text-shadow:0 0 10px #ffe38e}}@keyframes pageSlide{0%{margin-top:0}100%{margin-top:-10px}}@keyframes slickDotAnm{0%{left:-100%}100%{left:0}}@keyframes showInfo{0%{opacity:0;text-shadow:0 0 0px #d0c98e}20%{opacity:1;text-shadow:0 0 20px #FFF,0 0 30px #FFF,0 0 50px #FFF}100%{opacity:1;text-shadow:0 0 30px #d0c98e}}@keyframes hideInfo{0%{opacity:1}100%{opacity:0}}.blur{filter:blur(10px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:#FFF;font-size:16px;background-color:#000}@media (max-width: 640px){body{font-size:14px}}.common__button__order{position:fixed;bottom:0;right:0;width:25vw;max-width:200px;display:block}.common__button__order img{display:block;width:100%}@media (max-width: 768px){.common__button__order img{display:none}}@media (max-width: 768px){.common__button__order{bottom:0;right:0;width:100%;max-width:100%;height:50px;background-image:url(../images/common/button_order_sp.jpg);background-position:center;background-repeat:repeat-x;background-size:auto 100%}}.common__function{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:flex-start;pointer-events:none;padding:1%;background-color:transparent;transition:background-color 0.5s 0s ease-in-out}@media (max-width: 768px){.common__function{padding:3% 1%}}.common__function.floating{background-color:rgba(0,0,0,0.8);backdrop-filter:blur(3px)}.common__function--menu{padding-left:0.5vw;display:flex;pointer-events:all}.common__function--menu nav{display:flex}.common__function--menu nav>a,.common__function--menu nav>span{position:relative;display:inline-block;margin:0;text-decoration:none;color:#FFF;font-family:'Oswald', 'Noto Sans HK',sans-serif;font-weight:500;font-size:120%;letter-spacing:2px;padding:0 1em;border:1px rgba(255,255,255,0.3) solid;border-width:0 0 0 1px;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 5px #000,0 0 10px #000}@media (max-width: 1024px){.common__function--menu nav>a,.common__function--menu nav>span{font-size:100%;padding:0 0.5em}}.common__function--menu nav>a:first-child,.common__function--menu nav>span:first-child{border-width:0}.common__function--menu nav>a.hasPulldown::before,.common__function--menu nav>span.hasPulldown::before{content:"";display:block;border:2px #F00 solid;border-color:transparent #EEE #EEE transparent;width:6px;height:6px;position:absolute;bottom:-10px;left:calc(50% - 3px);transform:rotate(45deg)}.common__function--menu nav>a.check::after,.common__function--menu nav>span.check::after{content:"";display:block;border:10px #F00 solid;border-color:#F00 transparent transparent transparent;width:0;height:0;position:absolute;top:-10px;left:calc(50% - 8px);animation:blink 0.5s 0s alternate infinite}@media (max-width: 768px){.common__function--menu nav>a,.common__function--menu nav>span{display:none}}.common__function--menu nav span.inactive{color:rgba(255,255,255,0.5)}.common__function--menu nav .current{background-color:rgba(255,255,255,0.5);color:#333;text-shadow:none}.common__function--menu nav .pulldown{position:absolute;background-color:rgba(0,0,0,0.8);display:none}.common__function--menu nav .pulldown a{display:block;padding:0.5em;color:#FFF;text-decoration:none;text-align:center}.common__function--menu nav .pulldown a.current{background-color:rgba(255,255,255,0.1)}.common__function--menu nav .pulldown.visible{display:block}.common__function--button{padding-right:0.5vw;pointer-events:all;display:flex;justify-content:space-between}@media (max-width: 768px){.common__function--button{width:98%}}@media (max-width: 640px){.common__function--button{width:auto;justify-content:flex-end;margin-right:-60px}}.common__function--button .common__function--hmenu{display:block;width:25%;max-width:60px;visibility:hidden;position:relative}.common__function--button .common__function--hmenu .hmenu__icon{color:#FFF;background-color:#900;font-size:10px;line-height:2em;width:2em;height:2em;text-align:center;border-radius:100px;position:absolute;top:-8px;right:5px;animation:blink 0.5s 0s alternate infinite}@media (max-width: 768px){.common__function--button .common__function--hmenu{visibility:visible}}.common__function--button .common__function--hmenu img{display:block;width:100%}.common__function--button .common__function--share{display:block;width:50%;max-width:120px}.common__function--button .common__function--share img{display:block;width:100%}.modaal-content-container #globalmenu_sp{text-align:center;display:block;width:15em;margin:0 auto}.modaal-content-container #globalmenu_sp>a,.modaal-content-container #globalmenu_sp>span{position:relative;display:block;margin:0.5em auto;text-decoration:none;color:#FFF;font-size:150%;font-family:'Oswald', sans-serif;border:1px rgba(255,255,255,0.3) solid}.modaal-content-container #globalmenu_sp>a.check::after,.modaal-content-container #globalmenu_sp>span.check::after{content:"";display:block;border:10px #F00 solid;border-color:transparent transparent transparent #F00;width:0;height:0;position:absolute;top:50%;left:5px;transform:translate(0, -50%);animation:blink 0.5s 0s alternate infinite}.modaal-content-container #globalmenu_sp>span.inactive{color:rgba(255,255,255,0.5)}.modaal-content-container #globalmenu_sp>.current{background-color:rgba(255,255,255,0.5);color:#333}.modaal-content-container #globalmenu_sp .pulldown{position:relative;display:block;top:auto;left:auto;text-align:left}.modaal-content-container #globalmenu_sp .pulldown a{display:inline-block;padding:0.5em 0.5em;color:#FFF;text-decoration:none;text-align:center;border:1px #333 solid;border-radius:3px;width:45%;margin:0 1.5% 4%;background-color:rgba(0,0,0,0.3)}.modaal-content-container #globalmenu_sp .pulldown a.current{background-color:rgba(255,255,255,0.1)}.oneword{display:inline-block}.subtext{text-indent:-1em;margin-left:1em;font-size:80%;opacity:0.7}.lang__alert{background-color:rgba(255,255,255,0.8);color:#000;text-align:center;padding:10px;transition:height 0.5s;position:fixed;top:5em;left:-450px;width:400px;border-radius:7px}.lang__alert__message{font-size:120%;font-weight:bold}.lang__alert__message span{font-size:80%;font-weight:normal}.lang__alert button{width:95px;padding:2px;background:linear-gradient(to bottom, #FFF, #DDD);border:1px #AAA solid;border-radius:0;font-size:120%;margin:7px}.modaal__youtube__container{width:100%;position:relative;padding-top:56.25%}.modaal__youtube__container iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.share{text-align:center;max-width:300px;margin:0 auto}.share__message{letter-spacing:2px;margin-left:-2px;font-size:150%;color:#FFF;font-family:'Oswald', sans-serif;margin:30px auto}.share__sns{display:inline-block;margin:0 10px;width:20%;max-width:68px}.share__sns img{display:block;width:100%}.direct-order{width:90%;max-width:1000px;margin:3em auto;text-align:center}.direct-order b{display:block;width:100%;font-size:150%;font-family:"Noto Sans HK",sans-serif;font-weight:bold;color:#FFF}.direct-order a{display:inline-block;width:15em;margin:1em 2%;padding:0.5em 1em;text-align:center;background:linear-gradient(to bottom, #FFF, #DDD);color:#333;font-family:"Oswald",Sans-serif;font-size:120%;border-radius:5px;text-decoration:none}@media (max-width: 640px){.direct-order a{display:block;width:90%;margin:3% auto}}@keyframes openContent{0%{height:70vh}100%{height:50vh}}.page{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;overflow:hidden}@media (max-width: 768px){.page{padding-bottom:50px}}header{width:100%;padding:10% 2%;display:flex;justify-content:center;align-items:center;height:70vh;animation:openContent 0.7s 0.7s ease-in-out forwards;font-family:'Noto Sans HK', sans-serif}header h1{position:fixed;display:block;width:100%;left:0;margin:0 auto;text-align:center;text-shadow:0 0 15px rgba(0,0,0,0.8);opacity:0;animation:fadeIn 1s 0s ease-in-out forwards}header h1.hide{animation:fadeOut 0.2s 0s ease-in-out forwards}@media (max-width: 640px){header h1{font-size:5vw}}header h1 .maintitle{display:inline-block;font-size:200%;padding:0 1em 0.1em;margin-bottom:0.1em;border:1px rgba(255,255,255,0.7) solid;border-width:0 0 1px}header h1 .subtitle{display:block;font-size:50%;letter-spacing:0.5em}.contents{position:relative;background-color:rgba(0,0,0,0.9);padding:2% 0 10%;opacity:0;animation:fadeIn 0.7s 0.7s ease-in-out forwards;position:relative}.contents nav{position:absolute;top:0;left:0;transform:translateY(-99.9%);display:flex;width:100%;flex-flow:nowrap;justify-content:center;align-items:flex-end}.contents nav>a,.contents nav>span{position:relative;display:block;width:20%;min-width:6em;max-width:10em;margin:0 0.05%;text-align:center;text-decoration:none;color:#FFF;font-size:150%;font-weight:bold;padding:0.5em 0.5em 0.3em;background-color:rgba(0,0,0,0.5);border-radius:7px 7px 0 0;box-shadow:0 0 10px rgba(0,0,0,0.9) inset;text-shadow:0 0 10px #000;transition:padding-bottom 0.1s 0s ease-in-out;font-family:'Noto Serif HK',serif}.contents nav>a:hover,.contents nav>span:hover{padding-bottom:0.5em}@media (max-width: 768px){.contents nav>a:hover,.contents nav>span:hover{padding-bottom:1.2em}}.contents nav>a.current,.contents nav>span.current{background-color:rgba(0,0,0,0.9);color:#faeb8b;padding-bottom:0.5em;box-shadow:none}@media (max-width: 768px){.contents nav>a.current,.contents nav>span.current{padding-bottom:1.2em}}.contents nav>a:last-child,.contents nav>span:last-child{border-width:0}.contents nav>a.new::after,.contents nav>a.update::after,.contents nav>span.new::after,.contents nav>span.update::after{color:#FFF;display:block;position:absolute;top:0;left:50%;padding:0.1em 0.5em;text-align:center;font-size:50%;transform:translate(-50%, -70%);text-shadow:none;border-radius:30px;animation:blink 0.5s 0s alternate infinite;font-family:"Oswald",sans-serif}.contents nav>a.new::after,.contents nav>span.new::after{content:"NEW";width:3em;background-color:#F00}.contents nav>a.update::after,.contents nav>span.update::after{content:"UPDATE";width:5em;background-color:#ff6b00}@media (max-width: 768px){.contents nav>a,.contents nav>span{width:20%;font-size:2.8vw;padding:1em 0.5em 0.75em}}.contents .container h3{font-size:200%;letter-spacing:0.3em;text-align:center;margin:4em auto 1em}@media (max-width: 768px){.contents .container h3{font-size:3.5vw}}.contents .container h3 span{display:inline-block;padding:0 1em 0.2em;border:1px #FFF solid;border-width:0 0 1px}.contents .container h3:first-of-type{margin-top:1em}.contents .content::after{content:"";height:0;display:block;clear:both}.contents .content.new h3::after{content:"NEW";display:inline-block;padding:0.3em 1em 0.2em;background-color:#F00;color:#FFF;font-size:50%;margin-left:1%;vertical-align:0.3em;line-height:1;font-family:"Oswald",sans-serif}.contents>*{width:100%;margin:0 auto 7%}.contents__lead{margin-bottom:5%;text-align:center;font-family:sans-serif}.contents__lead h2{font-size:220%;font-family:'Noto Serif HK',serif;font-weight:700;color:#ccc026;background:-webkit-linear-gradient(top, #FFF, #ccc026);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 640px){.contents__lead h2{font-size:6.5vw}}.contents__lead__body{max-width:1200px;margin:0 auto;font-size:120%}.contents__message{font-size:300%;font-family:'Noto Serif HK',serif;font-weight:bold;text-shadow:0 0 7px rgba(252,239,122,0.53);width:95%;max-width:20em;margin-top:8%;text-align:center}@media (max-width: 640px){.contents__message{font-size:7vw}}.spec{background-image:url(../images/common/spec_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:auto;min-height:100%}.spec__display{width:80%;height:80%;display:flex;flex-flow:nowrap;justify-content:space-between;align-items:center}@media (max-width: 1024px){.spec__display{width:95%;align-items:flex-start}}@media (max-width: 640px){.spec__display{flex-direction:column}}.spec__display__package{flex:3}.spec__display__package img{display:block;width:100%;border:1px rgba(255,255,255,0.1) solid;box-shadow:5px 5px 0 rgba(0,0,0,0.5)}@media (max-width: 1024px){.spec__display__package img{width:100%;height:auto}}@media (max-width: 640px){.spec__display__package{width:40%;margin:-2em auto 0}}.spec__display__spec{flex:5}.spec__display__spec h2{display:block;width:100%;text-align:center;font-family:'Noto Serif HK',serif;color:#FFF;font-size:200%;font-weight:bold;margin-bottom:1.2em}@media (max-width: 640px){.spec__display__spec h2{display:none}}@media (max-width: 640px){.spec__display__spec{width:95%;margin:5% auto 0;font-size:80%}}.spec__display__info{padding-left:3em}@media (max-width: 640px){.spec__display__info{padding-left:0}}.spec__display__info table{width:100%;border-collapse:collapse}.spec__display__info table tr{border:1px rgba(255,255,255,0.1) dotted;border-width:0 0 1px 0}.spec__display__info table tr:last-child{border-width:0}.spec__display__info table th,.spec__display__info table td{padding:0.5em 1em;text-align:left;font-weight:normal}.spec__display__info table th{width:7em}.spec__message{display:block;text-align:center;font-weight:bold;text-align:center;width:95%;margin:2em auto;padding:0.5em 0.5em;background-color:rgba(255,255,255,0.75);color:#900;border-radius:5px;text-decoration:none}.information{flex-wrap:wrap;align-items:flex-end}.information__display{width:100%;margin-top:5%}.information__display>div:first-child{text-align:center;font-size:4.5vw;color:#FFF;font-family:'Noto Sans HK', sans-serif;font-weight:900;line-height:1.2}@media (max-width: 768px){.information__display>div:first-child{font-size:9vw}}.information__display>a.information__link{display:block;width:12em;padding:0.2em 1em;background-color:rgba(255,255,255,0.7);color:#800;margin:1% auto;border-radius:30px;font-family:'Noto Sans HK', sans-serif;font-weight:700;font-size:120%;text-align:center;text-decoration:none}.information__display .display__sns{width:100%;margin:7% auto 0;text-align:center}@media (max-width: 768px){.information__display .display__sns{margin-top:50px}}@media (max-width: 768px){.information__display .display__sns__link{display:block;margin:10px auto;width:60%;border:1px rgba(255,255,255,0.8) solid;border-radius:20px;padding:5px;background-color:rgba(0,0,0,0.2)}}.information__display .display__sns__link img{display:inline-block;height:30px;margin:0 15px;border:1px transparent solid;border-width:0 0 1px 0}@media (max-width: 768px){.information__display .display__sns__link img{display:block;margin:0 auto;height:20px}}.information__display .display__sns__link:hover img{border-color:rgba(255,255,255,0.8)}.information footer{bottom:0;left:0;width:100%;padding-top:20px;padding-bottom:0;text-align:center;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.5))}.information footer .footer__links{text-align:center;font-size:80%;margin:0 auto 1.5%;display:flex;flex-flow:nowrap;width:90%;max-width:40em}.information footer .footer__links a{display:inline-block;width:12em;padding:0.2em 0.5em;margin:0 0.1em;background-color:rgba(0,0,0,0.5);color:#AAA;border:1px #888 solid;text-decoration:none;flex:1}.information footer .footer__copyright{margin:10px auto 0;width:617px;max-width:617px}@media (max-width: 768px){.information footer .footer__copyright{width:90%}}body[id] .information{background-color:rgba(0,0,0,0.3)}body[id] .information__display>div:first-child{text-shadow:0 0 30px #d0c98e}@media (max-width: 768px){body[id] .information footer{margin-bottom:50px}}@media (max-width: 768px){body#product footer{margin-bottom:0}}.modaal-container{background:none !important;max-width:1280px !important;box-shadow:none !important;pointer-events:none}.modaal-content{border-radius:10px !important;pointer-events:none;overflow:hidden}.modaal-content-container{padding:0 !important;pointer-events:none}.modaal-content-container>*{pointer-events:all}.modaal-container button{pointer-events:all}.modaal-close{top:1% !important;right:1% !important}@media screen and (max-width: 1140px){.modaal-gallery-control{top:25vw !important;bottom:auto !important}.modaal-gallery-next{right:5px !important}.modaal-gallery-prev{left:5px !important}}#wrapper{width:100%;height:100%;top:0;left:0;transition:top 0.5s}@media (max-width: 768px){#wrapper{height:calc(100% - 50px)}}h4{font-family:"Noto Serif JP",serif;text-align:center;width:100%;padding:0;margin:0 0 3%;font-size:170%;width:100%}.page__slider{position:absolute;width:80px;height:40px;left:50%;transform:translateX(-50%);z-index:4}@media (max-width: 640px){.page__slider{width:50px;height:25px}}.page__slider>div{width:100%;height:100%;background-image:url(../images/btn_pageSlider.png);background-size:100% auto;animation:pageSlide 0.5s 0s ease-in-out infinite alternate}.page__slider.next{top:auto;bottom:10px}@media (max-width: 640px){.page__slider.next{bottom:5px}}.page__slider.prev{bottom:auto;top:10px;transform:translateX(-50%) rotate(180deg)}@media (max-width: 640px){.page__slider.prev{top:5px}}.teaser{align-items:flex-end;flex-flow:wrap}.teaser video{min-width:100%;min-height:100%;width:auto;height:auto;position:fixed;top:0;left:0;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-100}.teaser .bg__slide{min-width:100%;min-height:100%;width:auto;height:auto;position:fixed;top:0;left:0;z-index:-100}.teaser .bg__slide img{display:block;position:absolute;height:auto;min-width:100%;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0}.teaser .bg__slide img:first-child{opacity:1;transition:opacity 1s}.teaser__filter{min-width:100%;min-height:100%;width:auto;height:auto;position:fixed;top:0;left:0;background-image:url(../images/bg_dot.png);background-repeat:repeat;z-index:-90}.teaser__display{z-index:0;opacity:0;width:100%}.teaser__display .display__logo{display:block;width:70vh;max-width:500px;margin:0 auto;transition:width 0.5s 0s ease-in-out}@media (max-width: 768px){.teaser__display .display__logo{width:70%}}.teaser__display .display__button{width:120px;height:120px;margin:20px auto 0;display:block;text-decoration:none;position:relative}.teaser__display .display__button__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-perspective:300px;-moz-perspective:300px;-ms-perspective:300px;perspective:300px;-webkit-perspective-origin:center;-moz-perspective-origin:center;-ms-perspective-origin:center;perspective-origin:center}.teaser__display .display__button__bg__bg{position:absolute;top:0;left:0;width:100%;display:block;border-radius:50%;box-shadow:0 0 30px rgba(0,0,0,0.8) inset;animation:rote_r 50s 0s linear infinite}.teaser__display .display__button__bg__ring{position:absolute;top:0;left:0;display:block;opacity:1}.teaser__display .display__button__bg__ring:nth-child(odd){width:120%;margin-top:-10%;margin-left:-10%;animation:rote 20s 0s linear infinite}.teaser__display .display__button__bg__ring:nth-child(even){width:110%;margin-top:-5%;margin-left:-5%;animation:rote_r 20s 0s linear infinite}.teaser__display .display__button__bg__child{position:absolute;top:20%;left:20%;width:60%;height:60%;animation:rote 4s 0s linear infinite}.teaser__display .display__button__bg__child>div{width:100%;height:100%;margin-top:-10px;border:1px rgba(255,255,255,0.1) solid;border-radius:50%}.teaser__display .display__button--play{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.teaser__display .display__button--play>div{color:#FFF;text-align:center;letter-spacing:5px;margin-left:5px;font-family:'Oswald', sans-serif;animation:play_blink 2s 0s ease-in-out infinite alternate}.teaser__display .display__button:hover .display__button__bg__bg{box-shadow:0 0 30px red inset;transition:box-shadow 1s linear 0s}.teaser__display .display__button:hover .display__button__bg__ring:nth-child(odd){opacity:1;animation:ringSwing 3s 0s linear infinite alternate}.teaser__display .display__button:hover .display__button__bg__ring:nth-child(even){opacity:1;animation:ringSwing_r 1.2s 0s linear infinite alternate}.teaser__display .display__info{margin:1vh auto 0;text-align:center;font-size:200%;font-family:'Lato', sans-serif;font-weight:900;letter-spacing:5px;text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000;margin-left:5px;transform:scale(0.9, 1)}@media (max-width: 768px){.teaser__display .display__info{font-size:6vw}}.teaser__display.resize .display__logo{width:50vh}@media (max-width: 768px){.teaser__display.resize .display__logo{width:60%}}.teaser .prize-gold{display:block;position:absolute;bottom:3em;left:3em;width:30%;max-width:800px}@media (max-width: 640px){.teaser .prize-gold{bottom:8em;left:auto;width:70%}}.teaser .guide__update{color:#F00;padding:0.1em;font-weight:normal;font-size:120%;letter-spacing:1px;width:100%;margin-bottom:70px;text-align:center;background-color:transparent;transition:background-color 0.5s 0s ease-in-out}@media (max-width: 640px){.teaser .guide__update{margin-bottom:40px;font-size:100%}}.teaser .guide__update b{display:block;margin-top:1%;font-family:'Oswald', sans-serif;animation:blink 0.4s 0s ease-in-out infinite alternate}.teaser .guide__update__topics{width:100%;height:auto;overflow:hidden}.teaser .guide__update__topics .topics{display:flex;flex-flow:nowrap;justify-content:center;margin-bottom:-300px}@media (max-width: 640px){.teaser .guide__update__topics .topics{overflow-x:scroll;justify-content:flex-start;padding-bottom:10px}}.teaser .guide__update__topics .topics a{display:block;max-width:30vh;margin:1.5vh 0.5vw;background-color:rgba(255,255,255,0.8);color:#000;text-decoration:none;border-radius:5px;font-size:1.5vh;opacity:0;position:relative;overflow:hidden}@media (max-width: 640px){.teaser .guide__update__topics .topics a{width:43%;min-width:43%;margin:1vw}}.teaser .guide__update__topics .topics a img{display:block;width:100%;margin-bottom:3px}.teaser .guide__update__topics .topics a span{display:block;padding:0.5em}.teaser .guide__update__topics .topics a::after{content:attr(rel);display:block;position:absolute;top:0;left:0;transform:translate(-3em, -0.5em) rotate(-45deg);background-color:#F00;color:#FFF;padding:1em 3em 0.2em;font-family:'Oswald', sans-serif}.teaser .guide__update.open{background-color:rgba(0,0,0,0.75)}.teaser .guide__update.open .topics{margin-bottom:0;transition:margin-bottom 0.5s 0s ease-in-out}.teaser .guide__update.open .topics a:nth-child(1){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 1) ease-in-out}.teaser .guide__update.open .topics a:nth-child(2){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 2) ease-in-out}.teaser .guide__update.open .topics a:nth-child(3){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 3) ease-in-out}.teaser .guide__update.open .topics a:nth-child(4){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 4) ease-in-out}.teaser .guide__update.open .topics a:nth-child(5){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 5) ease-in-out}.teaser .guide__update.open .topics a:nth-child(6){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 6) ease-in-out}.teaser .guide__update.open .topics a:nth-child(7){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 7) ease-in-out}.teaser .guide__update.open .topics a:nth-child(8){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 8) ease-in-out}.teaser .guide__update.open .topics a:nth-child(9){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 9) ease-in-out}.teaser .guide__update.open .topics a:nth-child(10){opacity:1;transition:opacity 0.3s calc(0.3s + 0.15s * 10) ease-in-out}.teaser__loading{position:absolute;opacity:0;left:50%;top:50%;transform:translate(-50%, -50%)}.teaser__loading img{display:block;width:50px;animation:rote 1.5s 0s linear infinite}.game__information{width:100%;padding:5% 5%;background-color:rgba(0,0,0,0.75);text-align:center;border:1px rgba(255,255,255,0.2) dotted;border-width:0 0 1px}.game__information>a{display:inline-block;width:24%;margin:0.25%;overflow:hidden;position:relative;text-decoration:none}@media (max-width: 768px){.game__information>a{width:48%}}.game__information>a[rel]::before{content:attr(rel);display:block;position:absolute;top:0;left:0;transform:translate(-3em, -0.5em) rotate(-45deg);background-color:#F00;color:#FFF;padding:1em 3em 0.2em;font-family:'Oswald', sans-serif;font-size:1.5vh}.game__information>a img{display:block;width:100%}.game__information__attention{margin-top:2em}.game__information__attention a{display:inline-block;width:80%;max-width:25em;margin:0 0.5em 0.5em;background-color:rgba(255,255,255,0.75);color:#222;text-align:center;padding:0.5em 1em;text-decoration:none;border-radius:5px}.guide__update__topics{width:100%;padding:5% 5%;background-color:#000;overflow:hidden}.guide__update__topics .topics__box{margin:0 auto;display:flex;flex-flow:nowrap}@media (max-width: 768px){.guide__update__topics .topics__box{display:block}}.guide__update__topics .topics__box .topics{display:flex;flex-flow:wrap;justify-content:flex-start;flex:4}@media (max-width: 768px){.guide__update__topics .topics__box .topics{flex:none;width:100%;flex-flow:nowrap;overflow-x:scroll;justify-content:flex-start;padding-bottom:10px;scroll-snap-type:x proximity}}.guide__update__topics .topics__box .topics a{display:block;width:23.8%;max-width:36vh;margin:1.5vh 0.5vw;background-color:rgba(255,255,255,0.8);color:#000;text-decoration:none;border-radius:5px;font-size:1.5vh;position:relative;overflow:hidden;scroll-snap-align:start}@media (max-width: 1024px){.guide__update__topics .topics__box .topics a{width:31%;min-width:30%;margin:1vw}}@media (max-width: 768px){.guide__update__topics .topics__box .topics a{width:27%;min-width:27%;margin:1vw}}@media (max-width: 640px){.guide__update__topics .topics__box .topics a{width:35%;min-width:35%;margin:1vw}}.guide__update__topics .topics__box .topics a img{display:block;width:100%;margin-bottom:3px}.guide__update__topics .topics__box .topics a span{display:block;padding:0.5em;text-align:center}.guide__update__topics .topics__box .topics a::after{content:attr(rel);display:block;position:absolute;top:0;left:0;transform:translate(-3em, -0.5em) rotate(-45deg);background-color:#F00;color:#FFF;padding:1em 3em 0.2em;font-family:'Oswald', sans-serif}.guide__update__topics .topics__box .top-timeline{flex:2;overflow:hidden}@media (max-width: 768px){.guide__update__topics .topics__box .top-timeline{flex:none;width:100%;margin:3% 0 0}}.guide__update__topics .topics__box .top-timeline iframe.twitter-timeline{width:100% !important;height:100% !important;background-color:#FFF}@media (max-width: 768px){.guide__update__topics .topics__box .top-timeline iframe.twitter-timeline{height:50vw !important}}.top-lead{background-color:#000;padding:1px}.top-lead img{display:block;width:96%;margin:7% auto;max-width:854px}.concept{display:block;position:relative;background-color:#000}@media (max-width: 640px){.concept{padding-bottom:10vw}}.concept img.concept-bg{display:block;width:100%}@media (max-width: 640px){.concept img.concept-bg{width:200%;margin-left:-100%}}.concept .concept-text{display:block;position:absolute;top:calc(50% - 10vw);left:5%;width:55%;max-width:733px}@media (max-width: 640px){.concept .concept-text{position:relative;top:auto;left:auto;margin:-22vw auto 0;width:95%;padding:2%;background-color:rgba(0,0,0,0.75);box-shadow:0 0 10px #000}}.concept .concept-text img{display:block;width:100%}.concept:first-of-type .concept-text{top:calc(35% - 10vw)}.pickups{background-color:rgba(0,0,0,0.75);padding:5% 5%}.pickups .top__links{display:flex;flex-wrap:nowrap}@media (max-width: 640px){.pickups .top__links{display:block}}.pickups .top__links-banners{flex:4}.pickups .top__links-banners a{display:inline-block;width:32%;margin:0.5% 0.25%}@media (max-width: 1024px){.pickups .top__links-banners a{width:48%}}.pickups .top__links-banners a.full{width:98%}.pickups .top__links-banners img{display:block;width:100%}.pickups .top__links .top-timeline{flex:2;overflow:hidden}@media (max-width: 640px){.pickups .top__links .top-timeline{flex:none;width:100%;margin:3% 0 0}}.pickups .top__links .top-timeline iframe.twitter-timeline{width:100% !important;height:100% !important;background-color:#FFF}@media (max-width: 640px){.pickups .top__links .top-timeline iframe.twitter-timeline{height:50vw !important}}.information__display>div:first-child{opacity:1;text-shadow:0 0 30px #d0c98e}.slick-list{overflow:visible !important}.slick-list img{display:block;width:100%;transition:transform 0.7s}.slide-item{display:block;overflow:visible;position:relative;z-index:1}.slide-item img{box-shadow:0 0 0 rgba(0,0,0,0.75);filter:brightness(60%) blur(3px);transform:scale(0.9)}.slick-center{position:relative;z-index:2}.slick-center img{box-shadow:0 0 50px rgba(0,0,0,0.75);filter:brightness(100%) blur(0px);transform:scale(1.1)}.slick-dots{height:15px;margin:0;padding:0;margin-top:3%;text-align:center;list-style:none;display:flex;justify-content:center;align-items:center}.slick-dots li{display:block;width:60px;margin:0 5px}.slick-dots li button{display:block;color:transparent;font-size:0;border-radius:0;border-width:0;width:100%;height:5px;transition:height 0.2s;cursor:pointer;background-color:#5f0707;border-color:#5a5c3c;position:relative;overflow:hidden}.slick-dots li button::before{content:"";display:block;width:100%;height:100%;background-color:#eeca30;top:0;left:-100%;position:absolute}.slick-dots li.slick-active button{background-color:#5b4d3c}.slick-dots li.slick-active button::before{animation:slickDotAnm 4s 0s linear forwards}.slick-dots li.slick-active button.active::before{animation:none;left:0}.slick-dots:hover button{height:15px;transition:height 0.2s}

/* Clearer home download path */
.common__button__order {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 18px;
  bottom: 18px;
  width: auto;
  max-width: none;
  min-width: 168px;
  padding: 13px 22px;
  border: 1px solid rgba(255, 232, 150, 0.9);
  border-radius: 4px;
  background: rgba(150, 18, 18, 0.94);
  background-image: none;
  color: #fff;
  font-family: 'Noto Sans HK', sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
  z-index: 20;
}

.common__button__order img {
  display: none;
}

.common__button__order span {
  display: block;
}

.common__function--menu nav>a.nav__download {
  color: #ffe896;
  font-weight: 700;
}

.teaser .bg__slide img {
  filter: brightness(62%) saturate(90%);
}

.teaser__filter {
  background-color: rgba(0, 0, 0, 0.22);
}

.teaser__display .display__logo {
  width: 62vh;
  max-width: 430px;
}

.teaser__display .display__info {
  margin: 1.4vh auto 0;
  color: #f5df9b;
  font-family: 'Noto Sans HK', sans-serif;
  font-size: 180%;
  letter-spacing: 2px;
  text-shadow: 0 2px 8px #000, 0 0 18px rgba(0, 0, 0, 0.8);
  transform: none;
}

.display__actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin: 22px auto 0;
  padding: 0 16px;
}

.display__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 148px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 4px;
  font-family: 'Noto Sans HK', sans-serif;
  font-weight: 900;
  letter-spacing: 0;
  text-decoration: none;
}

.display__download {
  background: #b51f1f;
  border: 1px solid #ffe896;
  color: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.42);
}

.display__guide {
  background: rgba(0, 0, 0, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
}

.teaser .prize-gold {
  left: 32px;
  bottom: 36px;
  width: 34%;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.62);
  border-left: 3px solid rgba(255, 232, 150, 0.8);
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.65;
}

.teaser .guide__update {
  color: #f5df9b;
}

.teaser .guide__update b {
  animation: none;
}

@media (max-width: 768px) {
  .common__button__order {
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 54px;
    padding: 0;
    border-width: 1px 0 0;
    border-radius: 0;
    background: #a31919;
    background-image: none;
    font-size: 18px;
  }

  .common__button__order img {
    display: none;
  }

  .teaser__display .display__logo {
    width: 66%;
  }

  .teaser__display .display__info {
    font-size: 5.6vw;
  }

  .display__actions {
    gap: 10px;
    margin-top: 18px;
  }

  .display__actions a {
    flex: 1;
    min-width: 0;
    max-width: 168px;
    min-height: 46px;
    padding: 0 12px;
  }

  .teaser .prize-gold {
    left: 5%;
    right: 5%;
    bottom: 108px;
    width: auto;
    font-size: 12px;
  }
}

.site-language {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 40;
  display: flex;
  gap: 6px;
  padding: 5px;
  background: rgba(0, 0, 0, 0.64);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  backdrop-filter: blur(4px);
}

.site-language button {
  min-width: 62px;
  min-height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Noto Sans HK', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  cursor: pointer;
}

.site-language button.active {
  background: #fff;
  color: #8e1414;
}

.localized-landing {
  display: none;
}

html.simple-locale,
html.simple-locale body {
  min-height: 100%;
  overflow: hidden;
}

html.simple-locale #wrapper,
html.simple-locale .common__function,
html.simple-locale .common__button__order {
  display: none !important;
}

html.simple-locale .localized-landing {
  position: relative;
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 72px 24px 48px;
  overflow: hidden;
  background: #080808;
}

.localized-landing__bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.38)),
    url(../images/preview1.jpg) center / cover no-repeat;
  filter: saturate(85%);
}

.localized-landing__content {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  margin-right: auto;
  text-align: left;
}

.localized-landing__logo {
  display: block;
  width: min(360px, 72vw);
  margin: 0 0 28px;
}

.localized-landing h1 {
  margin: 0;
  color: #fff;
  font-family: 'Noto Serif HK', serif;
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: 0;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.7);
}

.localized-landing p {
  max-width: 620px;
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.86);
  font-family: 'Noto Sans HK', sans-serif;
  font-size: 20px;
  line-height: 1.65;
  letter-spacing: 0;
}

.localized-landing__downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.localized-landing__downloads a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 4px;
  border: 1px solid rgba(255, 232, 150, 0.9);
  background: rgba(150, 18, 18, 0.95);
  color: #fff;
  font-family: 'Noto Sans HK', sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38);
}

.localized-landing__downloads a[data-platform="ios"] {
  background: rgba(255, 255, 255, 0.95);
  color: #111;
}

.localized-landing__downloads a[data-platform="google"] {
  background: #1b6f48;
}

.localized-landing__downloads a[data-platform="steam"] {
  background: #23405e;
}

@media (max-width: 768px) {
  .site-language {
    left: 10px;
    right: 10px;
    justify-content: center;
  }

  .site-language button {
    flex: 1;
    min-width: 0;
  }

  html.simple-locale .localized-landing {
    align-items: flex-start;
    padding: 92px 20px 34px;
  }

  .localized-landing__bg {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.9)),
      url(../images/preview1.jpg) center / cover no-repeat;
  }

  .localized-landing__content {
    margin: 0 auto;
    text-align: center;
  }

  .localized-landing__logo {
    width: min(280px, 74vw);
    margin: 0 auto 24px;
  }

  .localized-landing h1 {
    font-size: 34px;
  }

  .localized-landing p {
    font-size: 16px;
  }

  .localized-landing__downloads {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 28px;
  }

  .localized-landing__downloads a {
    width: 100%;
    min-height: 52px;
  }
}