*{box-sizing:border-box;margin:0;padding:0}:root,main{touch-action:none;background-color:#000;width:100dvw;height:100dvh;font-family:monospace;overflow:hidden}main{color:#f2eff3;text-shadow:0 0 2px #261f29cc;position:relative}.canvas{animation:4s ease-in-out forwards fade-in}@keyframes fade-in{0%{opacity:0}75%{opacity:0}to{opacity:1}}.controls-container{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px}.controls{flex-direction:column;gap:12px;display:flex}.controls .key-group{gap:4px;display:flex}.controls p{margin-bottom:4px;font-size:14px}.controls span{font-size:16px}.key{background-color:#261f2980;border:2px solid #261f29;border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-width:32px;height:32px;padding:8px;display:flex}.key span{font-size:20px;font-weight:700}.mobile-hint{margin-top:16px}.mobile-hint>.hint-text{opacity:.6;margin-top:4px;font-size:12px}.target-count{text-align:right;z-index:10;position:absolute;top:12px;right:12px}.target-count>p{font-size:16px}.target-count>span{font-size:40px;font-weight:700}.reset-container{z-index:10;position:absolute;bottom:12px;left:12px}.button{cursor:pointer;color:#f2eff3;text-shadow:0 0 2px #261f29cc;background-color:#261f2980;border:2px solid #261f29;border-radius:8px;padding:8px 16px;font-family:monospace;font-weight:700}.button.-large{font-size:24px}.button:hover{background-color:#261f29cc}.button-container{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}