Fix rabbit ear clipping: remove will-change that creates stale compositing layer

will-change: left, bottom created a fixed-size compositing layer (30×30px)
based on the initial layout box. When sizeBoost scaled the rabbit larger via
CSS transform, the ears extending beyond this cached layer were clipped.
Hovering triggered a filter transition that forced a layer recomputation,
which is why ears appeared correctly on hover but not during normal animation.

Removing will-change lets the browser repaint with correct bounds each frame.
Also reverts the unnecessary headroom increase from the previous attempt.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: 2 people

docs/.vitepress/components/PixelRobots.vue

@@ -164,7 +164,7 @@ function measureGround() {
   const footer = document.querySelector('.VPFooter')
   if (footer && container.value) {
     const h = footer.offsetHeight
-    const sh = h + 200
+    const sh = h + 160
     container.value.style.height = sh + 'px'
     container.value.style.marginTop = -sh + 'px'
     groundY.value = h
@@ -313,7 +313,7 @@ function initScene() {
     : 10 + Math.floor(Math.random() * 5)
   clouds.value = Array.from({ length: clCount }, (_, ci) => ({
     x: Math.random() * (w + 60) - 30,
-    y: 55 + Math.random() * 70,
+    y: 45 + Math.random() * 50,
     speed: 0.04 + Math.random() * 0.08,
     scale: 0.55 + Math.random() * 0.65,
     opacity: wt === 'clear' ? 0.25 + Math.random() * 0.15
@@ -330,7 +330,7 @@ function initScene() {
     const bright = Math.random()
     return {
       x: Math.random() * w,
-      y: 60 + Math.random() * 135,
+      y: 50 + Math.random() * 105,
       r: 0.3 + bright * 0.9,
       delay: Math.random() * 5,
       duration: 1.8 + Math.random() * 3,
@@ -1735,8 +1735,8 @@ function svgFilter(r) {
 .scene-strip {
   position: relative;
   width: 100%;
-  height: 240px;
-  margin-top: -240px;
+  height: 200px;
+  margin-top: -200px;
   z-index: 11;
   user-select: none;
   touch-action: none;
@@ -1836,7 +1836,6 @@ function svgFilter(r) {
   transform: translateX(-15px);
   pointer-events: auto;
   transition: filter 0.2s ease;
-  will-change: left, bottom;
   filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
   z-index: 6;
 }