*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:#17171a;color:#f2efe9;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;cursor:none;-webkit-user-select:none;user-select:none}.cursor{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:10;will-change:transform}.cursor__h,.cursor__v{position:absolute;background:#f2efe9;transition:background .15s}.cursor__h{width:40px;height:2px;left:-20px;top:-1px}.cursor__v{width:2px;height:40px;left:-1px;top:-20px}.cursor.is-pad .cursor__h,.cursor.is-pad .cursor__v{background:#5fd068}.cursor.is-pressed .cursor__h,.cursor.is-pressed .cursor__v{background:#ff6b4a}.mark{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid currentColor;border-radius:50%;pointer-events:none;animation:mark-in .3s ease-out}@keyframes mark-in{0%{transform:scale(3);opacity:0}}.hud{position:fixed;top:1rem;left:1rem;width:min(22rem,calc(100vw - 2rem));padding:1rem;border-radius:.5rem;background:#ffffff0d;font-size:.8125rem;font-variant-numeric:tabular-nums}.hud__row{display:flex;justify-content:space-between;gap:1rem}.hud__row span{color:#f2efe999}.hud__row strong{font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud__sticks{display:flex;gap:1rem;margin:.75rem 0}.stick{position:relative;width:64px;height:64px;border-radius:50%;border:1px solid rgba(242,239,233,.25)}.stick span{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#5fd068}.hud__buttons{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none}.hud__buttons li{min-width:1.75rem;padding:.125rem .25rem;border-radius:.25rem;background:#ffffff14;text-align:center;font-size:.6875rem}.hud__buttons li.is-on{background:#5fd068;color:#17171a}.hud__hint{margin-top:.75rem;color:#f2efe980;font-size:.75rem}