fix: fix CPU issue in dot animations

[khaosdoctor]

Problem: The Brazil flag dot canvas was causing high GPU usage (59%+) and page-wide hangs due to three issues in canvas.ts:

1. All 7,672 dots were submitted to the canvas 2D API every frame, even dots not yet visible (progress === 0)
2. Each dot used roundRect + fill — complex GPU path rasterization — instead of a simple fillRect primitive
3. The canvas was sized with devicePixelRatio multiplied on top of an already CSS-scaled element (scale(1.5)), inflating the texture to ~4× the visible area on Retina displays

Changes: Skip invisible dots before drawing, replace roundRect with fillRect, and remove the devicePixelRatio multiplier from canvas sizing.

[wellwelwel]

Testei localmente, mas mudou muito o esquema da animação para algo mais engessado de certa forma. Sobre pular os que não estão visíveis, a ideia é legal, mas é típico da IA mexer em mais coisas do que precisa. Acredito que a mudança de cálculo com a remoção do arredondamento fez a animação apenas "mostrar" vs. "não mostrar" ao invés de ter uma suavidade, mesmo que discreta.

Em termos artísticos, eu diria que essa mudança da IA tirou totalmente a alma da animação, mesmo que pareça bastante com a ideia original.

[khaosdoctor]

Na verdade eu testei só com a remoção da visibilidade e o problema continuou. O que resolveu foi remover o cálculo de pixel resolution mesmo