.elementor-5981 .elementor-element.elementor-element-56b6d71{--display:flex;}.elementor-5981 .elementor-element.elementor-element-4e3d108{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS */.wrap { display: grid; gap: 16px; max-width: 980px; margin: 0 auto; }
  .stage {
    width: var(--size);
    aspect-ratio: 1/1;
    position: relative;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
    overflow: hidden;
    touch-action: none; /* important pour drag tactile */
    user-select: none;
  }
  .disk {
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: 50% 50%;
  }
  /* Ordre : bottom en dessous, middle, top au-dessus */
  #bottom { background-image: url("https://sna.international/wp-content/uploads/2026/02/bottom.png"); }
  #middle { background-image: url("https://sna.international/wp-content/uploads/2026/02/middle.png"); }
  #top    { background-image: url("https://sna.international/wp-content/uploads/2026/02/top.png"); }

  .hud {
    display: grid;
    gap: 8px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    padding: 12px;
  }
  .row { display:flex; flex-wrap: wrap; gap: 10px; align-items: center; }
  button {
    background: rgba(255,255,255,.10);
    color:#e5e7eb;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    padding: 8px 12px;
    cursor: pointer;
  }
  button:hover { background: rgba(255,255,255,.14); }
  .pill { padding: 6px 10px; border-radius: 999px; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.10); }
  .hint { opacity:.85; font-size: 14px; line-height: 1.3; }/* End custom CSS */