🚀 Auto-deploy: melhoria no snap e medição AR em 25/05/2026 18:01:14

src/pages/MeetingRoom.tsx

@@ -1389,7 +1389,7 @@ export default function MeetingRoom() {
                     <ambientLight intensity={0.8} />
                     <directionalLight position={[2, 3, 2]} intensity={1.5} />
                     <pointLight position={[0, 0.15, 0.2]} intensity={1} color={currentAvatar.color} />
-                    <MiiAvatar avatarId={selectedAvatar} username={name || 'Você'} position={[0, -0.04, 0]} isTalking={true} scale={0.6} inLobby={true} />
+                    <MiiAvatar avatarId={selectedAvatar} username={name || 'Você'} position={[0, -0.04, 0]} isTalking={true} scale={0.36} inLobby={true} />
                   </Canvas>
                 ) : (
                   <div className="flex flex-col items-center justify-center h-full w-full bg-slate-950/80 p-4 text-center">
@@ -1403,7 +1403,7 @@ export default function MeetingRoom() {
 
                 {/* Aviso se o avatar estiver em uso na sala */}
                 {isAvatarInUse && (
-                  <div className="absolute inset-0 bg-black/75 backdrop-blur-sm flex flex-col items-center justify-center text-center p-3 animate-in fade-in duration-200">
+                  <div className="absolute inset-0 bg-black/75 backdrop-blur-sm flex flex-col items-center justify-center text-center p-3 animate-in fade-in duration-200 z-30">
                     <ShieldAlert className="h-7 w-7 text-destructive animate-bounce mb-1" />
                     <span className="font-mono text-[10px] font-bold text-destructive uppercase tracking-wider">Avatar em Uso</span>
                     <span className="text-[9px] text-slate-300 mt-1 max-w-xs px-2 leading-snug">
@@ -1412,10 +1412,30 @@ export default function MeetingRoom() {
                   </div>
                 )}
 
-                <Button variant="ghost" size="icon" className="absolute left-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-10" onClick={prevAvatar}>
+                <Button 
+                  type="button"
+                  variant="ghost" 
+                  size="icon" 
+                  className="absolute left-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-40" 
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    prevAvatar();
+                  }}
+                >
                   <ChevronLeft className="h-4 w-4" />
                 </Button>
-                <Button variant="ghost" size="icon" className="absolute right-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-10" onClick={nextAvatar}>
+                <Button 
+                  type="button"
+                  variant="ghost" 
+                  size="icon" 
+                  className="absolute right-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-40" 
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    nextAvatar();
+                  }}
+                >
                   <ChevronRight className="h-4 w-4" />
                 </Button>
               </div>