@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");
html{box-sizing:border-box;border-collapse:collapse;line-height:1;font-family:sans-serif}*{margin:0;padding:0;border-collapse:inherit}*,*:before,*:after{box-sizing:inherit}body{position:relative}[hidden]{display:none !important}ul,ol,menu{list-style:none}a{color:inherit}fieldset{border:none}html{overflow:hidden;height:100%}body{position:absolute;width:100%;height:100%;overflow:hidden;background-color:#000;top:0;}body canvas{will-change:transform;background-color:#000}*{font-family:'Press Start 2P',cursive;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer:default;-webkit-tap-highlight-color:rgba(0,0,0,0)}.wrapper{width:100%;height:100%}.fps{position:absolute;top:0;left:0;color:#fff;background-color:#000;width:100px;height:30px;z-index:10000;display:none}.dialog{position:absolute;width:80%;max-width:1100px;min-width:700px;height:200px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;bottom:80px;border-radius:20px;color:#fff;visibility:hidden;background-size:100% auto;background-repeat:no-repeat;background-position:center;will-change:transform}.dialog-container{width:100%;height:100%;position:relative}.dialog-box{position:absolute;text-align:center;top:50%;left:50%;width:60%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);margin:auto;text-align:center;vertical-align:middle;line-height:2.5vw;font-size:1vw;letter-spacing:3px}.dialog-image{display:none;top:45%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:20%;width:20%;height:auto}.isDoubled .dialog-image{display:block}.isDoubled .dialog-box{text-align:left;line-height:2.6vw;font-size:1.2vw;width:44%;left:46%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.phone .dialog{bottom:40px;height:100px;width:99%;max-width:100%;min-width:0%;background-size:100% 100%}.phone .dialog-box{width:90%;font-size:8px;line-height:19px}@media screen and (min-width:1100px){.desktop .isDoubled .dialog-box{font-size:12px;line-height:30px}}@media screen and (max-width:700px){.desktop .isDoubled .dialog-box{font-size:9px;line-height:20px}}.introscreen{font-size:12px;opacity:0;position:absolute;z-index:10;width:100%;height:100%;pointer-events:none;}.introscreen .introscreen-container{z-index:10;width:600px;height:300px;height:40%;min-height:150px;width:50%;max-width:1000px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;letter-spacing:3px}.introscreen .title{position:absolute;width:100%;top:0;height:auto}.introscreen p{text-align:center;color:#fff;position:absolute;bottom:0;left:0;right:0;margin:auto}.introscreen .intro-names{position:absolute;font-size:10px;bottom:35px;left:35px;z-index:10;color:#fff;letter-spacing:2px}.tablet .intro-names{bottom:10px;left:10px}.phone .intro-names{bottom:10px;left:10px}.phone .introscreen-container{min-height:90px;height:140px;width:70%;font-size:8px}.progression{display:block;position:absolute;bottom:20px;width:85%;max-width:1300px;height:30px;left:0;right:0;margin:auto;will-change:transform;-webkit-transform:scale(1,1);transform:scale(1,1);visibility:hidden}.progression-container{width:100%;height:100%;position:relative}.progression-background{position:absolute;width:100%}.progression-timeline{will-change:transform;position:absolute;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;width:100%}