Implement DAS/ARR for smooth horizontal piece movement

public/css/style.css

@@ -337,6 +337,38 @@ button:active {
   border: 1px solid #333;
   background: #000;
 }
+
+/* Zone meter styling */
+.zone-info {
+  font-size: 0.5rem !important;
+  gap: 8px;
+  justify-content: center;
+  padding: 8px 5px !important;
+}
+
+.zone-meter-bar {
+  display: inline-block;
+  width: 100px;
+  height: 12px;
+  border: 1px solid #0ff;
+  background: #000;
+  position: relative;
+  overflow: hidden;
+}
+
+.zone-meter-fill {
+  display: block;
+  height: 100%;
+  background: linear-gradient(90deg, #00ff00, #ffff00, #ff6600);
+  width: 0%;
+  transition: width 0.1s ease;
+}
+
+.zone-status {
+  color: #fff;
+  font-size: 0.45rem;
+}
+
 }
 
 #game-header {
@@ -554,6 +586,19 @@ button:active {
   font-size: 0.9rem;
 }
 
+.touch-btn.zone-btn {
+  background: #8800ff;
+  border-color: #8800ff;
+  font-size: 0.9rem;
+}
+
+.touch-btn.zone-btn:disabled {
+  background: #440088;
+  border-color: #440088;
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 /* Show touch controls on mobile only */
 @media (max-width: 768px) and (hover: none) {
   #touch-controls {