: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}}.board{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;background:#0b0e0d;color:var(--tint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace}.board-header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #2a3330;background:#0d1110;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.board-title{color:var(--tint);font-weight:600}.board-status{color:var(--tint-dim);flex:1;font-variant-numeric:tabular-nums}.board-btn{appearance:none;background:#3c6e508c;border:1px solid var(--tint-dim);color:var(--tint);font-family:inherit;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;cursor:pointer;user-select:none}.board-btn:hover{background:#508c64b3}.board-btn:active{background:#64aa82d9}.board-textarea{flex:1;width:100%;border:none;outline:none;resize:none;background:#0b0e0d;color:#d4ecdd;font-family:inherit;font-size:14px;line-height:1.55;padding:18px 22px;caret-color:#93e0b1;tab-size:2}.board-textarea::placeholder{color:var(--tint-dim)}.board-textarea::selection{background:#508c6473}.board-footer{padding:8px 14px;border-top:1px solid #2a3330;background:#0d1110;color:var(--tint-dim);font-size:11px;letter-spacing:.04em;font-variant-numeric:tabular-nums}