:root{color-scheme:dark;--tint: #c8e8d4;--tint-dim: #5a8870;--bg: #050807}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;color:var(--tint);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none}.canvas-host{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.canvas-host canvas{display:block;width:100%;height:100%}.hint{position:absolute;top:12px;left:12px;font-size:11px;letter-spacing:.05em;color:var(--tint-dim);pointer-events:none;text-transform:uppercase}.fps{position:absolute;top:12px;right:12px;font-size:11px;letter-spacing:.05em;color:var(--tint-dim);pointer-events:none;text-transform:uppercase;font-variant-numeric:tabular-nums}.stick{position:absolute;bottom:28px;left:28px;width:148px;height:148px;border-radius:50%;background:#141c1873;border:1px solid var(--tint-dim);touch-action:none;z-index:10;user-select:none;-webkit-user-select:none}.stick-thumb{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;border-radius:50%;background:#3c6e50d9;border:1px solid var(--tint);pointer-events:none;will-change:transform}@media(hover:hover)and (pointer:fine){.stick{opacity:.45}.stick:hover{opacity:.75}}