@import url("https://fonts.googleapis.com/css?family=Orbitron:400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,500&display=swap");body,html{-webkit-text-size-adjust:none;-ms-touch-action:manipulation;touch-action:manipulation}body{background:#fff;font-family:Work Sans,sans-serif;font-weight:500;letter-spacing:0;color:#000;cursor:default}body.rev{background:#000;color:#fff}body.rev svg{fill:#fff}body.rev a{color:#fff}body a{text-decoration:none;color:#000}body h1,body h2{display:none}main{position:absolute;top:calc(50% - 30px);left:50%;transform:translate(-50%,-50%);width:305px;height:120px;z-index:2}main #main-header{position:absolute;top:-5px;left:0;font-family:Work Sans,sans-serif;font-weight:500;font-size:12px;line-height:12px;z-index:1}main #main-header span.ver{font-size:8px;font-weight:500}main #main-header span.label,main #main-level{font-size:10px;font-weight:500}main #main-level{position:absolute;top:47px;left:0;font-family:Work Sans,sans-serif;line-height:10px;letter-spacing:0;z-index:1}main #main-level span{display:inline-block;margin-right:5px}main #main-level ul{display:inline-block;margin:0;padding:0}main #main-level ul li{display:inline-block;padding:4px 6px 5px;font-size:10px;line-height:4px;margin:0;border-radius:5px}main #main-level ul li.select{background-color:#000;color:#fff}main #main-level ul.rev li.select{background-color:#fff;color:#000}main #main-life{position:absolute;top:72px;left:0}main #main-life ul{display:inline-block;margin:0;padding:0}main #main-life ul li{display:block;width:10px;height:2px;background-color:#000;margin-bottom:2px}main #main-life ul li:last-child{margin-bottom:0}main #main-life.rev ul li{background-color:#fff}main #main-arrow-explain{position:absolute;top:95px;right:30px;text-align:right;font-size:10px;font-weight:500;line-height:10px;letter-spacing:0;background-color:#ff0;padding:0 5px}@media only screen and (max-width:767px){main #main-arrow-explain{display:none}}main #main-arrow-explain.rev{color:#000}main #main-timer{position:absolute;top:33px;left:0;text-align:left;font-size:10px;font-weight:500;line-height:10px;letter-spacing:0}main #main-count{position:absolute;top:26px;right:24px;text-align:right}main #main-count svg{display:inline-block;width:11px;height:auto;vertical-align:middle}main #main-count span{display:inline-block;font-size:8px;font-weight:500;line-height:8px;letter-spacing:0}main #main-hint{position:absolute;top:66px;right:31px;width:210px;height:30px;overflow:hidden;display:block;max-width:210px;display:none;z-index:1;font-family:Orbitron,sans-serif;font-size:28px;font-weight:400;letter-spacing:0;line-height:24px}main #main-hint div{position:absolute;min-width:100%}main #main-hint div span{position:relative;top:0;left:0;display:inline-block;white-space:nowrap}main #main-hint div span:first-child{animation:defilement 3s infinite linear}main #main-hint div span:last-child{position:absolute;animation:defilement2 3s infinite linear}main #main-info{position:absolute;top:68px;left:17px;font-family:Work Sans,sans-serif;font-weight:500;font-size:10px;line-height:10px;letter-spacing:0;text-align:right;width:40px;height:8px;display:none}main #main-info.rev{color:#fff}main #main-score{position:absolute;top:79px;left:11px;font-family:Work Sans,sans-serif;font-weight:500;font-size:10px;line-height:10px;letter-spacing:0;width:45px;text-align:right}main #main-start{z-index:3;font-family:Orbitron,sans-serif;font-size:28px;font-weight:400;line-height:16px;width:215px;height:20px;text-align:right;cursor:pointer}main #main-start,main #main-target{position:absolute;top:70px;left:60px}main #main-target{z-index:2}main #main-target ul{display:block;margin:0;padding:0}main #main-target ul li{display:inline-block;width:24px;height:22px;padding-right:0;margin-right:0;font-size:28px;text-align:center;font-family:Orbitron,sans-serif;font-weight:400;line-height:16px}main #main-target ul li:last-child{margin-right:0}main #main-target #main-target-super{border-radius:15px;opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;filter:alpha(opacity=10);position:absolute;top:2px;left:223px;width:15px;height:15px;background-color:#000}main #main-target #main-target-super.rev{background-color:#fff}main #main-extra{position:absolute;top:0;left:0;z-index:1}main #main-extra svg#main-extra-1{position:absolute;top:57px;left:160px;width:40px}main #main-extra svg#main-extra-2{position:absolute;top:58px;left:160px;width:46px}main #main-extra svg#main-extra-3{position:absolute;top:55px;left:160px;width:40px}main #main-extra svg#main-extra-4{position:absolute;top:56px;left:160px;width:45px}main #main-extra svg#main-extra-5{position:absolute;top:59px;left:164px;width:45px}main #main-extra svg{height:auto;display:none}main #main-aim{position:absolute;top:95px;left:64px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #000}main #main-aim.rev{border-bottom:8px solid #fff}main #main-super{position:absolute;top:47px;left:209px;width:70px;height:15px;font-family:Work Sans,sans-serif;font-weight:500;font-size:9px;line-height:9px;letter-spacing:0}main #main-super #main-super-e{position:absolute;left:-2px;text-align:right}main #main-super #main-super-f{position:absolute;right:-2px;text-align:left}main #main-super #main-super-liner{position:absolute;top:9px;left:5px;width:58px;height:4px;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000}main #main-super #main-super-bar{border-radius:5px;position:absolute;top:3px;left:5px;width:60px;height:4px;overflow:hidden}main #main-super #main-super-bar #main-super-bar-top{position:absolute;top:0;left:0;width:0;height:100%;background-color:#000;z-index:2}main #main-super #main-super-bar #main-super-bar-bottom{opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;filter:alpha(opacity=10);position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}main #main-super.rev #main-super-liner{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}main #main-super.rev #main-super-bar #main-super-bar-bottom,main #main-super.rev #main-super-bar #main-super-bar-top{background-color:#fff}footer{position:absolute;bottom:15px;left:15px;font-family:Work Sans,sans-serif;font-weight:500;font-size:9px;line-height:12px;letter-spacing:0}@keyframes defilement{0%{margin-left:0}to{margin-left:-100%}}@keyframes defilement2{0%{margin-left:100%}to{margin-left:0}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.blink-l{animation:blink-l .75s linear infinite}@keyframes blink-l{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}to{opacity:0}}.blink-h{animation:blink-h .15s linear infinite}@keyframes blink-h{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}to{opacity:0}}aside#aside-sns{position:fixed;right:20px;bottom:5px}aside#aside-sns ul{list-style-type:none;height:17px}aside#aside-sns ul li{display:inline-block;height:17px;margin-right:5px}aside#aside-sns ul li svg{width:17px;height:auto}aside#aside-sns ul li:last-child{margin-right:0}aside#aside-help{display:none;border-radius:25px;position:fixed;top:calc(50% - 11px);left:calc(50% - 185px);width:25px;height:25px;transform:translate(-50%,-50%);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;background-color:#000;color:#fff;font-family:Work Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:24px;text-align:center;cursor:pointer}@media only screen and (max-width:767px){aside#aside-help{left:calc(50% - 155px)}}aside#aside-help.rev{background-color:#fff;color:#000}aside#aside-rev{position:fixed;top:calc(50% - 36px);left:calc(50% - 32px);transform:translate(-50%,-50%);width:30px;height:35px;z-index:20;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}aside#aside-rev svg{margin:10px 0 0 10px;width:12px;height:auto;cursor:pointer}@media only screen and (max-width:767px){aside#aside-rev{left:calc(50% - 30px)}}aside#aside-sound{position:fixed;top:calc(50% - 35px);left:calc(50% - 8px);transform:translate(-50%,-50%);width:30px;height:35px;opacity:.4;z-index:20;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}aside#aside-sound.active{opacity:1}aside#aside-sound svg{margin:10px 0 0 10px;width:10px;height:auto;cursor:pointer}@media only screen and (max-width:767px){aside#aside-sound{left:calc(50% - 5px)}}aside#aside-touch{display:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10}aside#aside-touch #aside-touch-fire,aside#aside-touch #aside-touch-move{position:absolute;left:0;top:0;font-size:10px;line-height:10px;letter-spacing:0;width:calc(50% + 20px);height:100%}aside#aside-touch #aside-touch-fire{left:calc(50% + 27px);width:calc(50% - 27px)}aside#aside-touch #aside-touch-fire span,aside#aside-touch #aside-touch-move span{position:absolute;top:calc(50% + 150px);display:none}aside#aside-touch #aside-touch-move span{right:5px}aside#aside-touch #aside-touch-fire span{left:10px}aside#aside-touch.active #aside-touch-fire span,aside#aside-touch.active #aside-touch-move span{display:block}aside#aside-touch.active #aside-touch-fire{border-left:1px solid rgba(0,0,0,.2)}aside#aside-touch.rev.active #aside-touch-fire{border-left:1px solid hsla(0,0%,100%,.6)}aside#pad-connect{position:fixed;top:50%;left:-30px;height:40px;width:150px;margin-top:-120px;line-height:27px;background:#000;z-index:20;text-align:center;border-radius:5px;transform:rotate(90deg);transform-origin:top left}aside#pad-connect span{color:#fff;font-family:Work Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:0}aside#pad-connect.rev{background:#fff}aside#pad-connect.rev span{color:#000}aside#server-info{display:none;position:fixed;top:5px;left:5px;height:15px;width:15px;background-color:#000;z-index:40}aside#server-info img{width:95%;height:auto}aside#server-error{position:fixed;top:0;left:0;width:150px;height:20px;z-index:200;color:#fff;font-size:12px;line-height:20px;background-color:#000;display:none}aside#server-load{background-color:hsla(0,0%,100%,.9);z-index:100}aside#server-load,section#ranking{position:fixed;top:0;left:0;width:100%;height:100%}section#ranking{background-color:rgba(0,0,0,.9);z-index:30;display:none}section#ranking div#ranking-table{position:absolute;top:calc(50% - 30px);left:50%;transform:translate(-50%,-50%);width:305px;height:180px;font-size:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1;display:none}section#ranking div#ranking-table table{width:100%;border-collapse:collapse;color:#fff}section#ranking div#ranking-table table tr td.ranking-num{width:15px}section#ranking div#ranking-table table tr td.ranking-name{width:170px}section#ranking div#ranking-table table tr td.ranking-fish{width:35px;text-align:center}section#ranking div#ranking-table table tr td.ranking-fish svg{fill:#fff;width:15px;height:auto}section#ranking #ranking-info{position:absolute;top:calc(50% - 50px);left:50%;transform:translate(-50%,-50%);width:305px;height:180px;font-size:12px;text-align:center;display:none;z-index:2}section#ranking #ranking-info #ranking-info-count-rank{position:relative;margin:15px 0 25px;left:50%;margin-left:-35px;display:block;width:70px;height:70px;font-size:24px;font-family:Orbitron,sans-serif;font-weight:700;text-align:center;color:#fff;line-height:65px}section#ranking #ranking-info #ranking-info-count-rank div{position:absolute;animation:rotation 8s infinite linear;top:-3px;left:0;width:100%;height:100%;border:2px dashed #fff;border-radius:50%}section#ranking #ranking-info input{padding:5px;margin:0 0 10px;width:50%;font-family:Work Sans,sans-serif;font-size:12px;text-align:center;color:#fff;border:1px solid #fff;background-color:transparent;border-radius:5px}section#ranking #ranking-info input.error{background-color:#c00}section#ranking #ranking-info button{padding:5px;margin:0;outline:none;width:85px;text-align:center;font-family:Work Sans,sans-serif;font-size:12px;cursor:pointer;background-color:#000;color:#fff;border:1px solid #fff;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px}