html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:lightskyblue}canvas{touch-action:none}.label>div{font-family:Helvetica,Arial;position:absolute;background:#00000088;color:#fff;padding:15px;white-space:nowrap;overflow:hidden;border-radius:30px;-webkit-user-select:none;user-select:none}.htmlScreen iframe{width:1024px;height:670px;border:none;border-radius:20px;background:#000000}.interface{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;font-family:Bebas Neue,cursive}.time{position:absolute;top:15%;left:0;width:100%;color:#fff;font-size:6vh;background:#00000033;padding-top:5px;text-align:center;-webkit-user-select:none;user-select:none}.restart{display:flex;justify-content:center;position:absolute;top:40%;left:0;width:100%;color:#fff;font-size:80px;background:#00000033;padding-top:10px;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.controls{position:absolute;bottom:20%;left:0;width:100%}.controls .raw{display:flex;justify-content:center}.controls .key{width:40px;height:40px;margin:4px;border:2px solid #FFFFFF;background:#FFFFFF44}.controls .key.large{width:144px}.controls .key.active{background:#FFFFFF99}