@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes scale-up-center{0%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@font-face{font-family:"Dimbo";src:url(../public/fonts/Dimbo.eot);src:url(../public/fonts/Dimbo.eot?#iefix) format("embedded-opentype"),url(../public/fonts/Dimbo.woff2) format("woff2"),url(../public/fonts/Dimbo.woff) format("woff"),url(../public/fonts/Dimbo.ttf) format("truetype"),url(../public/fonts/Dimbo.svg#Dimbo) format("svg")}#intro-screen{display:block;top:50%;width:100%;position:absolute;left:0;transform:translateY(-50%)}#intro-screen>.logo{width:100%;max-width:439px;height:58px;margin:0 auto;background:url(../public/img/ui/logo_header.svg) no-repeat center;background-size:50% 100%}#intro-screen>.image{margin:0 auto;max-width:528px;width:100%;padding-bottom:20px;height:auto;display:block}#intro-screen>.text{text-align:center;height:48px;font-size:48px;color:#fb6507}#intro-screen>.text>.touch-locked-click{-webkit-animation:scale-up-center 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) infinite alternate both;animation:scale-up-center 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) infinite alternate both;display:inline-block;cursor:pointer}html,body{height:100%;overflow:hidden;font-family:'Dimbo';margin:0;padding:0}body{background:#5fdff2}#game-wrapper{background-image:url(../public/img/ui/bg.svg);background-repeat:no-repeat;background-size:100% 100%;background-position:center center;padding:2vw;width:50%;margin:0 auto;display:none;position:relative;top:50%;transform:translateY(-50%)}@media (max-width: 1420px){#game-wrapper{width:80%}}#game-wrapper>#head-ui>#logo{position:absolute;top:-3.15vw;right:-0.2vw;width:13vw;height:3.5vw}@media (max-width: 1420px){#game-wrapper>#head-ui>#logo{width:17vw;top:-4.3vw;right:4.8vw;height:4.5vw}}#game-wrapper>#head-ui>#logo>.svg{width:100%;height:100%;display:block}#game-wrapper>#head-ui>#title{background:url(../public/img/ui/title_bg.svg) no-repeat;background-size:100%;background-position:center;color:#fb6507;font-size:3vw;padding:3vw;text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:-4vw}#story-image{padding:2vw 0 0;margin:0 auto}@media (max-width: 1420px){#story-image{width:85%}}#story-image>img{width:100%;height:auto}#player-wrapper{background:url(../public/img/ui/player_bg.svg) no-repeat;background-size:100%;background-position:center;padding:3vw;width:85%;margin:0 auto}@media (max-width: 1420px){#player-wrapper{width:70%;padding:5vw}}.plyr--full-ui{display:none}#play-button{width:5vw;height:5vw;background:#fb6507;border-radius:80px;z-index:2;box-shadow:0 6px 1px rgba(0,0,0,0.2);position:relative;cursor:pointer;display:inline-block}@media (max-width: 1420px){#play-button{width:7vw;height:7vw}}#play-button #play-icon,#play-button #pause-icon{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:1}#play-button #play-icon.hidden,#play-button #pause-icon.hidden{opacity:0}#play-button #play-icon>.svg,#play-button #pause-icon>.svg{width:2.5vw;height:2.5vw}#progress-bar-wrapper{width:80%;margin-left:6%;top:1.1vw;position:relative;display:inline-block;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#progress-bar-wrapper #progress-thumb{cursor:pointer;position:absolute;top:50%;transform:translate(-50%, -50%);left:0;width:3.4vw;height:3.4vw;background:#fb6507;border-radius:80px;z-index:2;box-shadow:0 6px 1px rgba(0,0,0,0.2)}@media (max-width: 1420px){#progress-bar-wrapper #progress-thumb{width:5vw;height:5vw}}#progress-bar-wrapper #timeline{width:100%;height:2.8vw;background:#557eaf;border-radius:25px;position:relative;overflow:hidden}@media (max-width: 1420px){#progress-bar-wrapper #timeline{height:3.8vw}}#progress-bar-wrapper #timeline>#progress-bar{width:0;height:100%;background:rgba(255,255,255,0.5);position:absolute;z-index:1}