#arrows,#game,.button{position:fixed}body{font-family:sans-serif;margin:0}*{user-select:none}#arrows span,.button{text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none}#warning-message{display:none}@media only screen and (max-device-width:480px) and (orientation:portrait){#game,.menu{display:none}#warning-message{display:block}}@media only screen and (max-device-width:480px) and (orientation:landscape){#warning-message{display:none}}#game{top:0;right:0;bottom:0;left:0}.hit{background:radial-gradient(#f42c2c,#e01e1e,#561111);right:25px;bottom:100px}.hit.clicked{background:radial-gradient(#fe5454,#ea3232,#602525)}.powerup{background:radial-gradient(#f4f418,#e0e014,#7e7e11);right:100px;bottom:25px}.powerup.clicked{background:radial-gradient(#fefe40,#eaea28,#929225)}.key{border:1px outset #ddd;border-radius:2px;padding:2px;box-shadow:1px 1px #222}#arrows{bottom:2vh;left:2vw}.blue{color:#77f;text-shadow:0 0 3px #223}.red{color:#f77;text-shadow:0 0 3px #322}.button{width:80px;height:80px;border-radius:40px;box-shadow:3px 3px 6px rgba(0,0,0,.5);line-height:80px;font-size:18px;color:#fff;text-shadow:0 0 3px #222}.clicked{box-shadow:1px 1px 2px rgba(0,0,0,.8);transform:translate(2px,2px);font-weight:700}#arrows span{display:inline-block;border:2px outset rgba(125,125,125,.6);text-shadow:0 0 2px #222;border-radius:3px;background:linear-gradient(#e0e0e0,#ccc,#7e7e7e);box-shadow:3px 3px 6px rgba(0,0,0,.5);margin:1px;font-size:24px;color:#ffb}#arrows div{padding:3px}.hidden{visibility:hidden}.w1{width:2vw}.w2{width:8vw}.w3{width:5vw}.h2{height:10vh;line-height:10vh}.menu{transition:opacity 1s ease-in-out;position:absolute;top:10%;left:30%;text-align:center;line-height:1.3vw;font-size:1.2vw;background:rgba(120,120,120,.8);border:1px solid #ddf;border-radius:20px;width:40%;color:#fff;opacity:0}#dialogBtFunc,.menu button{background:linear-gradient(#e0e0e0,#ccc,#7e7e7e)}#dialog,#messageBox{left:50%;text-align:center}.menu button{box-shadow:1px 1px 2px rgba(0,0,0,.5);border:2px outset rgba(125,125,125,.6);border-radius:3px}#start{padding:10px 20px;margin:20px;cursor:not-allowed;font-size:1.6vw}#dialogBtFunc{font-size:1.6vw;border:1px outset rgba(125,125,125,.6);border-radius:3px;display:inline-block;margin-top:10px;padding:5px 10px}#dialogBtFunc,#start:enabled,.menu button:enabled{box-shadow:3px 3px 6px rgba(0,0,0,.5);cursor:pointer}#arrows span.clicked,#arrows span:hover,#dialogBtFunc:hover,.menu button:hover:enabled{background:linear-gradient(#f4f4e0,#e0e0cc,#a6a64c);color:#fff;text-shadow:0 0 2px #222}#messageBox{padding:2px 5px;position:fixed;pointer-events:none;bottom:0;width:300px;margin-left:-150px}#messageBox div{background:rgba(0,0,0,.5);color:#fff;text-shadow:0 0 2px #222}.game{transition:opacity .25s ease-in-out}.inmenu{opacity:1}.game.hide{opacity:.1}#dialog{position:absolute;top:50%;margin-left:-200px;margin-top:-150px;width:400px;padding:6px;border:1px solid #DDD;background:#BBD;font-size:14px;color:#333;border-radius:3px;box-shadow:3px 3px 6px rgba(0,0,0,.5)}li{margin-top:5px}#dialogTitle{font-size:20px;line-height:30px;color:#EEE;background:#888;margin:-6px -6px 0;border-bottom:2px solid #DDD}#dialogContent{padding:10px;max-height:300px;overflow-y:auto;border-bottom:1px solid #CCC}#dialog input{width:100%;border:1px solid #888;background:#FFF;font-size:20px}