@import"https://fonts.googleapis.com/css2?family=Bangers&family=Bebas+Neue&family=Tiny5&display=swap";html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.interface{position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}.interface .time{position:absolute;top:5%;left:0;width:100%;color:#fff;font-size:5vh;background:#1c1c1c46;padding:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.interface .restart{position:absolute;top:40%;left:50%;padding:10px;transform:translate(-50%);color:#fff;background:#0000004f;font-size:5vh;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:all}.controls{position:absolute;top:70%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;padding:10px;gap:10px}.row{display:flex;align-items:center;justify-content:center;gap:10px}.key{border:1px solid white;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#ffffff2b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:all;text-align:center;font-size:30px;cursor:pointer}.key-large{width:200px}.key-active{background:#ffffff91}