<!-- SOLIDIVISM · part 47 -->
e, dx: 0, dy: 0 };

  function setupInput() {
    window.addEventListener('keydown', e => keys[e.key.toLowerCase()] = true);
    window.addEventListener('keyup', e => keys[e.key.toLowerCase()] = false);
    
    const joyZone = document.getElementById('joystick');
    if (joyZone && 'ontouchstart' in window) {
      joyZone.style.display = 'block';
      joyZone.style.zIndex = '50';
      let touchId = null, startX = 0, startY = 0;
      joyZone.addEventListener('touchstart', e => {
        const t = e.changedTouches[0];
        touchId = t.identifier;
        startX = t.clientX; startY = t.clientY;
        joystick.active = true;
        e.preventDefault();
      }, { passive: false });
      joyZone.addEventListener('touchmove', e => {
        for (const t of e.changedTouches) {
          if (t.identifier === touchId) {
            joystick.dx = Math.max(-1, Math.min(1, (t.clientX - startX) / 50));
            joystick.dy = Math.max(-1, Math.min(1, (t.clientY - startY) / 50));
          }
        }
        e.preventDefault();
      }, { passive: false });
      joyZone.addEventListener('touchend', e => {
        for (const t of e.changedTouches) {
          if (t.identifier === touchId) {
            joystick.active = false;
            joystick.dx = 0; joystick.dy = 0;
          }
        }
      });
    }
  }

  // ── THE LOOP: Where solid meets visible ──
  function animate() {
    requestAnimationFrame(animate);
    
    // Movement
    let mx = 0, mz = 0;
    if (keys['w'] || keys['arrowup']) mz -= 1;
    if (keys['s'] || keys['arrowdown']) mz += 1;
    if (keys['a'] || keys['arrowleft']) mx -= 1;
    if (keys['d'] || keys['arrowright']) mx += 1;
    if (joystick.active) { mx += joystick.dx; mz += joystick.dy; }
    
    const len = Math.sqrt(mx * mx + mz * mz);
    if (len > 1) { mx /= len; mz /= len; }
    
    const speed = 8;
    tryMove(mx * speed * 0.016, mz * speed * 0.016);
    updateAvatar(0.016);
    
    // Camera follows
    const camTarget = new THREE.Vector3(
      player.position.x,
      player.position.y + 10,
      player.position.z + 18
    );
    camera.position.lerp(camTarget, 0.08);
    camera.lookAt(player.position.x, player.position.y + 2, player.position.z);
    
    // Render: the moment of truth
    renderer.render(scene, camera);
  }

  function onResize() {
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize(window.innerWidth, window.innerHeight);
  }

  // ── VIDEO CONTROL PANEL: Glass screen playing video in 3D ──
  // Wall-design preserved: panel uses solid wall construction with glass inset
  let videoPanel = null;

  function createVideoPanel(bx, bz, videoUrl, label) {
    const group = new THREE.Group();
    const W = 16, H = 10, D = 1;

    // Wall frame (solid, tactical texture) — the control panel body
    const tex = createTacticalTexture(label || 'VIDEO');
    const frameMat = new THREE.MeshStandardMaterial({
      map: tex, roughness: 0.5, metalness: 0.6,
      emissive: 0x330000, emissiveIntensity: 0.3, emissiveMap: tex,
      side: THREE.DoubleSide
    });

    // Frame: top, bottom, left, right bars around the screen
    const barH = new THREE.BoxGeometry(W, 1, D);
    const topBar = new THREE.Mesh(barH, frameMat);
    topBar.position.set(bx, H + 0.5, bz);
    group.add(topBar);
    const botBar = new THREE.Mesh(barH, frameMat);
    botBar.position.set(bx, 0.5, bz);
    group.add(botBar);

    const barV = new THREE.BoxGeometry(1, H, D);
    const leftBar = new THREE.Mesh(barV, frameMat);
    leftBar.position.set(bx - W/2 + 0.5, H/2 + 0.5, bz);
    group.add(leftBar);
    const rightBar = new THREE.Mesh(barV, frameMat);
    rightBar.position.set(bx + W/2 - 0.5, H/2 + 0.5, bz);
    group.add(rightBar);

    // Support posts (wall-design: solid posts)
    const postGeo = new THREE.BoxGeometry(1, H + 1, 1);
    const postL = new THREE.Mesh(postGeo, frameMat);
    postL.position.set(bx - W/2 + 0.5, (H+1)/2, bz - 1);
    group.add(postL);
    const postR = new THREE.Mesh(postGeo, frameMat);
    postR.position.set(bx + W/2 - 0.5, (H+1)/2, bz - 1);
    group.add(postR);

    // GLASS SCREEN: video texture on a plane
    const video = document.createElement('video');
    video.src = videoUrl;
    video.crossOrigin = 'anonymous';
    video.loop = true;
    video.muted = true;
    video.playsInline = true;
    video.play().catch(() => {});

    const vtex = new THREE.VideoTexture(video);
    vtex.minFilter = THREE.LinearFilter;
    vtex.magFilter = THREE.LinearFilter;

    const screenGeo = new THREE.PlaneGeometry(W - 2, H - 1);
    const screenMat = new THREE.MeshBasicMaterial({ map: vtex });
    const screen = new THREE.Mesh(screenGeo, screenMat);
    screen.position.set(bx, H/2 + 0.5, bz + 0.06);
    group.add(screen);

    // Glass overlay (subtle reflection)
    const glassGeo = new THREE.PlaneGeometry(W - 2, H - 1);
    const glassMat = new THREE.MeshStandardMater