html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#1d1d1f;cursor:none}.interface{z-index:1;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;font-family:Bebas Neue,cursive;font-size:48px}.stop-watch{display:flex;align-items:center;justify-content:center;position:absolute;color:#fafaf6;top:10%;left:50%;transform:translate(-50%,-50%);border-radius:.8rem;background:rgba(0,0,0,.8);padding:1rem 2rem}.restart{display:flex;align-items:center;justify-content:center;position:absolute;color:#fafaf6;font-size:64px;-webkit-user-select:none;user-select:none;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.8rem;background:rgba(0,0,0,.8);padding:1rem 2rem;transition:all .2s ease-out;pointer-events:auto}.restart:hover{background:rgba(0,0,0,1);color:#ffd074}.controls{position:absolute;bottom:2.5%;left:50%;transform:translate(-50%) scale(.8)}.controls .raw{display:flex;justify-content:center}.controls .key{width:4rem;height:4rem;margin:.4rem;border:.2rem solid #fafaf6;background:#fafaf644;border-radius:.4rem;transition:all .1s ease-out}.controls .key.large{width:14.3rem}.controls .key.active{border:.2rem solid #ffd074;background:#ffd07466}.cursor{position:absolute;z-index:1000}.cursor *{position:absolute;left:-.5rem;top:-.4rem}.cursor #default{opacity:1}.cursor #down{opacity:0}