:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:#e8e8e8;overflow:hidden}#app{position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#arrow-mode-toggle,#playfield-mode-toggle,#mouse-mode-toggle{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10101047;border-radius:999px;gap:4px;padding:4px;display:flex;position:absolute;left:16px}#arrow-mode-toggle{top:16px}#playfield-mode-toggle{top:62px}#mouse-mode-toggle{top:108px}.arrow-mode-button,.playfield-mode-button,.mouse-mode-button{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:grid}.arrow-mode-button:hover,.arrow-mode-button[aria-pressed=true],.playfield-mode-button:hover,.playfield-mode-button[aria-pressed=true],.mouse-mode-button:hover,.mouse-mode-button[aria-pressed=true]{color:#fffffff2;background:#fff3}.arrow-mode-button svg,.playfield-mode-button svg,.mouse-mode-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}#fps-counter{z-index:10;color:#ffffffe0;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10101047;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;position:absolute;bottom:16px;left:16px}