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