@media(prefers-reduced-motion:no-preference){.device-tilt-enabled :is(button,.btn,.hero-card,.globe-stage canvas){rotate:var(--device-axis-x,1) var(--device-axis-y,0) 0 var(--device-angle,0deg);transform-origin:center;translate:var(--device-shift-x,0px) var(--device-shift-y,0px)}.device-tilt-enabled .globe-stage canvas.is-dragging{rotate:none;translate:none}.device-tilt-enabled button:disabled{rotate:none;translate:none}}

@media(prefers-reduced-motion:no-preference){.device-tilt-enabled :is(button,.btn){translate:calc(var(--device-shift-x,0px) * .4) calc(var(--device-shift-y,0px) * .4)}}

/* Move each dock item as one unit, including the language div and its flag.
   Nested language buttons must not receive a second sensor transform. */
@media(max-width:820px) and (prefers-reduced-motion:no-preference){
 .device-tilt-enabled .mobile-dock > :is(button,.mobile-dock-language){
  rotate:calc(var(--device-axis-x,1) * var(--dock-motion-x,1)) calc(var(--device-axis-y,0) * var(--dock-motion-y,1)) 0 calc(var(--device-angle,0deg) * var(--dock-motion-strength,.7));
  translate:calc(var(--device-shift-x,0px) * var(--dock-motion-x,1) * var(--dock-motion-strength,.7) * .6) calc(var(--device-shift-y,0px) * var(--dock-motion-y,1) * var(--dock-motion-strength,.7) * .6);
  transform-origin:center;
 }
 .device-tilt-enabled .mobile-dock > * button{rotate:none;translate:none}
 .device-tilt-enabled .mobile-dock > :nth-child(1){--dock-motion-x:var(--dock-motion-1-x,1);--dock-motion-y:var(--dock-motion-1-y,1);--dock-motion-strength:var(--dock-motion-1-strength,.7)}
 .device-tilt-enabled .mobile-dock > :nth-child(2){--dock-motion-x:var(--dock-motion-2-x,1);--dock-motion-y:var(--dock-motion-2-y,1);--dock-motion-strength:var(--dock-motion-2-strength,.7)}
 .device-tilt-enabled .mobile-dock > :nth-child(3){--dock-motion-x:var(--dock-motion-3-x,1);--dock-motion-y:var(--dock-motion-3-y,1);--dock-motion-strength:var(--dock-motion-3-strength,.7)}
 .device-tilt-enabled .mobile-dock > :nth-child(4){--dock-motion-x:var(--dock-motion-4-x,1);--dock-motion-y:var(--dock-motion-4-y,1);--dock-motion-strength:var(--dock-motion-4-strength,.7)}
 .device-tilt-enabled .mobile-dock > :nth-child(5){--dock-motion-x:var(--dock-motion-5-x,1);--dock-motion-y:var(--dock-motion-5-y,1);--dock-motion-strength:var(--dock-motion-5-strength,.7)}
 .device-tilt-enabled .mobile-dock > :nth-child(6){--dock-motion-x:var(--dock-motion-6-x,1);--dock-motion-y:var(--dock-motion-6-y,1);--dock-motion-strength:var(--dock-motion-6-strength,.7)}
}