diff --git a/dev-server.sh b/dev-server.sh
new file mode 100755
index 0000000..fe99114
--- /dev/null
+++ b/dev-server.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+PORT=${1:-3000}
+DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/plugin/contents/ui" && pwd)"
+
+echo "==> Serving $DIR on http://localhost:$PORT/dancer.html"
+echo "    Press Ctrl+C to stop."
+echo ""
+
+cd "$DIR"
+exec python3 -m http.server "$PORT"
diff --git a/plugin/contents/ui/dancer.html b/plugin/contents/ui/dancer.html
index 7eb03dd..c521641 100644
--- a/plugin/contents/ui/dancer.html
+++ b/plugin/contents/ui/dancer.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
 
 /* ============================================================
@@ -79,22 +80,22 @@ html, body {
   position: absolute;
   bottom: 0;
   left: -100%; right: -100%;
-  height: 110%;
+  height: 400%;
   transform: perspective(700px) rotateX(55deg);
   transform-origin: bottom center;
   background-image:
     repeating-linear-gradient(
       90deg,
       transparent 0,
-      transparent calc(5% - 1px),
-      rgba(0, 200, 255, 0.3) calc(5% - 1px),
+      transparent calc(5% - 2px),
+      rgba(0, 200, 255, 0.3) calc(5% - 2px),
       rgba(0, 200, 255, 0.3) 5%
     ),
     repeating-linear-gradient(
       0deg,
       transparent 0,
-      transparent 49px,
-      rgba(0, 200, 255, 0.2) 49px,
+      transparent 48px,
+      rgba(0, 200, 255, 0.2) 48px,
       rgba(0, 200, 255, 0.2) 50px
     );
   animation: gridScroll 0.833s linear infinite;
@@ -126,28 +127,6 @@ html, body {
   50%       { opacity: 1; }
 }
 
-/* ============================================================
-   TITLE
-   ============================================================ */
-.title {
-  position: absolute;
-  top: 4%;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #00eeff;
-  font-family: 'Courier New', monospace;
-  font-size: clamp(11px, 1.4vw, 22px);
-  letter-spacing: 10px;
-  white-space: nowrap;
-  text-shadow: 0 0 12px #00eeff, 0 0 40px rgba(0,180,255,0.7);
-  animation: titlePulse 1s ease-in-out infinite;
-  pointer-events: none;
-}
-@keyframes titlePulse {
-  0%, 100% { text-shadow: 0 0 12px #00eeff, 0 0 40px rgba(0,180,255,0.7); }
-  50%       { text-shadow: 0 0 22px #00eeff, 0 0 80px rgba(0,180,255,0.9), 0 0 120px rgba(0,150,255,0.4); }
-}
-
 /* ============================================================
    VU METER (moved up)
    ============================================================ */
@@ -745,9 +724,6 @@ html, body {
     <div class="floor"></div>
   </div>
 
-  <!-- Title -->
-  <div class="title">D A N C E B O T — 9 0 0 0</div>
-
   <!-- ===================== ROBOT ===================== -->
   <div class="robot-wrap">
     <div class="robot">
@@ -902,6 +878,15 @@ window.addEventListener('resize', resizeCanvas);
 resizeCanvas();
 requestAnimationFrame(drawStars);
 
+const floorEl = document.querySelector('.floor');
+function updateFloorPerspective() {
+  const p = Math.round(window.innerHeight * 1.05);
+  floorEl.style.transform = `perspective(${p}px) rotateX(55deg)`;
+}
+window.addEventListener('resize', updateFloorPerspective);
+updateFloorPerspective();
+
+
 /* ============================================================
    CHEST EQ BARS (JS-animated for smooth randomness)
    ============================================================ */
@@ -1044,6 +1029,28 @@ function nextDanceStyle() {
 // Start on default bounce
 document.body.setAttribute('data-dance', 'bounce');
 setInterval(nextDanceStyle, 8000);
+
+/* ============================================================
+   DEV SHIM — only active when served via HTTP (not from QML)
+   Simulates playerctl updates so the music ticker works in-browser.
+   ============================================================ */
+if (window.location.protocol !== 'file:' && !window.qt) {
+  const devTracks = [
+    ['Daft Punk', 'Get Lucky'],
+    ['Kavinsky', 'Nightcall'],
+    ['Justice', 'D.A.N.C.E.'],
+    ['M83', 'Midnight City'],
+    ['Chromatics', 'Shadow'],
+  ];
+  let devIdx = 0;
+  function devTick() {
+    const [artist, title] = devTracks[devIdx % devTracks.length];
+    updateMusic(artist, title);
+    devIdx++;
+  }
+  devTick();
+  setInterval(devTick, 5000);
+}
 </script>
 
 </body>
