body{position:fixed;top:0;left:0;bottom:0;right:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;overflow:hidden}body,p,dd,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;font-family:inherit}ul,li{list-style-type:none}button,a,.btn{margin:0;padding:0;cursor:pointer;font-family:inherit;font-weight:700;text-decoration:none;color:inherit;border:none;background:none}rt{font-size:.5em}.starter-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;background:#232323;display:flex;flex-direction:column;justify-content:center;gap:20px}.starter-container.hidden{animation:1.2s fadeOut forwards}.starter-container .container{width:100%;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;gap:12px}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}99%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(0);display:none}}.loading-container{flex-direction:column}.loading-container .loading-visual{width:100%;align-items:center;display:flex;justify-content:center;gap:4px;font-size:1.5vw;position:relative}.loading-container .loading-visual .loading-bar-outer{width:50%;height:2px;outline:1px solid gray}.loading-container .loading-visual .loading-bar-outer #loading-bar{display:block;width:100%;height:100%;background:#0909c0;transform:scaleX(0);transform-origin:center left;box-shadow:inset 0 0 4px #f5f5f5,inset 1px 0 2px #26008f,inset -1px 0 2px #55c8f8,1px 0 8px #26008f,1px 0 8px #55c8f8,0 0 10px #fff,-1px 0 4px #26008f,1px 0 4px #55c8f8}.loading-container #loading-state{width:100%;padding:0 6vw;text-align:center;box-sizing:border-box}.loading-container #loading-state.yellow{color:#ff0}.loading-container.hidden{display:none}.start,.lang-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:4vmin}.start button,.start .lang-btn,.lang-container button,.lang-container .lang-btn{color:#fff;font-size:3vmin;border:none;border-radius:4px;box-shadow:0 1px #e2e2e2,0 2px 2px #e2e2e2,0 1px 2px #e2e2e2,0 4px 4px #575757;background:transparent;margin-bottom:30px;padding:10px 15px;text-decoration:none;cursor:pointer}.start button.disabled,.start .lang-btn.disabled,.lang-container button.disabled,.lang-container .lang-btn.disabled{pointer-events:none;background:#575757;box-shadow:none;color:#9d9d9d;transform:translateY(2px);cursor:not-allowed}.start button:hover,.start .lang-btn:hover,.lang-container button:hover,.lang-container .lang-btn:hover{opacity:1;text-shadow:0 0 3px #55c8f8,0 0 6px #fff;box-shadow:0 1px 1px #26008f,0 2px 3px #fff}.start.sound-starter button,.lang-container.sound-starter button{color:#232323;animation:flicker-btn 2s infinite}@keyframes flicker{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes flicker-btn{0%,to{opacity:1;background:#ff0}50%,60%{opacity:.5;background:#fff}}video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}@font-face{font-family:Numbers;font-style:normal;src:url(/fonts/subset_fonts/GenEi_num_sym.woff) format("woff")}@keyframes appear{0%{opacity:0;transform:scale(0);display:none}1%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}.trialContainer{position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;color:ivory}.trialContainer.disappear{animation:1s 2s trial-disappear forwards}@keyframes trial-disappear{0%{opacity:1}to{opacity:0}}.trialContainer .trial-bg{background-color:#000c}.trialContainer .trial-bg.top{width:100%;height:12%;position:absolute;top:0;left:0}.trialContainer .trial-bg.bottom{width:100%;height:12%;position:absolute;bottom:0;left:0}.trialContainer .trial-bg.left{width:5%;height:100%;position:absolute;top:0;left:0}.trialContainer .trial-bg.right{width:5%;height:100%;position:absolute;top:0;right:0}.trialContainer .trial-content{width:90%;height:76%;border:12px solid #28954c;border-radius:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 2px 2px inset #fff,-2px -2px 2px inset #fff,1px 1px ivory,-1px -1px ivory;display:flex;justify-content:center;align-items:center}.trialContainer .trial-content.completed{background:repeating-linear-gradient(-42deg,#165036,#165036 50px,#0f3222 51px,#0f3222 100px)}.trialContainer .trial-content .trial-effect{display:none;position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;font-size:20vw;justify-content:center;align-items:center;font-weight:700;opacity:.8}.trialContainer .trial-content .trial-effect.show{display:flex;animation:enlarge 1.2s forwards}@keyframes enlarge{0%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(2.4)}99%{transform:translate(-50%,-50%) scale(2.4);opacity:0}to{transform:translate(-50%,-50%) scale(0);opacity:0}}.trialContainer .trial-content #trial-effect-ok{color:#fff}.trialContainer .trial-content #trial-effect-ng{color:red}.trialContainer .trial-content #hammer{position:absolute;bottom:80%;width:100%;max-width:50%;height:80%;z-index:2;animation:hammer-down 3s infinite}.trialContainer .trial-content #hammer img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}.trialContainer .trial-content #hammer-box{position:absolute;top:84%;left:-10%;width:120%;height:25%;z-index:1;text-align:center}.trialContainer .trial-content #hammer-box img{width:90%}.trialContainer .trial-content #hammer-detect-box{z-index:4;width:90%;height:10%;position:absolute;top:30%;left:5%}.trialContainer .trial-content #hammer-detect-box #hammer-detect-outer{width:100%;height:30%;background:#fff;border:2px solid rgba(51,51,51,.7);border-radius:4px}.trialContainer .trial-content #hammer-detect-box #hammer-detect-outer #hammer-detect-meter{height:100%;background:#fc0}.trialContainer .trial-content #hammer-detect-box p{width:100%;text-align:right;text-shadow:1px 1px 1px #333,-1px 1px 1px #333,-1px -1px 1px #333,1px -1px 1px #333,1px 0px 1px #333,-1px 0px 1px #333,0px 1px 1px #333,0px -1px 1px #333}.trialContainer p{position:absolute;z-index:1;letter-spacing:.1em}.trialContainer p.completed{text-align:center;position:relative;font-size:6.6vmin;text-shadow:1px 1px 2px #000}.trialContainer p.top-text{top:.5em;padding:0 1em;color:#f90;font-size:2.4vh;text-shadow:1px 1px 2px #000}.trialContainer p.bottom-text{z-index:3;position:absolute;width:100%;top:0;left:0;color:ivory;padding:1em;font-size:3.6vmin;line-height:4.4vmin;text-shadow:1px 1px 1px #333,-1px 1px 1px #333,-1px -1px 1px #333,1px -1px 1px #333,1px 0px 1px #333,-1px 0px 1px #333,0px 1px 1px #333,0px -1px 1px #333}.trialContainer p.bottom-text .marker{display:inline-block;width:1.2em;height:1.2em;margin:0 .5em;background:#fff;box-sizing:border-box;border:.3em solid #000;vertical-align:bottom;box-shadow:0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory}.trialContainer p.bottom-text .target{color:red;text-shadow:0px 0px 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory,0 0 4px ivory}.trialContainer #start-game-btn{position:absolute;bottom:10px;right:10px;z-index:1;border-radius:8px;padding:.5em 1em;cursor:pointer;background:#333333e6;font-weight:700;font-size:3vmin;border:2px solid white}.trialContainer #reset-hammer-pos{position:absolute;top:10px;left:50%;z-index:1;border-radius:8px;padding:.5em 1em;cursor:pointer;color:#232323;background:#fff;font-weight:700;font-size:3vmin;border:2px solid #232323;transform:translate(-50%);text-align:center}@keyframes hammer-down{0%{bottom:80%}50%,to{bottom:10%}}.front-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:4;color:ivory}.html-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;animation:.7s appear forwards;color:ivory}.html-container .timer-container{font-family:Numbers,sans-serif;position:absolute;top:0;left:0;width:8vmin;height:8vmin;font-size:8vmin;padding:60px;display:flex;justify-content:center;align-items:center;color:#e6e6e6;text-shadow:4px 4px 10px rgb(17,17,68)}.html-container .timer-container p{line-height:1em;text-align:center;font-weight:700}.gameover{position:absolute;top:0;left:0;z-index:5;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);animation:zigzag-down 1s 2s ease-out forwards}@keyframes zigzag-down{0%{transform:translateY(-100%);background-color:transparent}to{transform:translateY(0);background-color:#232323}}.gameover img{width:100%}.score-counter-container{width:100%;height:50%;position:absolute;top:0;left:0;text-align:center;font-size:14vmin;letter-spacing:.01em;font-weight:700;transition:.3s}.score-counter-container p#score-counter{position:absolute;top:50px;letter-spacing:-4px;width:100%;text-align:center;font-family:Numbers,sans-serif;color:#ffdc51;text-shadow:-1px -1px 0 #6e1f58,1px -1px 0 #6e1f58,-1px 1px 0 #6e1f58,1px 1px 0 #6e1f58,1px 0px 0px #fffed4,0px 1px 0px #fffed4,2px 1px 0px #fffed4,1px 2px 0px #fffed4,3px 2px 0px #fffed4,2px 3px 0px #fffed4,4px 3px 0px #fffed4,3px 4px 0px #fffed4,5px 4px 0px #fffed4,3px 5px 0px #6e1f58,6px 5px 0px #6e1f58,-1px 2px 0 black,0 3px 0 #6e1f58,1px 4px 0 #6e1f58,2px 5px 0px #6e1f58,2px -1px 0 #6e1f58,3px 0 0 #6e1f58,4px 1px 0 #6e1f58,5px 2px 0px #6e1f58,6px 3px 0 #6e1f58,7px 4px 0 #6e1f58,4px 4px 4px #7e7e7e;transform:scale(0);animation:.3s recover-score ease-in-out forwards;transition:all .7s ease-in-out}.score-counter-container p#score-counter.changing{animation:.3s change-score ease-in-out forwards}.score-counter-container p#score-counter.end{transform:scale(1.8);bottom:0;top:auto;animation:none}@keyframes recover-score{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes change-score{0%{transform:scale(1)}to{transform:scale(0)}}.control-container{position:absolute;bottom:10px;left:10px;z-index:10;display:flex;gap:4px}.control-container .control-btn{text-decoration:none;font-size:3vmin;padding:5px 10px;border-radius:8px;border:#aaa solid 2px;background:#333333b3;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease-in-out;transform-origin:left bottom}.control-container .control-btn.large{transform:scale(2);background:#ffdc51;color:#333}.control-container .control-btn.flicker{animation:flicker 1.2s infinite}.control-container.end{top:20%;left:50%;transform:translate(-50%);flex-direction:column}.control-container.end #reload{white-space:nowrap;background:#333;transform-origin:center;animation:popin-scale2 .7s ease-in-out forwards}.control-container.end #sound-switch{display:none}@keyframes popin-scale2{0%{transform:scale(0);opacity:0}80%{transform:scale(2.1);opacity:1}to{transform:scale(2);opacity:1}}.hidden{transform:scale(0)}