body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}canvas{width:100vw;height:100vh;touch-action:none}.htmlScreen iframe{width:1024px;height:670px;border:none;border-radius:20px;background:#000000}.interface{position:fixed;top:0;left: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}.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}.controls{position:absolute;bottom:10%;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}