feat(#34): PWA instalável com cache do shell para Android

- vite-plugin-pwa com Workbox (generateSW, autoUpdate)
- manifest.webmanifest: standalone, theme #0a0418, ícones 192/512
- Service worker pré-cacheia 29 entradas (shell completo offline)
- Google Fonts cacheadas via CacheFirst (1 ano)
- Ícone pixel art Arcade Neon (SVG + PNGs gerados)
- Meta tags PWA e apple-touch-icon no index.html

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>

apps/web/public/pwa-icon.svg

@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <!-- Background: Arcade Neon dark purple -->
+  <rect width="512" height="512" rx="96" fill="#0a0418"/>
+
+  <!-- Coin glow (cyan outer ring) -->
+  <circle cx="256" cy="256" r="196" fill="none" stroke="#00f0ff" stroke-width="4" opacity="0.5"/>
+  <circle cx="256" cy="256" r="192" fill="none" stroke="#00f0ff" stroke-width="2" opacity="0.3"/>
+
+  <!-- Coin fill (gold) -->
+  <circle cx="256" cy="256" r="188" fill="#ffd84d"/>
+
+  <!-- Coin inner shadow ring -->
+  <circle cx="256" cy="256" r="188" fill="none" stroke="#a16207" stroke-width="8" opacity="0.4"/>
+
+  <!-- Pixel art "F" (dark on gold) — 32px pixel grid, 5×7, centered -->
+  <!-- Row 0: cols 0–4 (full top bar) -->
+  <rect x="176" y="144" width="32" height="32" fill="#150827"/>
+  <rect x="208" y="144" width="32" height="32" fill="#150827"/>
+  <rect x="240" y="144" width="32" height="32" fill="#150827"/>
+  <rect x="272" y="144" width="32" height="32" fill="#150827"/>
+  <rect x="304" y="144" width="32" height="32" fill="#150827"/>
+
+  <!-- Row 1: col 0 (left bar) -->
+  <rect x="176" y="176" width="32" height="32" fill="#150827"/>
+
+  <!-- Row 2: cols 0–3 (middle bar) -->
+  <rect x="176" y="208" width="32" height="32" fill="#150827"/>
+  <rect x="208" y="208" width="32" height="32" fill="#150827"/>
+  <rect x="240" y="208" width="32" height="32" fill="#150827"/>
+  <rect x="272" y="208" width="32" height="32" fill="#150827"/>
+
+  <!-- Row 3–6: col 0 (left bar continues) -->
+  <rect x="176" y="240" width="32" height="32" fill="#150827"/>
+  <rect x="176" y="272" width="32" height="32" fill="#150827"/>
+  <rect x="176" y="304" width="32" height="32" fill="#150827"/>
+  <rect x="176" y="336" width="32" height="32" fill="#150827"/>
+
+  <!-- Subtle cyan pixel accent dot (top-right of coin) -->
+  <rect x="374" y="116" width="8" height="8" fill="#00f0ff" opacity="0.8"/>
+  <rect x="382" y="108" width="8" height="8" fill="#00f0ff" opacity="0.5"/>
+</svg>