body {
    font-family: 'Minecraft', sans-serif;
    background-color: #ffe88e;
    background-image:
      linear-gradient(45deg, rgba(0,0,0,0.08) 25%, transparent 25%),
      linear-gradient(-45deg, rgba(0,0,0,0.08) 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, rgba(0,0,0,0.08) 75%),
      linear-gradient(-45deg, transparent 75%, rgba(0,0,0,0.08) 75%);
    background-size: 40px 40px;
    background-position: 0 0, 0 20px, 20px -20px, -20px 0px;
    color: #3a2f1b;
  }

  input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
  }

  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #8b5a2b;
    height: 14px;
    width: 14px;
    border-radius: 2px;
    cursor: pointer;
  }

  input[type="range"]::-moz-range-thumb {
    background: #8b5a2b;
    height: 14px;
    width: 14px;
    border-radius: 2px;
    cursor: pointer;
    border: none;
  }

  /* Bouton style menu Minecraft */
  .minecraft-button {
    background: linear-gradient(#cfa86a, #a37b45);
    border: 4px solid #5a3e1f;
    border-radius: 6px;
    box-shadow:
      inset 0 0 0 2px #e6c78a,
      0 6px 0 #5a3e1f,
      0 10px 15px rgba(0,0,0,0.25);
    color: #2b1c0f;
    text-shadow: 1px 1px #f5e6b3;
    padding: 12px 20px;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.05s ease, box-shadow 0.05s ease;
  }

  .minecraft-button:hover {
    background: linear-gradient(#e1bc7b, #b68b52);
  }

  .minecraft-button:active {
    transform: translateY(4px);
    box-shadow:
      inset 0 0 0 2px #c9a25f,
      0 2px 0 #5a3e1f,
      0 6px 10px rgba(0,0,0,0.25);
  }

  /* Cartes (grands carrés) */
  .ui-card {
    background: rgba(255, 232, 142, 0.92);
    border: 3px solid #8b5a2b;
    border-radius: 18px;
    box-shadow:
      0 8px 0 #5a3e1f,
      0 14px 25px rgba(0,0,0,0.25);
  }

  /* Titre principal */
  .ui-title {
    color: #5a3e1f;
    text-shadow:
      2px 2px 0 #f5e6b3,
      4px 4px 0 #c9a25f;
  }

  /* Titre vidéo */
  .ui-video-title {
    color: #5a3e1f;
    text-shadow:
      2px 2px 0 #f5e6b3,
      4px 4px 0 #c9a25f;
  }

  .ui-subtitle {
    color: #7a5a2b;
  }

  /* Boutons player */
  .ui-control-btn {
    background: linear-gradient(#cfa86a, #a37b45);
    border: 3px solid #5a3e1f;
    border-radius: 6px;
    box-shadow:
      inset 0 0 0 2px #e6c78a,
      0 4px 0 #5a3e1f,
      0 8px 15px rgba(0,0,0,0.25);
    color: #2b1c0f;
  }

  .ui-control-btn:hover {
    background: linear-gradient(#e1bc7b, #b68b52);
  }

  /* Sélecteur qualité */
  .ui-select {
    background: rgba(255, 232, 142, 0.95);
    border: 3px solid #8b5a2b;
    color: #3a2f1b;
    box-shadow:
      0 3px 0 #5a3e1f,
      0 6px 10px rgba(0,0,0,0.25);
  }

  /* Barre d’upload */
  .ui-progress {
    background: #e6c78a;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
  }

  .ui-progress-fill {
    background: #8b5a2b;
  }

  /* Bandeau synchro */
  .ui-sync {
    background: rgba(139, 90, 43, 0.18);
    border: 3px solid #8b5a2b;
    color: #5a3e1f;
    box-shadow:
      0 4px 0 #5a3e1f,
      0 8px 15px rgba(0,0,0,0.25);
  }