.word {
  position: absolute;
  padding: 10px 22px;
  border-radius: 999px;
  color: #ffffff;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.25);
  font-size: 1.4rem;
  will-change: transform;
  cursor: grab;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.word:active {
  cursor: grabbing;
}

.word.wp {
  /* WordPress – bleu WordPress */
  background: #21759b;
  color: #ffffff;
}

.word.elementor {
  /* TypeScript – bleu TS */
  background: #f687f6;
  color: #ffffff;
}

.word.figma {
  /* Figma – vert/bleu Figma */
  background: #1abcfe;
  color: #ffffff;
}

.word.ux {
  /* UX – violet créatif */
  background: #7c3aed;
  color: #ffffff;
}

.word.ui {
  /* UI – rose vif */
  background: #ec4899;
  color: #ffffff;
}

.word.responsive {
  /* Responsive – bleu cyan */
  background: #06b6d4;
  color: #ffffff;
}

.word.mobil {
  /* Mobile – vert lime */
  background: #22c55e;
  color: #022c22;
}

.word.design {
  /* Design – orange chaleureux */
  background: #f97316;
  color: #111827;
}

.word.seo {
  /* SEO – vert “succès / croissance” */
  background: #fcff51;
  color: black;
}

#scene {
  border-radius: 10px;
}