#cover,#view,#view canvas,body,html{width:100%;height:100%}#top h1,#top h2{letter-spacing:.05rem}#end h3,#top .best_time span{opacity:.7}body,html{position:absolute;overflow:hidden;text-align:center;background:#036;color:#fff;letter-spacing:.1rem;-webkit-font-smoothing:none;font-family:"Press Start 2P","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"Yu Gothic UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,sans-serif}@-webkit-keyframes flashanim{0%,49%{opacity:0}50%{opacity:1}}@keyframes flashanim{0%,49%{opacity:0}50%{opacity:1}}@-webkit-keyframes fadeanim{0%{opacity:0}100%{opacity:1}}@keyframes fadeanim{0%{opacity:0}100%{opacity:1}}#cover,#view{position:fixed;top:0;z-index:0}#cover{z-index:1;background:rgba(0,0,0,.8)}#end,#loading,#main,#ready,#top{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:96%;display:none}#loading{display:block}#loading p{-webkit-animation:flashanim .2s infinite;animation:flashanim .2s infinite;font-size:calc(1.5rem + 1vw)}#top h1{font-size:calc(1rem + 1vw);margin-bottom:5px;margin-bottom:calc(3px + .5vh)}#top h2{font-size:calc(.4rem + .3vw);opacity:.45}#top .best_time{margin-top:10px;margin-top:calc(8px + .5vh);font-size:calc(.5rem + .3vw);color:#f9c;display:none}#top #bt_play{margin-top:40px;margin-top:calc(10px + 9vh);font-size:calc(.8rem + .8vw);margin-bottom:40px;margin-bottom:calc(10px + 9vh)}#top #credit{font-size:calc(.5rem + .3vw);margin-bottom:30px;margin-bottom:calc(25px + 2vh)}#ready .howto,#top #credit p{margin-bottom:20px;margin-bottom:calc(10px + 1.2vh)}#top #sns{font-size:calc(.7rem + .5vw)}#top #sns p:first-child{margin-bottom:10px;margin-bottom:calc(5px + .8vh)}#top #sns span{margin:0 8px;cursor:pointer}#top #sns span:hover{color:#fff}#bt_tw{color:#0CF}#bt_fb{color:#36C}#bt_gp{color:#F60}#bt_back a,#bt_finish a,#bt_full a,#end a,#ready a,#top a{color:#fff;text-decoration:none;border-bottom:3px dotted #fff;padding-bottom:5px}#bt_back a:hover,#bt_finish a:hover,#bt_full a:hover,#end a:hover,#ready a:hover,#top a:hover{color:#fbf;border-color:#fbf}#ready .howto img{width:calc(200px + 12vw);max-width:450px}#main{transform:translate(0,0);top:5;left:0;width:100%}#bt_finish,#main .speed,#main .time{position:absolute;top:0;padding:calc(8px + .8vmin);font-size:calc(.7rem + .5vw)}#bt_finish{left:0;font-size:calc(.6rem + .4vw)}#main .speed{left:0;right:0;color:#f9c}#main .time{right:0}#end h2{font-size:calc(1.3rem + 1.2vmin);margin-bottom:15px;margin-bottom:calc(5px + .8vh)}#end h3{font-size:calc(.5rem + .3vw);margin-bottom:35px;margin-bottom:calc(15px + 3.5vh)}#end .time{font-size:calc(.7rem + .5vw);padding:10px;border:3px solid rgba(255,255,255,.5);width:calc(200px + 12vw);margin:0 auto}#end .time span{opacity:.5}#end .record{color:#f66;font-size:calc(.5rem + .4vw);-webkit-animation:fadeanim .6s infinite alternate;animation:fadeanim .6s infinite alternate;margin-top:10px;margin-top:calc(5px + .8vh)}#end table{margin:10px auto 0;font-size:calc(.5rem + .3vw);margin-top:calc(5px + .8vh)}#end table td{padding:1.2vmin calc(10px + .5vmin);text-align:right}#end table td:first-child{text-align:left}#e2{margin-top:35px;margin-top:calc(15px + 3.5vh)}#e2 p{display:inline-block;margin:0 calc(15px + .5vw)}#bt_top,#bt_tweet{font-size:calc(.8rem + .8vw)}#bt_back a,#bt_full a{border-bottom:none}#bt_back p,#bt_full p{padding:calc(8px + .8vmin)}#bt_back,#bt_full{position:absolute;z-index:10;font-size:calc(.7rem + .5vw)}#bt_full{right:0;display:none}@media (max-width:480px){#main .speed{margin-right:8vw}}