/**
 * PlayAwale — Les dispositions de graines personnalisées
 * -----------------------------------------------------------------------------
 * FICHIER GÉNÉRÉ PAR tools/seed_layouts.js — ne pas le modifier à la main :
 * relancer « node tools/seed_layouts.js ». Voir la documentation, section 61.
 *
 * Chaque disposition s'applique sous la classe « seeds-layout--<nom> », avec
 * « seeds-shown--<mot> » (le nombre de graines visibles) sur le même élément :
 * <body> pour le joueur connecté qui l'a choisie (inc/partials/head.php), ou
 * l'aperçu de « Mon profil ». Sans classe : la disposition classique de
 * components/board.css. Elle ne change que l'écran de qui l'a choisie.
 *
 * @package   PlayAwale
 * @version   2.0
 */

/* =============================================================================
   NOMBRES — pas de graines, le nombre en grand au milieu du trou
   ============================================================================= */

.seeds-layout--numbers .hole .seeds {
  display: none;
}

.seeds-layout--numbers .hole .seed-count,
.seeds-layout--numbers .hole.is-crowded .seed-count,
.seeds-layout--numbers .hole:hover .seed-count {
  display: grid;
  place-items: center;
  inset: 0;
  min-width: 0;
  padding: 0;
  background: none;
  color: var(--seed-number-color, #ffd54f);
  box-shadow: none;
  font-size: calc(var(--hole-size) * 0.36);
  text-shadow: 0 calc(var(--hole-size) * 0.015) calc(var(--hole-size) * 0.04) rgba(0, 0, 0, 0.65);
  pointer-events: none;
}

/* Un trou vide dit « 0 », mais plus discrètement. */
.seeds-layout--numbers .hole:has(.seeds--n0) .seed-count {
  opacity: 0.35;
}

/* =============================================================================
   CERCLE — des anneaux concentriques, selon le nombre de graines
   ============================================================================= */

/* ---- 12 graines visibles ---- */

.seeds-layout--circle.seeds-shown--twelve .hole {
  --seed-size: max(5px, calc(var(--hole-size) * 0.15));
}

.seeds-layout--circle.seeds-shown--twelve .hole .seeds {
  display: block;
  padding: 0;
}

.seeds-layout--circle.seeds-shown--twelve .hole .seed {
  position: absolute;
  background: var(--seed-pretty, radial-gradient(circle at 34% 30%, #fffbe3 0 7%, #ffe07a 20%, #f8b624 56%, #c27700 100%));
  box-shadow:
    inset 0 calc(var(--seed-size) * -0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.3),
    0 calc(var(--seed-size) * 0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.45);
}

/* 12 graines au plus : les suivantes se cachent, la pastille dit le compte. */
.seeds-layout--circle.seeds-shown--twelve .hole .seed:nth-child(n + 13) {
  display: none;
}

.seeds-layout--circle.seeds-shown--twelve .hole:has(.seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed-count {
  display: block;
}

.seeds-layout--circle.seeds-shown--twelve .seeds--n1 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n2 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0707 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0707 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n2 .seed--i2 { left: calc(50% - var(--hole-size) * 0.0707 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0707 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n3 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1100 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n3 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0953 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0550 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n3 .seed--i3 { left: calc(50% - var(--hole-size) * 0.0953 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0550 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n4 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1500 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n4 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1500 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n4 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1500 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n4 .seed--i4 { left: calc(50% - var(--hole-size) * 0.1500 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n5 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1600 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n5 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1522 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0494 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n5 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0940 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1294 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n5 .seed--i4 { left: calc(50% - var(--hole-size) * 0.0940 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1294 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n5 .seed--i5 { left: calc(50% - var(--hole-size) * 0.1522 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0494 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n6 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1800 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n6 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1559 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0900 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n6 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1559 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0900 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n6 .seed--i4 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1800 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n6 .seed--i5 { left: calc(50% - var(--hole-size) * 0.1559 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0900 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n6 .seed--i6 { left: calc(50% - var(--hole-size) * 0.1559 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0900 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n7 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n7 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2300 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n7 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1992 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1150 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n7 .seed--i4 { left: calc(50% + var(--hole-size) * 0.1992 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1150 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n7 .seed--i5 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2300 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n7 .seed--i6 { left: calc(50% - var(--hole-size) * 0.1992 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1150 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n7 .seed--i7 { left: calc(50% - var(--hole-size) * 0.1992 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1150 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2300 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1798 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1434 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i4 { left: calc(50% + var(--hole-size) * 0.2242 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0512 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i5 { left: calc(50% + var(--hole-size) * 0.0998 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2072 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i6 { left: calc(50% - var(--hole-size) * 0.0998 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2072 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i7 { left: calc(50% - var(--hole-size) * 0.2242 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0512 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n8 .seed--i8 { left: calc(50% - var(--hole-size) * 0.1798 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1434 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2300 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1626 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1626 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i4 { left: calc(50% + var(--hole-size) * 0.2300 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i5 { left: calc(50% + var(--hole-size) * 0.1626 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1626 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i6 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2300 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i7 { left: calc(50% - var(--hole-size) * 0.1626 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1626 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i8 { left: calc(50% - var(--hole-size) * 0.2300 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n9 .seed--i9 { left: calc(50% - var(--hole-size) * 0.1626 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1626 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i1 { left: calc(50% + var(--hole-size) * 0.1212 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0700 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1400 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i3 { left: calc(50% - var(--hole-size) * 0.1212 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0700 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i4 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3200 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i5 { left: calc(50% + var(--hole-size) * 0.2502 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1995 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i6 { left: calc(50% + var(--hole-size) * 0.3120 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0712 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i7 { left: calc(50% + var(--hole-size) * 0.1388 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2883 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i8 { left: calc(50% - var(--hole-size) * 0.1388 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2883 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i9 { left: calc(50% - var(--hole-size) * 0.3120 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0712 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n10 .seed--i10 { left: calc(50% - var(--hole-size) * 0.2502 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1995 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i3 { left: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i4 { left: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i5 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3200 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i6 { left: calc(50% + var(--hole-size) * 0.2502 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1995 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i7 { left: calc(50% + var(--hole-size) * 0.3120 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0712 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i8 { left: calc(50% + var(--hole-size) * 0.1388 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2883 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i9 { left: calc(50% - var(--hole-size) * 0.1388 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2883 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i10 { left: calc(50% - var(--hole-size) * 0.3120 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0712 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve .seeds--n11 .seed--i11 { left: calc(50% - var(--hole-size) * 0.2502 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1995 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i1 { left: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i2 { left: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i3 { left: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i4 { left: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0990 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i5 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3200 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i6 { left: calc(50% + var(--hole-size) * 0.2263 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2263 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i7 { left: calc(50% + var(--hole-size) * 0.3200 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i8 { left: calc(50% + var(--hole-size) * 0.2263 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2263 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i9 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.3200 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i10 { left: calc(50% - var(--hole-size) * 0.2263 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2263 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i11 { left: calc(50% - var(--hole-size) * 0.3200 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--twelve :is(.seeds--n12, .seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed--i12 { left: calc(50% - var(--hole-size) * 0.2263 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2263 - var(--seed-size) / 2); }

/* ---- 16 graines visibles ---- */

.seeds-layout--circle.seeds-shown--sixteen .hole {
  --seed-size: max(5px, calc(var(--hole-size) * 0.12));
}

.seeds-layout--circle.seeds-shown--sixteen .hole .seeds {
  display: block;
  padding: 0;
}

.seeds-layout--circle.seeds-shown--sixteen .hole .seed {
  position: absolute;
  background: var(--seed-pretty, radial-gradient(circle at 34% 30%, #fffbe3 0 7%, #ffe07a 20%, #f8b624 56%, #c27700 100%));
  box-shadow:
    inset 0 calc(var(--seed-size) * -0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.3),
    0 calc(var(--seed-size) * 0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.45);
}

.seeds-layout--circle.seeds-shown--sixteen .seeds--n1 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n2 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0566 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0566 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n2 .seed--i2 { left: calc(50% - var(--hole-size) * 0.0566 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0566 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n3 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0880 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n3 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0762 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0440 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n3 .seed--i3 { left: calc(50% - var(--hole-size) * 0.0762 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0440 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n4 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1200 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n4 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1200 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n4 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1200 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n4 .seed--i4 { left: calc(50% - var(--hole-size) * 0.1200 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n5 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1280 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n5 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1217 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0396 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n5 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0752 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1036 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n5 .seed--i4 { left: calc(50% - var(--hole-size) * 0.0752 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1036 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n5 .seed--i5 { left: calc(50% - var(--hole-size) * 0.1217 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0396 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n6 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1440 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n6 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1247 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0720 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n6 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1247 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0720 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n6 .seed--i4 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1440 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n6 .seed--i5 { left: calc(50% - var(--hole-size) * 0.1247 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0720 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n6 .seed--i6 { left: calc(50% - var(--hole-size) * 0.1247 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0720 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n7 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n7 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1840 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n7 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1593 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0920 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n7 .seed--i4 { left: calc(50% + var(--hole-size) * 0.1593 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0920 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n7 .seed--i5 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1840 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n7 .seed--i6 { left: calc(50% - var(--hole-size) * 0.1593 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0920 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n7 .seed--i7 { left: calc(50% - var(--hole-size) * 0.1593 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0920 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1840 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1439 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1147 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i4 { left: calc(50% + var(--hole-size) * 0.1794 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0409 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i5 { left: calc(50% + var(--hole-size) * 0.0798 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1658 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i6 { left: calc(50% - var(--hole-size) * 0.0798 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1658 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i7 { left: calc(50% - var(--hole-size) * 0.1794 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0409 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n8 .seed--i8 { left: calc(50% - var(--hole-size) * 0.1439 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1147 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1840 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i3 { left: calc(50% + var(--hole-size) * 0.1301 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1301 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i4 { left: calc(50% + var(--hole-size) * 0.1840 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i5 { left: calc(50% + var(--hole-size) * 0.1301 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1301 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i6 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1840 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i7 { left: calc(50% - var(--hole-size) * 0.1301 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1301 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i8 { left: calc(50% - var(--hole-size) * 0.1840 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n9 .seed--i9 { left: calc(50% - var(--hole-size) * 0.1301 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1301 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0970 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0560 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1120 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i3 { left: calc(50% - var(--hole-size) * 0.0970 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0560 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i4 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2560 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i5 { left: calc(50% + var(--hole-size) * 0.2001 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1596 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i6 { left: calc(50% + var(--hole-size) * 0.2496 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0570 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i7 { left: calc(50% + var(--hole-size) * 0.1111 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2306 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i8 { left: calc(50% - var(--hole-size) * 0.1111 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2306 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i9 { left: calc(50% - var(--hole-size) * 0.2496 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0570 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n10 .seed--i10 { left: calc(50% - var(--hole-size) * 0.2001 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1596 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i3 { left: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i4 { left: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i5 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2560 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i6 { left: calc(50% + var(--hole-size) * 0.2001 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1596 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i7 { left: calc(50% + var(--hole-size) * 0.2496 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0570 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i8 { left: calc(50% + var(--hole-size) * 0.1111 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2306 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i9 { left: calc(50% - var(--hole-size) * 0.1111 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2306 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i10 { left: calc(50% - var(--hole-size) * 0.2496 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0570 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n11 .seed--i11 { left: calc(50% - var(--hole-size) * 0.2001 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1596 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i2 { left: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i3 { left: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i4 { left: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0792 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i5 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2560 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i6 { left: calc(50% + var(--hole-size) * 0.1810 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1810 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i7 { left: calc(50% + var(--hole-size) * 0.2560 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i8 { left: calc(50% + var(--hole-size) * 0.1810 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1810 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i9 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2560 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i10 { left: calc(50% - var(--hole-size) * 0.1810 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1810 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i11 { left: calc(50% - var(--hole-size) * 0.2560 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n12 .seed--i12 { left: calc(50% - var(--hole-size) * 0.1810 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1810 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0846 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1165 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1370 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0445 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1440 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i4 { left: calc(50% - var(--hole-size) * 0.1370 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0445 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i5 { left: calc(50% - var(--hole-size) * 0.0846 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1165 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i6 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2960 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i7 { left: calc(50% + var(--hole-size) * 0.2093 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2093 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i8 { left: calc(50% + var(--hole-size) * 0.2960 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i9 { left: calc(50% + var(--hole-size) * 0.2093 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2093 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i10 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2960 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i11 { left: calc(50% - var(--hole-size) * 0.2093 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2093 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i12 { left: calc(50% - var(--hole-size) * 0.2960 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n13 .seed--i13 { left: calc(50% - var(--hole-size) * 0.2093 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2093 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0846 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1165 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1370 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0445 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1440 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i4 { left: calc(50% - var(--hole-size) * 0.1370 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0445 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i5 { left: calc(50% - var(--hole-size) * 0.0846 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1165 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i6 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2960 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i7 { left: calc(50% + var(--hole-size) * 0.1903 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2267 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i8 { left: calc(50% + var(--hole-size) * 0.2915 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0514 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i9 { left: calc(50% + var(--hole-size) * 0.2563 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1480 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i10 { left: calc(50% + var(--hole-size) * 0.1012 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2781 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i11 { left: calc(50% - var(--hole-size) * 0.1012 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2781 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i12 { left: calc(50% - var(--hole-size) * 0.2563 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1480 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i13 { left: calc(50% - var(--hole-size) * 0.2915 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0514 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n14 .seed--i14 { left: calc(50% - var(--hole-size) * 0.1903 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2267 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1440 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i4 { left: calc(50% - var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i5 { left: calc(50% - var(--hole-size) * 0.1440 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i6 { left: calc(50% - var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i7 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2960 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i8 { left: calc(50% + var(--hole-size) * 0.1903 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2267 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i9 { left: calc(50% + var(--hole-size) * 0.2915 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0514 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i10 { left: calc(50% + var(--hole-size) * 0.2563 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1480 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i11 { left: calc(50% + var(--hole-size) * 0.1012 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2781 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i12 { left: calc(50% - var(--hole-size) * 0.1012 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2781 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i13 { left: calc(50% - var(--hole-size) * 0.2563 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1480 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i14 { left: calc(50% - var(--hole-size) * 0.2915 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0514 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n15 .seed--i15 { left: calc(50% - var(--hole-size) * 0.1903 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2267 - var(--seed-size) / 2); }

.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i1 { left: calc(50% + var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i2 { left: calc(50% + var(--hole-size) * 0.1440 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i3 { left: calc(50% + var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i4 { left: calc(50% - var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i5 { left: calc(50% - var(--hole-size) * 0.1440 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i6 { left: calc(50% - var(--hole-size) * 0.0720 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1247 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i7 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2960 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i8 { left: calc(50% + var(--hole-size) * 0.1740 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2395 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i9 { left: calc(50% + var(--hole-size) * 0.2815 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0915 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i10 { left: calc(50% + var(--hole-size) * 0.2815 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0915 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i11 { left: calc(50% + var(--hole-size) * 0.1740 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2395 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i12 { left: calc(50% + var(--hole-size) * 0.0000 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2960 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i13 { left: calc(50% - var(--hole-size) * 0.1740 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2395 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i14 { left: calc(50% - var(--hole-size) * 0.2815 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0915 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i15 { left: calc(50% - var(--hole-size) * 0.2815 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0915 - var(--seed-size) / 2); }
.seeds-layout--circle.seeds-shown--sixteen .seeds--n16 .seed--i16 { left: calc(50% - var(--hole-size) * 0.1740 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2395 - var(--seed-size) / 2); }

/* =============================================================================
   ALÉATOIRE — des graines jetées dans le trou, un peu ovales, chacune de biais :
   la graine i toujours au même endroit, quel que soit le nombre. Trois tirages,
   un trou sur trois chacun.
   ============================================================================= */

/* ---- 12 graines visibles ---- */

.seeds-layout--scatter.seeds-shown--twelve .hole {
  --seed-size: max(5px, calc(var(--hole-size) * 0.15));
}

.seeds-layout--scatter.seeds-shown--twelve .hole .seeds {
  display: block;
  padding: 0;
}

.seeds-layout--scatter.seeds-shown--twelve .hole .seed {
  position: absolute;
  height: calc(var(--seed-size) * 0.86);
  background: var(--seed-pretty, radial-gradient(circle at 34% 30%, #fffbe3 0 7%, #ffe07a 20%, #f8b624 56%, #c27700 100%));
  box-shadow:
    inset 0 calc(var(--seed-size) * -0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.3),
    0 calc(var(--seed-size) * 0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.45);
}

/* 12 graines au plus : les suivantes se cachent, la pastille dit le compte. */
.seeds-layout--scatter.seeds-shown--twelve .hole .seed:nth-child(n + 13) {
  display: none;
}

.seeds-layout--scatter.seeds-shown--twelve .hole:has(.seeds--n13, .seeds--n14, .seeds--n15, .seeds--n16) .seed-count {
  display: block;
}

/* Tirage 1 — tous les autres trous. */
.seeds-layout--scatter.seeds-shown--twelve .seed--i1 { left: calc(50% + var(--hole-size) * 0.0841 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0515 - var(--seed-size) / 2); transform: rotate(113deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i2 { left: calc(50% - var(--hole-size) * 0.2489 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0508 - var(--seed-size) / 2); transform: rotate(59deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i3 { left: calc(50% + var(--hole-size) * 0.0842 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2839 - var(--seed-size) / 2); transform: rotate(43deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i4 { left: calc(50% - var(--hole-size) * 0.0496 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1177 - var(--seed-size) / 2); transform: rotate(44deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i5 { left: calc(50% + var(--hole-size) * 0.0733 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.3173 - var(--seed-size) / 2); transform: rotate(107deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i6 { left: calc(50% - var(--hole-size) * 0.2530 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1855 - var(--seed-size) / 2); transform: rotate(25deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i7 { left: calc(50% + var(--hole-size) * 0.1326 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1289 - var(--seed-size) / 2); transform: rotate(121deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i8 { left: calc(50% - var(--hole-size) * 0.0781 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2496 - var(--seed-size) / 2); transform: rotate(3deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i9 { left: calc(50% + var(--hole-size) * 0.2801 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0542 - var(--seed-size) / 2); transform: rotate(44deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i10 { left: calc(50% + var(--hole-size) * 0.2726 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1808 - var(--seed-size) / 2); transform: rotate(31deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i11 { left: calc(50% - var(--hole-size) * 0.1385 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.3196 - var(--seed-size) / 2); transform: rotate(173deg); }
.seeds-layout--scatter.seeds-shown--twelve .seed--i12 { left: calc(50% + var(--hole-size) * 0.2328 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2615 - var(--seed-size) / 2); transform: rotate(131deg); }

/* Tirage 2 — trous 2, 5, 8, 11. */
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i1 { left: calc(50% + var(--hole-size) * 0.0661 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0546 - var(--seed-size) / 2); transform: rotate(16deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i2 { left: calc(50% - var(--hole-size) * 0.1552 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2993 - var(--seed-size) / 2); transform: rotate(159deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i3 { left: calc(50% - var(--hole-size) * 0.2951 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1422 - var(--seed-size) / 2); transform: rotate(159deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i4 { left: calc(50% + var(--hole-size) * 0.2243 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1436 - var(--seed-size) / 2); transform: rotate(111deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i5 { left: calc(50% + var(--hole-size) * 0.0193 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1484 - var(--seed-size) / 2); transform: rotate(150deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i6 { left: calc(50% - var(--hole-size) * 0.1744 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1240 - var(--seed-size) / 2); transform: rotate(55deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i7 { left: calc(50% + var(--hole-size) * 0.2432 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1594 - var(--seed-size) / 2); transform: rotate(115deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i8 { left: calc(50% + var(--hole-size) * 0.1031 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.3124 - var(--seed-size) / 2); transform: rotate(113deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i9 { left: calc(50% - var(--hole-size) * 0.1468 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2147 - var(--seed-size) / 2); transform: rotate(49deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i10 { left: calc(50% - var(--hole-size) * 0.3172 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0245 - var(--seed-size) / 2); transform: rotate(46deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i11 { left: calc(50% + var(--hole-size) * 0.1336 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3053 - var(--seed-size) / 2); transform: rotate(66deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i12 { left: calc(50% + var(--hole-size) * 0.3495 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0082 - var(--seed-size) / 2); transform: rotate(24deg); }

/* Tirage 3 — trous 3, 6, 9, 12. */
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i1 { left: calc(50% + var(--hole-size) * 0.0696 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0871 - var(--seed-size) / 2); transform: rotate(68deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i2 { left: calc(50% - var(--hole-size) * 0.1541 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0869 - var(--seed-size) / 2); transform: rotate(31deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i3 { left: calc(50% - var(--hole-size) * 0.2924 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1628 - var(--seed-size) / 2); transform: rotate(134deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i4 { left: calc(50% + var(--hole-size) * 0.0778 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1756 - var(--seed-size) / 2); transform: rotate(100deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i5 { left: calc(50% + var(--hole-size) * 0.2892 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0498 - var(--seed-size) / 2); transform: rotate(123deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i6 { left: calc(50% - var(--hole-size) * 0.1265 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1504 - var(--seed-size) / 2); transform: rotate(13deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i7 { left: calc(50% - var(--hole-size) * 0.0195 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3161 - var(--seed-size) / 2); transform: rotate(60deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i8 { left: calc(50% - var(--hole-size) * 0.0327 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2795 - var(--seed-size) / 2); transform: rotate(62deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i9 { left: calc(50% - var(--hole-size) * 0.3241 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0108 - var(--seed-size) / 2); transform: rotate(76deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i10 { left: calc(50% + var(--hole-size) * 0.2843 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1873 - var(--seed-size) / 2); transform: rotate(148deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i11 { left: calc(50% - var(--hole-size) * 0.2299 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2517 - var(--seed-size) / 2); transform: rotate(134deg); }
.seeds-layout--scatter.seeds-shown--twelve .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i12 { left: calc(50% + var(--hole-size) * 0.2286 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2579 - var(--seed-size) / 2); transform: rotate(85deg); }

/* ---- 16 graines visibles ---- */

.seeds-layout--scatter.seeds-shown--sixteen .hole {
  --seed-size: max(5px, calc(var(--hole-size) * 0.12));
}

.seeds-layout--scatter.seeds-shown--sixteen .hole .seeds {
  display: block;
  padding: 0;
}

.seeds-layout--scatter.seeds-shown--sixteen .hole .seed {
  position: absolute;
  height: calc(var(--seed-size) * 0.86);
  background: var(--seed-pretty, radial-gradient(circle at 34% 30%, #fffbe3 0 7%, #ffe07a 20%, #f8b624 56%, #c27700 100%));
  box-shadow:
    inset 0 calc(var(--seed-size) * -0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.3),
    0 calc(var(--seed-size) * 0.12) calc(var(--seed-size) * 0.2) rgba(0, 0, 0, 0.45);
}

/* Tirage 1 — tous les autres trous. */
.seeds-layout--scatter.seeds-shown--sixteen .seed--i1 { left: calc(50% - var(--hole-size) * 0.0841 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0596 - var(--seed-size) / 2); transform: rotate(111deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i2 { left: calc(50% + var(--hole-size) * 0.2386 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1966 - var(--seed-size) / 2); transform: rotate(5deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i3 { left: calc(50% - var(--hole-size) * 0.2687 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1440 - var(--seed-size) / 2); transform: rotate(178deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i4 { left: calc(50% + var(--hole-size) * 0.0638 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2096 - var(--seed-size) / 2); transform: rotate(154deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i5 { left: calc(50% + var(--hole-size) * 0.1916 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2264 - var(--seed-size) / 2); transform: rotate(91deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i6 { left: calc(50% - var(--hole-size) * 0.1197 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1193 - var(--seed-size) / 2); transform: rotate(21deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i7 { left: calc(50% + var(--hole-size) * 0.0979 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0706 - var(--seed-size) / 2); transform: rotate(79deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i8 { left: calc(50% + var(--hole-size) * 0.2749 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0612 - var(--seed-size) / 2); transform: rotate(91deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i9 { left: calc(50% - var(--hole-size) * 0.2749 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2218 - var(--seed-size) / 2); transform: rotate(114deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i10 { left: calc(50% - var(--hole-size) * 0.0411 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2423 - var(--seed-size) / 2); transform: rotate(178deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i11 { left: calc(50% + var(--hole-size) * 0.1503 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0964 - var(--seed-size) / 2); transform: rotate(171deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i12 { left: calc(50% - var(--hole-size) * 0.1887 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2537 - var(--seed-size) / 2); transform: rotate(133deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i13 { left: calc(50% - var(--hole-size) * 0.0793 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3576 - var(--seed-size) / 2); transform: rotate(8deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i14 { left: calc(50% + var(--hole-size) * 0.3351 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1032 - var(--seed-size) / 2); transform: rotate(110deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i15 { left: calc(50% - var(--hole-size) * 0.2402 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0102 - var(--seed-size) / 2); transform: rotate(162deg); }
.seeds-layout--scatter.seeds-shown--sixteen .seed--i16 { left: calc(50% - var(--hole-size) * 0.0972 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1928 - var(--seed-size) / 2); transform: rotate(130deg); }

/* Tirage 2 — trous 2, 5, 8, 11. */
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i1 { left: calc(50% + var(--hole-size) * 0.0856 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0262 - var(--seed-size) / 2); transform: rotate(48deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i2 { left: calc(50% - var(--hole-size) * 0.1026 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0552 - var(--seed-size) / 2); transform: rotate(93deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i3 { left: calc(50% - var(--hole-size) * 0.2995 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0276 - var(--seed-size) / 2); transform: rotate(168deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i4 { left: calc(50% + var(--hole-size) * 0.1420 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3416 - var(--seed-size) / 2); transform: rotate(12deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i5 { left: calc(50% + var(--hole-size) * 0.2340 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0949 - var(--seed-size) / 2); transform: rotate(37deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i6 { left: calc(50% + var(--hole-size) * 0.0922 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2083 - var(--seed-size) / 2); transform: rotate(119deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i7 { left: calc(50% - var(--hole-size) * 0.1534 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2617 - var(--seed-size) / 2); transform: rotate(71deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i8 { left: calc(50% + var(--hole-size) * 0.2775 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1390 - var(--seed-size) / 2); transform: rotate(47deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i9 { left: calc(50% + var(--hole-size) * 0.1796 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.3183 - var(--seed-size) / 2); transform: rotate(127deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i10 { left: calc(50% + var(--hole-size) * 0.1033 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1870 - var(--seed-size) / 2); transform: rotate(110deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i11 { left: calc(50% - var(--hole-size) * 0.0664 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2792 - var(--seed-size) / 2); transform: rotate(62deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i12 { left: calc(50% + var(--hole-size) * 0.0249 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.3281 - var(--seed-size) / 2); transform: rotate(83deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i13 { left: calc(50% - var(--hole-size) * 0.2423 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2376 - var(--seed-size) / 2); transform: rotate(7deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i14 { left: calc(50% - var(--hole-size) * 0.0648 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0826 - var(--seed-size) / 2); transform: rotate(43deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i15 { left: calc(50% - var(--hole-size) * 0.2935 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1893 - var(--seed-size) / 2); transform: rotate(36deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i16 { left: calc(50% + var(--hole-size) * 0.3455 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0144 - var(--seed-size) / 2); transform: rotate(93deg); }

/* Tirage 3 — trous 3, 6, 9, 12. */
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i1 { left: calc(50% + var(--hole-size) * 0.0620 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0978 - var(--seed-size) / 2); transform: rotate(176deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i2 { left: calc(50% + var(--hole-size) * 0.1796 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2345 - var(--seed-size) / 2); transform: rotate(132deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i3 { left: calc(50% - var(--hole-size) * 0.2076 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1670 - var(--seed-size) / 2); transform: rotate(70deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i4 { left: calc(50% + var(--hole-size) * 0.2206 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1796 - var(--seed-size) / 2); transform: rotate(132deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i5 { left: calc(50% + var(--hole-size) * 0.2027 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0294 - var(--seed-size) / 2); transform: rotate(144deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i6 { left: calc(50% - var(--hole-size) * 0.0316 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0342 - var(--seed-size) / 2); transform: rotate(16deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i7 { left: calc(50% - var(--hole-size) * 0.2291 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.2017 - var(--seed-size) / 2); transform: rotate(101deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i8 { left: calc(50% - var(--hole-size) * 0.0838 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2646 - var(--seed-size) / 2); transform: rotate(32deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i9 { left: calc(50% + var(--hole-size) * 0.0586 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3003 - var(--seed-size) / 2); transform: rotate(9deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i10 { left: calc(50% + var(--hole-size) * 0.0682 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2722 - var(--seed-size) / 2); transform: rotate(16deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i11 { left: calc(50% - var(--hole-size) * 0.1238 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.0973 - var(--seed-size) / 2); transform: rotate(53deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i12 { left: calc(50% - var(--hole-size) * 0.3290 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0393 - var(--seed-size) / 2); transform: rotate(137deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i13 { left: calc(50% + var(--hole-size) * 0.3347 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0718 - var(--seed-size) / 2); transform: rotate(64deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i14 { left: calc(50% - var(--hole-size) * 0.1247 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.3319 - var(--seed-size) / 2); transform: rotate(89deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i15 { left: calc(50% + var(--hole-size) * 0.0816 - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1159 - var(--seed-size) / 2); transform: rotate(102deg); }
.seeds-layout--scatter.seeds-shown--sixteen .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i16 { left: calc(50% + var(--hole-size) * 0.3232 - var(--seed-size) / 2); top: calc(50% - var(--hole-size) * 0.1223 - var(--seed-size) / 2); transform: rotate(115deg); }

/* =============================================================================
   RÉELLE — toutes les graines, en tas dans le bol, en relief : la graine i
   toujours au même endroit ; plus haute, plus grosse, plus claire, devant.
   Trois tirages, un trou sur trois chacun.
   ============================================================================= */

.seeds-layout--real .hole {
  --seed-size: max(4px, calc(var(--hole-size) * 0.235));
}

/* Beaucoup de graines : le tas se tasse, toutes se rapprochent du centre. */
.seeds-layout--real .hole:has(.seed--i25) {
  --settle: 0.97;
}

.seeds-layout--real .hole:has(.seed--i37) {
  --settle: 0.94;
}

.seeds-layout--real .hole .seeds {
  display: block;
  padding: 0;
}

/* Toutes les graines se montrent, au-delà de seize comprises (components/board.css
   les cache pour la disposition classique). UNE GRAINE DE BONDUC, mate : une lumière
   large et douce en haut à gauche (pas de reflet vif), des stries fines comme des
   cernes de croissance, le hile — un point sombre sur le pourtour (--hx, --hy) —, une
   teinte d'appoint (--seed-voile, dosée par --va), la couleur choisie dessous ; une
   ombre propre vers le bas à droite, une ombre portée douce. */
.seeds-layout--real .hole .seed {
  display: block;
  position: absolute;
  height: calc(var(--seed-size) * 0.88);
  background:
    radial-gradient(ellipse 7% 4.5% at var(--hx, 82%) var(--hy, 55%), rgba(60, 42, 20, 0.42) 0 45%, transparent 100%),
    repeating-radial-gradient(ellipse 140% 100% at 28% 22%, transparent 0 8%, rgba(70, 55, 35, 0.07) 8% 9.5%),
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 48%),
    linear-gradient(color-mix(in srgb, var(--seed-voile, transparent) calc(var(--va, 0) * 100%), transparent), color-mix(in srgb, var(--seed-voile, transparent) calc(var(--va, 0) * 100%), transparent)),
    var(--seed-pretty, radial-gradient(circle at 34% 30%, #fffbe3 0 7%, #ffe07a 20%, #f8b624 56%, #c27700 100%));
  box-shadow:
    inset calc(var(--seed-size) * -0.1) calc(var(--seed-size) * -0.14) calc(var(--seed-size) * 0.24) rgba(0, 0, 0, 0.3),
    inset calc(var(--seed-size) * 0.04) calc(var(--seed-size) * 0.05) calc(var(--seed-size) * 0.08) rgba(255, 255, 255, 0.16),
    calc(var(--seed-size) * 0.05) calc(var(--seed-size) * 0.12) calc(var(--seed-size) * 0.22) rgba(0, 0, 0, 0.4);
}

/* Tirage 1 — tous les autres trous. */
.seeds-layout--real .seed--i1 { left: calc(50% + var(--hole-size) * -0.0043 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0511 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.930); z-index: 1; transform: scale(0.923); filter: brightness(0.899) hue-rotate(3deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.43; --hx: 62%; --hy: 14%; --px: -0.0043; --py: -0.0511; }
.seeds-layout--real .seed--i2 { left: calc(50% + var(--hole-size) * -0.1157 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1464 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.921); z-index: 2; transform: scale(1.082); filter: brightness(0.818) hue-rotate(5deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.44; --hx: 35%; --hy: 85%; --px: -0.1157; --py: 0.1464; }
.seeds-layout--real .seed--i3 { left: calc(50% + var(--hole-size) * 0.2277 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0113 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.952); z-index: 3; transform: scale(1.012); filter: brightness(0.847) hue-rotate(6deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.42; --hx: 79%; --hy: 26%; --px: 0.2277; --py: 0.0113; }
.seeds-layout--real .seed--i4 { left: calc(50% + var(--hole-size) * -0.0827 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2358 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.941); z-index: 4; transform: scale(1.059); filter: brightness(0.933) hue-rotate(4deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.43; --hx: 12%; --hy: 56%; --px: -0.0827; --py: -0.2358; }
.seeds-layout--real .seed--i5 { left: calc(50% + var(--hole-size) * -0.2251 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0496 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.895); z-index: 5; transform: scale(1.112); filter: brightness(0.877) hue-rotate(2deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.42; --hx: 22%; --hy: 24%; --px: -0.2251; --py: -0.0496; }
.seeds-layout--real .seed--i6 { left: calc(50% + var(--hole-size) * 0.0908 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2592 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.883); z-index: 6; transform: scale(1.045); filter: brightness(0.955) hue-rotate(0deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.42; --hx: 88%; --hy: 53%; --px: 0.0908; --py: 0.2592; }
.seeds-layout--real .seed--i7 { left: calc(50% + var(--hole-size) * 0.2239 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2271 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.833); z-index: 7; transform: scale(1.147); filter: brightness(0.903) hue-rotate(1deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.41; --hx: 42%; --hy: 13%; --px: 0.2239; --py: -0.2271; }
.seeds-layout--real .seed--i8 { left: calc(50% + var(--hole-size) * 0.0177 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0081 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.824); z-index: 8; transform: scale(1.166); filter: brightness(0.812) hue-rotate(3deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.41; --hx: 69%; --hy: 83%; --px: 0.0177; --py: 0.0081; }
.seeds-layout--real .seed--i9 { left: calc(50% + var(--hole-size) * -0.1699 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1826 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.848); z-index: 9; transform: scale(1.182); filter: brightness(0.819) hue-rotate(6deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.46; --hx: 25%; --hy: 22%; --px: -0.1699; --py: 0.1826; }
.seeds-layout--real .seed--i10 { left: calc(50% + var(--hole-size) * 0.2827 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0523 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.860); z-index: 11; transform: scale(1.285); filter: brightness(0.917) hue-rotate(4deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.47; --hx: 50%; --hy: 88%; --px: 0.2827; --py: 0.0523; }
.seeds-layout--real .seed--i11 { left: calc(50% + var(--hole-size) * -0.2216 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1835 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.869); z-index: 12; transform: scale(1.153); filter: brightness(0.984) hue-rotate(4deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.45; --hx: 14%; --hy: 39%; --px: -0.2216; --py: -0.1835; }
.seeds-layout--real .seed--i12 { left: calc(50% + var(--hole-size) * 0.0207 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.3063 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.878); z-index: 10; transform: scale(1.276); filter: brightness(0.894) hue-rotate(5deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.46; --hx: 82%; --hy: 70%; --px: 0.0207; --py: -0.3063; }
.seeds-layout--real .seed--i13 { left: calc(50% + var(--hole-size) * 0.0391 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2822 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.967); z-index: 13; transform: scale(1.309); filter: brightness(0.963) hue-rotate(1deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.45; --hx: 85%; --hy: 36%; --px: 0.0391; --py: 0.2822; }
.seeds-layout--real .seed--i14 { left: calc(50% + var(--hole-size) * 0.1115 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1088 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.976); z-index: 14; transform: scale(1.229); filter: brightness(0.885) hue-rotate(3deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.45; --hx: 16%; --hy: 67%; --px: 0.1115; --py: -0.1088; }
.seeds-layout--real .seed--i15 { left: calc(50% + var(--hole-size) * -0.2981 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0734 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.906); z-index: 15; transform: scale(1.317); filter: brightness(0.857) hue-rotate(2deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.44; --hx: 72%; --hy: 19%; --px: -0.2981; --py: 0.0734; }
.seeds-layout--real .seed--i16 { left: calc(50% + var(--hole-size) * 0.1549 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1048 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.917); z-index: 16; transform: scale(1.253); filter: brightness(0.966) hue-rotate(0deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.44; --hx: 45%; --hy: 88%; --px: 0.1549; --py: 0.1048; }
.seeds-layout--real .seed--i17 { left: calc(50% + var(--hole-size) * -0.1107 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1003 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.922); z-index: 17; transform: scale(1.318); filter: brightness(0.852) hue-rotate(2deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.49; --hx: 88%; --hy: 54%; --px: -0.1107; --py: -0.1003; }
.seeds-layout--real .seed--i18 { left: calc(50% + var(--hole-size) * -0.1017 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2045 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.931); z-index: 18; transform: scale(1.250); filter: brightness(0.937) hue-rotate(1deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.50; --hx: 19%; --hy: 28%; --px: -0.1017; --py: 0.2045; }
.seeds-layout--real .seed--i19 { left: calc(50% + var(--hole-size) * 0.0071 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.3005 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.941); z-index: 19; transform: scale(1.262); filter: brightness(1.016) hue-rotate(1deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.49; --hx: 66%; --hy: 84%; --px: 0.0071; --py: -0.3005; }
.seeds-layout--real .seed--i20 { left: calc(50% + var(--hole-size) * 0.2367 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1971 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.952); z-index: 20; transform: scale(1.253); filter: brightness(0.920) hue-rotate(3deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.49; --hx: 35%; --hy: 15%; --px: 0.2367; --py: -0.1971; }
.seeds-layout--real .seed--i21 { left: calc(50% + var(--hole-size) * -0.2009 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0451 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.883); z-index: 23; transform: scale(1.422); filter: brightness(1.006) hue-rotate(3deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.48; --hx: 29%; --hy: 82%; --px: -0.2009; --py: 0.0451; }
.seeds-layout--real .seed--i22 { left: calc(50% + var(--hole-size) * 0.0377 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0178 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.894); z-index: 22; transform: scale(1.381); filter: brightness(0.910) hue-rotate(5deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.48; --hx: 60%; --hy: 13%; --px: 0.0377; --py: -0.0178; }
.seeds-layout--real .seed--i23 { left: calc(50% + var(--hole-size) * -0.1907 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2296 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.825); z-index: 24; transform: scale(1.409); filter: brightness(0.893) hue-rotate(5deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.47; --hx: 12%; --hy: 51%; --px: -0.1907; --py: -0.2296; }
.seeds-layout--real .seed--i24 { left: calc(50% + var(--hole-size) * 0.1197 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2692 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.834); z-index: 21; transform: scale(1.431); filter: brightness(0.979) hue-rotate(4deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.47; --hx: 79%; --hy: 25%; --px: 0.1197; --py: 0.2692; }
.seeds-layout--real .seed--i25 { left: calc(50% + var(--hole-size) * 0.2663 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0891 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.855); z-index: 25; transform: scale(1.429); filter: brightness(0.865) hue-rotate(4deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.28; --hx: 62%; --hy: 14%; --px: 0.2663; --py: 0.0891; }
.seeds-layout--real .seed--i26 { left: calc(50% + var(--hole-size) * 0.0557 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2720 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.844); z-index: 26; transform: scale(1.501); filter: brightness(0.975) hue-rotate(6deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.28; --hx: 35%; --hy: 85%; --px: 0.0557; --py: -0.2720; }
.seeds-layout--real .seed--i27 { left: calc(50% + var(--hole-size) * -0.0782 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2190 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.873); z-index: 27; transform: scale(1.519); filter: brightness(1.038) hue-rotate(5deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.27; --hx: 80%; --hy: 26%; --px: -0.0782; --py: 0.2190; }
.seeds-layout--real .seed--i28 { left: calc(50% + var(--hole-size) * 0.1669 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0541 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.864); z-index: 28; transform: scale(1.526); filter: brightness(0.962) hue-rotate(4deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.27; --hx: 13%; --hy: 56%; --px: 0.1669; --py: -0.0541; }
.seeds-layout--real .seed--i29 { left: calc(50% + var(--hole-size) * -0.2927 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0357 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.970); z-index: 29; transform: scale(1.485); filter: brightness(1.028) hue-rotate(2deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.26; --hx: 22%; --hy: 24%; --px: -0.2927; --py: -0.0357; }
.seeds-layout--real .seed--i30 { left: calc(50% + var(--hole-size) * 0.1450 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2258 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.962); z-index: 30; transform: scale(1.555); filter: brightness(0.939) hue-rotate(1deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.26; --hx: 88%; --hy: 53%; --px: 0.1450; --py: 0.2258; }
.seeds-layout--real .seed--i31 { left: calc(50% + var(--hole-size) * -0.0533 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0188 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.912); z-index: 31; transform: scale(1.587); filter: brightness(0.913) hue-rotate(0deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.25; --hx: 42%; --hy: 13%; --px: -0.0533; --py: 0.0188; }
.seeds-layout--real .seed--i32 { left: calc(50% + var(--hole-size) * -0.1418 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2185 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.901); z-index: 32; transform: scale(1.579); filter: brightness(1.013) hue-rotate(2deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.26; --hx: 69%; --hy: 83%; --px: -0.1418; --py: -0.2185; }
.seeds-layout--real .seed--i33 { left: calc(50% + var(--hole-size) * -0.1818 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2226 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.936); z-index: 33; transform: scale(1.498); filter: brightness(0.899) hue-rotate(0deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.31; --hx: 17%; --hy: 69%; --px: -0.1818; --py: 0.2226; }
.seeds-layout--real .seed--i34 { left: calc(50% + var(--hole-size) * 0.1054 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2510 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.927); z-index: 34; transform: scale(1.561); filter: brightness(0.997) hue-rotate(2deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.31; --hx: 87%; --hy: 42%; --px: 0.1054; --py: -0.2510; }
.seeds-layout--real .seed--i35 { left: calc(50% + var(--hole-size) * 0.2601 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0179 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.957); z-index: 35; transform: scale(1.633); filter: brightness(1.083) hue-rotate(3deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.30; --hx: 47%; --hy: 88%; --px: 0.2601; --py: 0.0179; }
.seeds-layout--real .seed--i36 { left: calc(50% + var(--hole-size) * -0.2130 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0748 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.945); z-index: 36; transform: scale(1.645); filter: brightness(0.982) hue-rotate(1deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.30; --hx: 77%; --hy: 23%; --px: -0.2130; --py: -0.0748; }
.seeds-layout--real .seed--i37 { left: calc(50% + var(--hole-size) * 0.0510 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2501 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.899); z-index: 37; transform: scale(1.749); filter: brightness(1.066) hue-rotate(5deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.29; --hx: 57%; --hy: 87%; --px: 0.0510; --py: 0.2501; }
.seeds-layout--real .seed--i38 { left: calc(50% + var(--hole-size) * -0.0531 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2559 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.888); z-index: 39; transform: scale(1.636); filter: brightness(0.964) hue-rotate(3deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.30; --hx: 27%; --hy: 20%; --px: -0.0531; --py: -0.2559; }
.seeds-layout--real .seed--i39 { left: calc(50% + var(--hole-size) * 0.0289 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0159 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.839); z-index: 38; transform: scale(1.625); filter: brightness(0.941) hue-rotate(4deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.28; --hx: 85%; --hy: 66%; --px: 0.0289; --py: -0.0159; }
.seeds-layout--real .seed--i40 { left: calc(50% + var(--hole-size) * -0.2417 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1214 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.830); z-index: 41; transform: scale(1.646); filter: brightness(1.044) hue-rotate(6deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.29; --hx: 14%; --hy: 39%; --px: -0.2417; --py: 0.1214; }
.seeds-layout--real .seed--i41 { left: calc(50% + var(--hole-size) * 0.1948 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1665 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.843); z-index: 40; transform: scale(1.735); filter: brightness(1.044) hue-rotate(3deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.34; --hx: 88%; --hy: 54%; --px: 0.1948; --py: -0.1665; }
.seeds-layout--real .seed--i42 { left: calc(50% + var(--hole-size) * 0.2530 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0943 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.854); z-index: 42; transform: scale(1.766); filter: brightness(0.958) hue-rotate(1deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.34; --hx: 19%; --hy: 28%; --px: 0.2530; --py: 0.0943; }
.seeds-layout--real .seed--i43 { left: calc(50% + var(--hole-size) * 0.0214 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1455 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.865); z-index: 43; transform: scale(1.815); filter: brightness(0.984) hue-rotate(1deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.33; --hx: 67%; --hy: 84%; --px: 0.0214; --py: 0.1455; }
.seeds-layout--real .seed--i44 { left: calc(50% + var(--hole-size) * -0.1269 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0489 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.873); z-index: 44; transform: scale(1.900); filter: brightness(1.090) hue-rotate(2deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.33; --hx: 36%; --hy: 15%; --px: -0.1269; --py: -0.0489; }
.seeds-layout--real .seed--i45 { left: calc(50% + var(--hole-size) * 0.0518 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2506 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.962); z-index: 45; transform: scale(1.700); filter: brightness(1.015) hue-rotate(4deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.32; --hx: 29%; --hy: 82%; --px: 0.0518; --py: -0.2506; }
.seeds-layout--real .seed--i46 { left: calc(50% + var(--hole-size) * 0.1993 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0697 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.971); z-index: 47; transform: scale(1.834); filter: brightness(1.133) hue-rotate(6deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.33; --hx: 60%; --hy: 13%; --px: 0.1993; --py: -0.0697; }
.seeds-layout--real .seed--i47 { left: calc(50% + var(--hole-size) * -0.1881 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1475 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.900); z-index: 46; transform: scale(1.924); filter: brightness(1.045) hue-rotate(5deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.31; --hx: 12%; --hy: 52%; --px: -0.1881; --py: 0.1475; }
.seeds-layout--real .seed--i48 { left: calc(50% + var(--hole-size) * 0.1250 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2074 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.911); z-index: 48; transform: scale(1.840); filter: brightness(0.961) hue-rotate(3deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.32; --hx: 79%; --hy: 26%; --px: 0.1250; --py: 0.2074; }

/* Tirage 2 — trous 2, 5, 8, 11. */
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i1 { left: calc(50% + var(--hole-size) * 0.0306 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0083 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.968); z-index: 1; transform: scale(0.939); filter: brightness(0.849) hue-rotate(-3deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.31; --hx: 30%; --hy: 18%; --px: 0.0306; --py: -0.0083; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i2 { left: calc(50% + var(--hole-size) * -0.1924 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0550 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.919); z-index: 2; transform: scale(1.099); filter: brightness(0.785) hue-rotate(-4deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.30; --hx: 78%; --hy: 75%; --px: -0.1924; --py: 0.0550; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i3 { left: calc(50% + var(--hole-size) * 0.0708 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2171 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.910); z-index: 3; transform: scale(1.032); filter: brightness(0.882) hue-rotate(-6deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.30; --hx: 12%; --hy: 50%; --px: 0.0708; --py: 0.2171; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i4 { left: calc(50% + var(--hole-size) * 0.1427 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1788 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.856); z-index: 5; transform: scale(0.995); filter: brightness(0.814) hue-rotate(0deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.29; --hx: 19%; --hy: 72%; --px: 0.1427; --py: -0.1788; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i5 { left: calc(50% + var(--hole-size) * -0.1468 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1799 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.847); z-index: 4; transform: scale(1.123); filter: brightness(0.901) hue-rotate(-2deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.29; --hx: 88%; --hy: 45%; --px: -0.1468; --py: -0.1799; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i6 { left: calc(50% + var(--hole-size) * -0.1880 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2542 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.877); z-index: 6; transform: scale(1.101); filter: brightness(0.932) hue-rotate(-2deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.29; --hx: 36%; --hy: 85%; --px: -0.1880; --py: 0.2542; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i7 { left: calc(50% + var(--hole-size) * 0.2508 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0070 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.866); z-index: 7; transform: scale(1.068); filter: brightness(0.848) hue-rotate(-1deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.28; --hx: 67%; --hy: 16%; --px: 0.2508; --py: 0.0070; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i8 { left: calc(50% + var(--hole-size) * -0.0246 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0038 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.882); z-index: 8; transform: scale(1.060); filter: brightness(0.853) hue-rotate(-4deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.34; --hx: 26%; --hy: 79%; --px: -0.0246; --py: 0.0038; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i9 { left: calc(50% + var(--hole-size) * -0.3051 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0255 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.891); z-index: 9; transform: scale(1.209); filter: brightness(0.939) hue-rotate(-6deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.34; --hx: 56%; --hy: 12%; --px: -0.3051; --py: -0.0255; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i10 { left: calc(50% + var(--hole-size) * -0.0270 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2314 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.820); z-index: 10; transform: scale(1.224); filter: brightness(0.929) hue-rotate(-5deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.33; --hx: 14%; --hy: 62%; --px: -0.0270; --py: -0.2314; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i11 { left: calc(50% + var(--hole-size) * 0.1869 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2417 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.831); z-index: 11; transform: scale(1.139); filter: brightness(0.831) hue-rotate(-3deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.33; --hx: 85%; --hy: 35%; --px: 0.1869; --py: 0.2417; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i12 { left: calc(50% + var(--hole-size) * 0.2053 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2084 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.923); z-index: 12; transform: scale(1.255); filter: brightness(0.910) hue-rotate(-3deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.32; --hx: 87%; --hy: 58%; --px: 0.2053; --py: -0.2084; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i13 { left: calc(50% + var(--hole-size) * -0.0523 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2187 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.934); z-index: 13; transform: scale(1.270); filter: brightness(0.820) hue-rotate(-1deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.32; --hx: 17%; --hy: 31%; --px: -0.0523; --py: 0.2187; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i14 { left: calc(50% + var(--hole-size) * 0.1393 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0309 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.945); z-index: 14; transform: scale(1.160); filter: brightness(0.894) hue-rotate(0deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.32; --hx: 76%; --hy: 78%; --px: 0.1393; --py: 0.0309; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i15 { left: calc(50% + var(--hole-size) * -0.2270 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2192 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.953); z-index: 15; transform: scale(1.195); filter: brightness(0.984) hue-rotate(-2deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.31; --hx: 47%; --hy: 12%; --px: -0.2270; --py: -0.2192; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i16 { left: calc(50% + var(--hole-size) * -0.2832 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0707 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.968); z-index: 16; transform: scale(1.320); filter: brightness(0.878) hue-rotate(-1deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.37; --hx: 88%; --hy: 48%; --px: -0.2832; --py: 0.0707; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i17 { left: calc(50% + var(--hole-size) * -0.0229 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1503 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.980); z-index: 17; transform: scale(1.281); filter: brightness(0.976) hue-rotate(-2deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.37; --hx: 23%; --hy: 77%; --px: -0.0229; --py: -0.1503; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i18 { left: calc(50% + var(--hole-size) * 0.2126 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1303 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.909); z-index: 19; transform: scale(1.400); filter: brightness(0.955) hue-rotate(-3deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.36; --hx: 68%; --hy: 17%; --px: 0.2126; --py: -0.1303; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i19 { left: calc(50% + var(--hole-size) * 0.1224 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2532 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.918); z-index: 18; transform: scale(1.272); filter: brightness(0.864) hue-rotate(-1deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.36; --hx: 41%; --hy: 87%; --px: 0.1224; --py: 0.2532; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i20 { left: calc(50% + var(--hole-size) * -0.0927 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1342 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.846); z-index: 20; transform: scale(1.363); filter: brightness(0.934) hue-rotate(-5deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.36; --hx: 34%; --hy: 15%; --px: -0.0927; --py: 0.1342; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i21 { left: calc(50% + var(--hole-size) * -0.2301 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1413 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.855); z-index: 21; transform: scale(1.363); filter: brightness(0.855) hue-rotate(-3deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.35; --hx: 62%; --hy: 86%; --px: -0.2301; --py: -0.1413; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i22 { left: calc(50% + var(--hole-size) * 0.3096 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0694 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.866); z-index: 22; transform: scale(1.283); filter: brightness(0.917) hue-rotate(-4deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.35; --hx: 13%; --hy: 43%; --px: 0.3096; --py: 0.0694; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i23 { left: calc(50% + var(--hole-size) * 0.0073 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.3014 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.877); z-index: 23; transform: scale(1.341); filter: brightness(1.025) hue-rotate(-5deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.34; --hx: 80%; --hy: 73%; --px: 0.0073; --py: -0.3014; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i24 { left: calc(50% + var(--hole-size) * 0.1000 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1755 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.863); z-index: 26; transform: scale(1.523); filter: brightness(1.026) hue-rotate(0deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.40; --hx: 88%; --hy: 52%; --px: 0.1000; --py: 0.1755; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i25 { left: calc(50% + var(--hole-size) * -0.2851 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0938 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.874); z-index: 25; transform: scale(1.468); filter: brightness(0.935) hue-rotate(-2deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.40; --hx: 21%; --hy: 26%; --px: -0.2851; --py: 0.0938; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i26 { left: calc(50% + var(--hole-size) * 0.0595 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0568 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.845); z-index: 24; transform: scale(1.395); filter: brightness(0.854) hue-rotate(-2deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.40; --hx: 71%; --hy: 82%; --px: 0.0595; --py: -0.0568; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i27 { left: calc(50% + var(--hole-size) * -0.1492 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0636 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.853); z-index: 28; transform: scale(1.623); filter: brightness(0.974) hue-rotate(-1deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.39; --hx: 41%; --hy: 13%; --px: -0.1492; --py: -0.0636; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i28 { left: calc(50% + var(--hole-size) * 0.1670 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2293 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.902); z-index: 29; transform: scale(1.616); filter: brightness(0.894) hue-rotate(-5deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.39; --hx: 33%; --hy: 84%; --px: 0.1670; --py: -0.2293; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i29 { left: calc(50% + var(--hole-size) * -0.1364 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2610 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.911); z-index: 27; transform: scale(1.550); filter: brightness(0.989) hue-rotate(-4deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.38; --hx: 64%; --hy: 15%; --px: -0.1364; --py: 0.2610; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i30 { left: calc(50% + var(--hole-size) * 0.3027 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0420 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.960); z-index: 30; transform: scale(1.412); filter: brightness(1.020) hue-rotate(-4deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.38; --hx: 12%; --hy: 55%; --px: 0.3027; --py: 0.0420; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i31 { left: calc(50% + var(--hole-size) * 0.0821 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0000 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.971); z-index: 31; transform: scale(1.600); filter: brightness(0.934) hue-rotate(-6deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.38; --hx: 81%; --hy: 28%; --px: 0.0821; --py: -0.0000; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i32 { left: calc(50% + var(--hole-size) * -0.2206 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1349 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.946); z-index: 34; transform: scale(1.492); filter: brightness(1.059) hue-rotate(-4deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.44; --hx: 29%; --hy: 19%; --px: -0.2206; --py: 0.1349; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i33 { left: calc(50% + var(--hole-size) * -0.0341 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2678 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.955); z-index: 32; transform: scale(1.680); filter: brightness(0.957) hue-rotate(-6deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.43; --hx: 56%; --hy: 88%; --px: -0.0341; --py: -0.2678; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i34 { left: calc(50% + var(--hole-size) * 0.0183 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2696 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.926); z-index: 33; transform: scale(1.661); filter: brightness(0.889) hue-rotate(-5deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.43; --hx: 14%; --hy: 37%; --px: 0.0183; --py: 0.2696; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i35 { left: calc(50% + var(--hole-size) * -0.2218 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0846 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.937); z-index: 35; transform: scale(1.738); filter: brightness(0.994) hue-rotate(-3deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.42; --hx: 84%; --hy: 68%; --px: -0.2218; --py: -0.0846; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i36 { left: calc(50% + var(--hole-size) * 0.2505 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0547 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.828); z-index: 36; transform: scale(1.747); filter: brightness(0.932) hue-rotate(-3deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.42; --hx: 87%; --hy: 40%; --px: 0.2505; --py: -0.0547; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i37 { left: calc(50% + var(--hole-size) * 0.1840 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1742 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.840); z-index: 37; transform: scale(1.593); filter: brightness(1.021) hue-rotate(-1deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.42; --hx: 18%; --hy: 70%; --px: 0.1840; --py: 0.1742; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i38 { left: calc(50% + var(--hole-size) * -0.0336 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0516 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.889); z-index: 38; transform: scale(1.654); filter: brightness(1.059) hue-rotate(-1deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.41; --hx: 75%; --hy: 21%; --px: -0.0336; --py: 0.0516; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i39 { left: calc(50% + var(--hole-size) * 0.1018 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2384 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.898); z-index: 39; transform: scale(1.615); filter: brightness(0.952) hue-rotate(-2deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.41; --hx: 49%; --hy: 88%; --px: 0.1018; --py: -0.2384; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i40 { left: calc(50% + var(--hole-size) * -0.1228 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2253 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.875); z-index: 41; transform: scale(1.890); filter: brightness(0.968) hue-rotate(-5deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.47; --hx: 58%; --hy: 13%; --px: -0.1228; --py: 0.2253; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i41 { left: calc(50% + var(--hole-size) * -0.1488 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2248 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.863); z-index: 40; transform: scale(1.633); filter: brightness(1.069) hue-rotate(-3deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.46; --hx: 31%; --hy: 83%; --px: -0.1488; --py: -0.2248; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i42 { left: calc(50% + var(--hole-size) * -0.2647 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0233 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.853); z-index: 42; transform: scale(1.819); filter: brightness(1.048) hue-rotate(-4deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.46; --hx: 78%; --hy: 24%; --px: -0.2647; --py: -0.0233; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i43 { left: calc(50% + var(--hole-size) * 0.2025 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0373 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.844); z-index: 43; transform: scale(1.693); filter: brightness(0.950) hue-rotate(-6deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.45; --hx: 12%; --hy: 54%; --px: 0.2025; --py: 0.0373; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i44 { left: calc(50% + var(--hole-size) * -0.0305 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0060 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.911); z-index: 44; transform: scale(1.767); filter: brightness(1.030) hue-rotate(0deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.45; --hx: 20%; --hy: 26%; --px: -0.0305; --py: 0.0060; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i45 { left: calc(50% + var(--hole-size) * 0.0150 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2242 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.902); z-index: 46; transform: scale(1.991); filter: brightness(0.939) hue-rotate(-2deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.45; --hx: 88%; --hy: 56%; --px: 0.0150; --py: -0.2242; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i46 { left: calc(50% + var(--hole-size) * 0.0775 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2388 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.972); z-index: 45; transform: scale(1.935); filter: brightness(1.004) hue-rotate(-3deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.44; --hx: 38%; --hy: 14%; --px: 0.0775; --py: 0.2388; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i47 { left: calc(50% + var(--hole-size) * -0.1957 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1340 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.961); z-index: 48; transform: scale(1.985); filter: brightness(1.130) hue-rotate(-1deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.44; --hx: 65%; --hy: 85%; --px: -0.1957; --py: 0.1340; }
.seeds-layout--real .hole:is([data-hole="2"], [data-hole="5"], [data-hole="8"], [data-hole="11"]) .seed--i48 { left: calc(50% + var(--hole-size) * -0.1989 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1533 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.956); z-index: 47; transform: scale(1.911); filter: brightness(0.999) hue-rotate(-2deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.50; --hx: 16%; --hy: 66%; --px: -0.1989; --py: -0.1533; }

/* Tirage 3 — trous 3, 6, 9, 12. */
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i1 { left: calc(50% + var(--hole-size) * 0.0224 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0356 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.913); z-index: 1; transform: scale(0.952); filter: brightness(0.884) hue-rotate(-1deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.43; --hx: 46%; --hy: 12%; --px: 0.0224; --py: 0.0356; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i2 { left: calc(50% + var(--hole-size) * -0.1212 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1724 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.904); z-index: 2; transform: scale(0.999); filter: brightness(0.814) hue-rotate(-3deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.43; --hx: 72%; --hy: 81%; --px: -0.1212; --py: -0.1724; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i3 { left: calc(50% + var(--hole-size) * -0.2161 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0563 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.850); z-index: 3; transform: scale(1.079); filter: brightness(0.876) hue-rotate(-3deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.42; --hx: 52%; --hy: 12%; --px: -0.2161; --py: 0.0563; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i4 { left: calc(50% + var(--hole-size) * 0.1950 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0890 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.842); z-index: 4; transform: scale(0.997); filter: brightness(0.791) hue-rotate(-5deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.42; --hx: 26%; --hy: 79%; --px: 0.1950; --py: -0.0890; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i5 { left: calc(50% + var(--hole-size) * -0.0207 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2518 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.872); z-index: 5; transform: scale(1.091); filter: brightness(0.855) hue-rotate(-5deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.41; --hx: 82%; --hy: 29%; --px: -0.0207; --py: 0.2518; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i6 { left: calc(50% + var(--hole-size) * 0.2162 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2121 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.861); z-index: 6; transform: scale(1.172); filter: brightness(0.954) hue-rotate(-4deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.41; --hx: 13%; --hy: 60%; --px: 0.2162; --py: 0.2121; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i7 { left: calc(50% + var(--hole-size) * 0.0453 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2682 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.887); z-index: 7; transform: scale(1.179); filter: brightness(0.960) hue-rotate(-1deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.47; --hx: 88%; --hy: 47%; --px: 0.0453; --py: -0.2682; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i8 { left: calc(50% + var(--hole-size) * -0.2811 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0881 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.895); z-index: 9; transform: scale(1.153); filter: brightness(0.870) hue-rotate(-3deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.46; --hx: 23%; --hy: 77%; --px: -0.2811; --py: -0.0881; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i9 { left: calc(50% + var(--hole-size) * -0.0222 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0101 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.826); z-index: 8; transform: scale(1.102); filter: brightness(0.808) hue-rotate(-2deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.46; --hx: 69%; --hy: 17%; --px: -0.0222; --py: -0.0101; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i10 { left: calc(50% + var(--hole-size) * -0.1813 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2104 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.837); z-index: 11; transform: scale(1.261); filter: brightness(0.894) hue-rotate(0deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.46; --hx: 42%; --hy: 87%; --px: -0.1813; --py: 0.2104; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i11 { left: calc(50% + var(--hole-size) * 0.2926 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0084 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.929); z-index: 10; transform: scale(1.128); filter: brightness(0.834) hue-rotate(-6deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.45; --hx: 34%; --hy: 15%; --px: 0.2926; --py: 0.0084; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i12 { left: calc(50% + var(--hole-size) * 0.0585 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2729 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.940); z-index: 12; transform: scale(1.215); filter: brightness(0.925) hue-rotate(-4deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.45; --hx: 61%; --hy: 86%; --px: 0.0585; --py: 0.2729; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i13 { left: calc(50% + var(--hole-size) * -0.1592 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2742 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.949); z-index: 13; transform: scale(1.187); filter: brightness(0.950) hue-rotate(-3deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.44; --hx: 13%; --hy: 43%; --px: -0.1592; --py: -0.2742; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i14 { left: calc(50% + var(--hole-size) * 0.1059 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0593 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.958); z-index: 14; transform: scale(1.311); filter: brightness(0.866) hue-rotate(-5deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.44; --hx: 80%; --hy: 73%; --px: 0.1059; --py: -0.0593; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i15 { left: calc(50% + var(--hole-size) * 0.0469 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2842 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.963); z-index: 16; transform: scale(1.311); filter: brightness(0.985) hue-rotate(-4deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.50; --hx: 27%; --hy: 80%; --px: 0.0469; --py: -0.2842; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i16 { left: calc(50% + var(--hole-size) * -0.3076 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0710 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.974); z-index: 15; transform: scale(1.297); filter: brightness(0.894) hue-rotate(-5deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.50; --hx: 56%; --hy: 13%; --px: -0.3076; --py: 0.0710; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i17 { left: calc(50% + var(--hole-size) * 0.2641 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1660 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.905); z-index: 17; transform: scale(1.206); filter: brightness(0.824) hue-rotate(-6deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.49; --hx: 14%; --hy: 62%; --px: 0.2641; --py: 0.1660; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i18 { left: calc(50% + var(--hole-size) * -0.0879 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2069 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.914); z-index: 18; transform: scale(1.207); filter: brightness(0.926) hue-rotate(-4deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.49; --hx: 85%; --hy: 35%; --px: -0.0879; --py: 0.2069; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i19 { left: calc(50% + var(--hole-size) * -0.2388 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1293 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.842); z-index: 19; transform: scale(1.343); filter: brightness(0.852) hue-rotate(-2deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.48; --hx: 87%; --hy: 57%; --px: -0.2388; --py: -0.1293; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i20 { left: calc(50% + var(--hole-size) * 0.2264 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1775 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.851); z-index: 20; transform: scale(1.331); filter: brightness(0.959) hue-rotate(0deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.48; --hx: 17%; --hy: 31%; --px: 0.2264; --py: -0.1775; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i21 { left: calc(50% + var(--hole-size) * 0.1163 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2919 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.860); z-index: 21; transform: scale(1.393); filter: brightness(0.976) hue-rotate(-1deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.48; --hx: 76%; --hy: 78%; --px: 0.1163; --py: 0.2919; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i22 { left: calc(50% + var(--hole-size) * -0.0122 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1096 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.872); z-index: 22; transform: scale(1.299); filter: brightness(0.892) hue-rotate(-2deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.47; --hx: 47%; --hy: 12%; --px: -0.0122; --py: -0.1096; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i23 { left: calc(50% + var(--hole-size) * 0.2798 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0615 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.896); z-index: 24; transform: scale(1.293); filter: brightness(0.922) hue-rotate(-3deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.28; --hx: 69%; --hy: 17%; --px: 0.2798; --py: 0.0615; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i24 { left: calc(50% + var(--hole-size) * -0.2603 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1072 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.885); z-index: 23; transform: scale(1.325); filter: brightness(1.008) hue-rotate(-5deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.29; --hx: 41%; --hy: 87%; --px: -0.2603; --py: 0.1072; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i25 { left: calc(50% + var(--hole-size) * 0.0624 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.2962 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.836); z-index: 25; transform: scale(1.477); filter: brightness(0.953) hue-rotate(-6deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.29; --hx: 88%; --hy: 47%; --px: 0.0624; --py: -0.2962; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i26 { left: calc(50% + var(--hole-size) * -0.1059 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2859 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.827); z-index: 26; transform: scale(1.397); filter: brightness(0.849) hue-rotate(-4deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.29; --hx: 23%; --hy: 76%; --px: -0.1059; --py: 0.2859; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i27 { left: calc(50% + var(--hole-size) * 0.0348 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0983 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.938); z-index: 27; transform: scale(1.539); filter: brightness(0.976) hue-rotate(-2deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.30; --hx: 13%; --hy: 43%; --px: 0.0348; --py: 0.0983; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i28 { left: calc(50% + var(--hole-size) * -0.1914 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1998 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.929); z-index: 28; transform: scale(1.538); filter: brightness(0.878) hue-rotate(-1deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.30; --hx: 80%; --hy: 73%; --px: -0.1914; --py: -0.1998; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i29 { left: calc(50% + var(--hole-size) * 0.2605 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1280 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.959); z-index: 29; transform: scale(1.541); filter: brightness(0.910) hue-rotate(-1deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.31; --hx: 34%; --hy: 16%; --px: 0.2605; --py: -0.1280; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i30 { left: calc(50% + var(--hole-size) * -0.1566 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0411 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.948); z-index: 30; transform: scale(1.418); filter: brightness(1.012) hue-rotate(-3deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.31; --hx: 61%; --hy: 86%; --px: -0.1566; --py: 0.0411; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i31 { left: calc(50% + var(--hole-size) * 0.1491 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2534 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.973); z-index: 31; transform: scale(1.581); filter: brightness(0.941) hue-rotate(-1deg); border-radius: 56% 44% 52% 48% / 48% 56% 44% 52%; --va: 0.25; --hx: 14%; --hy: 62%; --px: 0.1491; --py: 0.2534; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i32 { left: calc(50% + var(--hole-size) * 0.0550 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1975 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.964); z-index: 32; transform: scale(1.508); filter: brightness(1.045) hue-rotate(-2deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.25; --hx: 85%; --hy: 35%; --px: 0.0550; --py: -0.1975; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i33 { left: calc(50% + var(--hole-size) * 0.1745 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0386 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.915); z-index: 33; transform: scale(1.669); filter: brightness(0.974) hue-rotate(-2deg); border-radius: 52% 48% 46% 54% / 50% 54% 46% 50%; --va: 0.26; --hx: 26%; --hy: 80%; --px: 0.1745; --py: 0.0386; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i34 { left: calc(50% + var(--hole-size) * -0.0600 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2899 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.903); z-index: 34; transform: scale(1.551); filter: brightness(0.883) hue-rotate(0deg); border-radius: 58% 42% 48% 52% / 46% 52% 48% 54%; --va: 0.26; --hx: 56%; --hy: 12%; --px: -0.0600; --py: 0.2899; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i35 { left: calc(50% + var(--hole-size) * -0.1990 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1433 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.852); z-index: 35; transform: scale(1.498); filter: brightness(1.000) hue-rotate(-6deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.27; --hx: 76%; --hy: 78%; --px: -0.1990; --py: -0.1433; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i36 { left: calc(50% + var(--hole-size) * -0.2572 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1138 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.841); z-index: 36; transform: scale(1.618); filter: brightness(0.919) hue-rotate(-4deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.27; --hx: 46%; --hy: 12%; --px: -0.2572; --py: 0.1138; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i37 { left: calc(50% + var(--hole-size) * -0.0085 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1057 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.870); z-index: 37; transform: scale(1.673); filter: brightness(0.939) hue-rotate(-4deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.27; --hx: 87%; --hy: 58%; --px: -0.0085; --py: 0.1057; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i38 { left: calc(50% + var(--hole-size) * 0.1233 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1463 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.861); z-index: 38; transform: scale(1.722); filter: brightness(1.050) hue-rotate(-5deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.28; --hx: 17%; --hy: 31%; --px: 0.1233; --py: -0.1463; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i39 { left: calc(50% + var(--hole-size) * 0.2616 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0426 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.886); z-index: 39; transform: scale(1.815); filter: brightness(1.052) hue-rotate(-2deg); border-radius: 45% 55% 58% 42% / 55% 45% 55% 45%; --va: 0.34; --hx: 78%; --hy: 75%; --px: 0.2616; --py: 0.0426; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i40 { left: calc(50% + var(--hole-size) * -0.1291 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0720 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.897); z-index: 40; transform: scale(1.759); filter: brightness(0.952) hue-rotate(0deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.35; --hx: 12%; --hy: 49%; --px: -0.1291; --py: -0.0720; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i41 { left: calc(50% + var(--hole-size) * 0.0506 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2521 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.827); z-index: 41; transform: scale(1.864); filter: brightness(0.938) hue-rotate(-1deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.35; --hx: 60%; --hy: 87%; --px: 0.0506; --py: 0.2521; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i42 { left: calc(50% + var(--hole-size) * -0.2051 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.1251 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.835); z-index: 42; transform: scale(1.835); filter: brightness(1.040) hue-rotate(-2deg); border-radius: 47% 53% 49% 51% / 52% 47% 53% 48%; --va: 0.36; --hx: 30%; --hy: 18%; --px: -0.2051; --py: 0.1251; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i43 { left: calc(50% + var(--hole-size) * 0.2092 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1257 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.929); z-index: 43; transform: scale(1.957); filter: brightness(0.924) hue-rotate(-4deg); border-radius: 50% 50% 43% 57% / 57% 46% 54% 43%; --va: 0.36; --hx: 37%; --hy: 86%; --px: 0.2092; --py: -0.1257; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i44 { left: calc(50% + var(--hole-size) * -0.0420 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1836 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.938); z-index: 44; transform: scale(1.730); filter: brightness(1.022) hue-rotate(-5deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.36; --hx: 68%; --hy: 16%; --px: -0.0420; --py: -0.1836; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i45 { left: calc(50% + var(--hole-size) * 0.1262 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.0945 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.949); z-index: 45; transform: scale(1.842); filter: brightness(1.112) hue-rotate(-6deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.37; --hx: 18%; --hy: 71%; --px: 0.1262; --py: 0.0945; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i46 { left: calc(50% + var(--hole-size) * -0.0671 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * 0.2287 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.960); z-index: 46; transform: scale(1.922); filter: brightness(1.003) hue-rotate(-4deg); border-radius: 50% 46% 52% 48% / 47% 52% 48% 53%; --va: 0.37; --hx: 88%; --hy: 45%; --px: -0.0671; --py: 0.2287; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i47 { left: calc(50% + var(--hole-size) * -0.1679 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.0117 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.965); z-index: 47; transform: scale(2.012); filter: brightness(1.083) hue-rotate(-6deg); border-radius: 54% 46% 50% 50% / 51% 48% 52% 49%; --va: 0.31; --hx: 45%; --hy: 12%; --px: -0.1679; --py: -0.0117; }
.seeds-layout--real .hole:is([data-hole="3"], [data-hole="6"], [data-hole="9"], [data-hole="12"]) .seed--i48 { left: calc(50% + var(--hole-size) * 0.0877 * var(--settle, 1) - var(--seed-size) / 2); top: calc(50% + var(--hole-size) * -0.1331 * var(--settle, 1) - var(--seed-size) / 2); height: calc(var(--seed-size) * 0.974); z-index: 48; transform: scale(2.031); filter: brightness(1.001) hue-rotate(-4deg); border-radius: 49% 51% 54% 46% / 46% 50% 50% 54%; --va: 0.32; --hx: 72%; --hy: 81%; --px: 0.0877; --py: -0.1331; }

/* LE SEMIS, COMME À LA MAIN — 01/10/2026 : « la distribution un peu plus proche
   de la réalité ». On sème dans le sens inverse des aiguilles d'une montre : la
   main longe la rangée du bas de gauche à droite, celle du haut de droite à
   gauche, et change de rangée aux deux bouts. Chaque trou sait donc de quel côté
   la main arrive (--entree-x, --entree-y : un vecteur unitaire) :
     · rangée du bas : de la gauche ; rangée du haut : de la droite ;
     · le premier trou du bas : d'en haut ; le dernier trou du haut : d'en bas.
   La rangée se lit dans le balisage, la même partout : « hole--ai » en haut,
   « hole--player » en bas, dans l'ordre de l'écran. */
.seeds-layout--real .hole {
  --entree-x: -1;
  --entree-y: 0;
}

.seeds-layout--real .hole--ai {
  --entree-x: 1;
}

.seeds-layout--real .hole--ai:has(+ .hole--player) {
  --entree-x: 0;
  --entree-y: 1;
}

.seeds-layout--real .hole--ai + .hole--player {
  --entree-x: 0;
  --entree-y: -1;
}

/* LA GRAINE QUI TOMBE — la dernière posée, pendant le semis. Vue d'en haut, elle
   tombe de la main — plus grosse, elle rapetisse en approchant — sur le BORD DU
   BOL DU CÔTÉ D'OÙ VIENT LA MAIN, puis roule jusqu'à sa place (--px, --py), la
   dépasse à peine et s'y arrête ; au-dessus des autres le temps de sa chute.
   LES AUTRES BOUGENT UN PEU : poussées dans le sens du geste, puis reposées.
   « translate » et « scale », et non « transform », qui porte déjà le relief.
   Aucune animation si le système en demande moins. */
@media (prefers-reduced-motion: no-preference) {

  .seeds-layout--real .hole.is-receiving .seed:last-child {
    animation: graine-reelle-tombe 240ms linear;
  }

  .seeds-layout--real .hole.is-receiving .seed:not(:last-child) {
    animation: graine-reelle-pousse 240ms ease-out;
  }
}

@keyframes graine-reelle-tombe {
  0% {
    translate: calc(var(--hole-size) * (var(--entree-x) * 0.3425 - var(--px))) calc(var(--hole-size) * (var(--entree-y) * 0.3425 - var(--py)));
    scale: 1.35;
    opacity: 0.4;
    z-index: 60;
    animation-timing-function: cubic-bezier(0.5, 0, 1, 1);
  }
  30% {
    translate: calc(var(--hole-size) * (var(--entree-x) * 0.3425 - var(--px))) calc(var(--hole-size) * (var(--entree-y) * 0.3425 - var(--py)));
    scale: 1;
    opacity: 1;
    z-index: 60;
    animation-timing-function: cubic-bezier(0.25, 0.6, 0.4, 1);
  }
  85% {
    translate: calc(var(--hole-size) * (var(--px) - var(--entree-x) * 0.3425) * 0.05) calc(var(--hole-size) * (var(--py) - var(--entree-y) * 0.3425) * 0.05);
    animation-timing-function: ease-out;
  }
  100% {
    translate: 0 0;
  }
}

@keyframes graine-reelle-pousse {
  45% {
    translate: calc(var(--hole-size) * var(--entree-x) * -0.016) calc(var(--hole-size) * var(--entree-y) * -0.016);
  }
}

/* LA PASTILLE — dès 9 graines sur téléphone et tablette (12 au début, puis 10,
   puis « à partir de 9, que pour la disposition réelle », 01/10/2026) ; sur
   ordinateur, seulement au survol du trou (components/board.css, même seuil),
   même au-delà de seize. Quelle que soit la couleur des graines. */
@media (hover: none), (pointer: coarse) {

  .seeds-layout--real .hole:has(.seed--i9) .seed-count {
    display: block;
  }
}

@media (hover: hover) and (pointer: fine) {

  .seeds-layout--real .hole.is-crowded:not(:hover) .seed-count {
    display: none;
  }
}