fix(navegacao): foco em âncora de outra página, vitrine acessível e 3D mais leve

Foco cai no destino ao chegar de outra página; âncoras ignoram ?tipo=; movimento reduzido salta em todos os cliques; cronômetro da janela ampliada; degradê no topo de Projetos e legendas do mergulho com intervalos testados; vitrine acima da barra de cookies e com 2 paradas por projeto; reel-list.css no global; 3D montado em tarefas curtas, limitado a ~30 qps e estático com WebGL por software; pôsteres da vitrine de 330 para 158 KB; SC Plus regravado; scripts sem funções acima de complexidade 10.

lib/device.ts

@@ -51,3 +51,24 @@ export function isLowPowerDevice() {
     (typeof hints.deviceMemory === "number" && hints.deviceMemory <= 4)
   );
 }
+
+/** Nomes que os navegadores dão a um renderizador de WebGL que roda na CPU: SwiftShader (Chrome), llvmpipe (Mesa) e o Microsoft Basic Render Driver. */
+const SOFTWARE_RENDERER = /swiftshader|llvmpipe|basic render/i;
+
+/** O nome do renderizador (`UNMASKED_RENDERER_WEBGL`) é de um desenho por software? */
+export const isSoftwareRenderer = (name: string) =>
+  SOFTWARE_RENDERER.test(name);
+
+/**
+ * O contexto WebGL desenha na CPU (SwiftShader, llvmpipe, Basic Render)? Abre normalmente, mas a cena 3D sairia a
+ * poucos quadros por segundo. Sem a extensão `WEBGL_debug_renderer_info` (Firefox, Safari) não dá para saber, e o
+ * aparelho não conta contra si.
+ */
+export function isSoftwareWebGL(
+  context: WebGLRenderingContext | WebGL2RenderingContext,
+) {
+  const info = context.getExtension("WEBGL_debug_renderer_info");
+  if (!info) return false;
+  const renderer: unknown = context.getParameter(info.UNMASKED_RENDERER_WEBGL);
+  return typeof renderer === "string" && isSoftwareRenderer(renderer);
+}