/* app/decor/chantier.css — dessin du décor « Chantier » (app/decor/chantier.js).
   Chaque bloc est un .list.bloc posé en absolu par app/decor/decor.js ; --z est le zoom de
   l'arène (les détails en px sont multipliés par lui). Les trous des tirs sont découpés par le
   jeu (clip-path) : rien ici n'en dépend. */

/* Sol : terre battue et gravier. */
.terrain.decor-chantier{
 background:
  radial-gradient(circle at 20% 30%,rgba(255,255,255,.05) 0 1px,transparent 2px) 0 0/23px 23px,
  radial-gradient(circle at 70% 60%,rgba(0,0,0,.18) 0 1.5px,transparent 2.5px) 0 0/31px 29px,
  radial-gradient(ellipse at 30% 40%,#8a7354 0%,transparent 60%),
  radial-gradient(ellipse at 75% 70%,#6f5c43 0%,transparent 55%),
  #7b664b;
}

/* Palettes empilées : lattes claires, joints sombres, cerclage. */
.bloc-palettes{
 border-radius:calc(3px * var(--z));
 background:
  repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 calc(3px * var(--z)),transparent calc(3px * var(--z)) calc(17px * var(--z))),
  linear-gradient(180deg,transparent 46%,rgba(60,40,20,.55) 46% 54%,transparent 54%),
  linear-gradient(180deg,#d8b27a,#b98d55);
 box-shadow:inset 0 0 0 calc(3px * var(--z)) #8e6a3c,0 calc(6px * var(--z)) calc(10px * var(--z)) rgba(0,0,0,.45);
}

/* Bastaings : longues poutres posées côte à côte, bois brut. */
.bloc-bastaings{
 border-radius:calc(2px * var(--z));
 background:
  repeating-linear-gradient(0deg,rgba(70,45,20,.6) 0 calc(2px * var(--z)),transparent calc(2px * var(--z)) calc(11px * var(--z))),
  repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 calc(40px * var(--z)),rgba(0,0,0,.06) calc(40px * var(--z)) calc(80px * var(--z))),
  linear-gradient(180deg,#c99d62,#a77a43);
 box-shadow:0 calc(5px * var(--z)) calc(8px * var(--z)) rgba(0,0,0,.45);
}

/* Debout (plus haut que large) : les poutres sont verticales. */
.bloc-bastaings.debout{
 background:
  repeating-linear-gradient(90deg,rgba(70,45,20,.6) 0 calc(2px * var(--z)),transparent calc(2px * var(--z)) calc(11px * var(--z))),
  repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 calc(40px * var(--z)),rgba(0,0,0,.06) calc(40px * var(--z)) calc(80px * var(--z))),
  linear-gradient(90deg,#c99d62,#a77a43);
}
.bloc-parpaings.debout{
 background:
  repeating-linear-gradient(0deg,#5d5d5d 0 calc(2px * var(--z)),transparent calc(2px * var(--z)) calc(40px * var(--z))),
  linear-gradient(90deg,#a5a5a2,#8b8b88);
}

/* Benne : caisson de métal jaune, nervures, fond sombre. */
.bloc-benne{
 border-radius:calc(4px * var(--z));
 background:
  linear-gradient(#3b3a36,#2a2926) padding-box,
  repeating-linear-gradient(90deg,#f2b51e 0 calc(14px * var(--z)),#c88f0e calc(14px * var(--z)) calc(18px * var(--z))) border-box;
 border:calc(9px * var(--z)) solid transparent;
 box-shadow:0 calc(7px * var(--z)) calc(12px * var(--z)) rgba(0,0,0,.5),inset 0 0 calc(12px * var(--z)) rgba(0,0,0,.6);
}

/* Muret de parpaings : blocs gris décalés. */
.bloc-parpaings{
 background:
  repeating-linear-gradient(90deg,#5d5d5d 0 calc(2px * var(--z)),transparent calc(2px * var(--z)) calc(40px * var(--z))),
  linear-gradient(180deg,#a5a5a2,#8b8b88);
 box-shadow:inset 0 0 0 calc(1px * var(--z)) #5d5d5d,0 calc(5px * var(--z)) calc(8px * var(--z)) rgba(0,0,0,.45);
}

/* Nid : sac de ciment (les bestioles en jaillissent ; il tremble juste avant). */
.nid-sac{
 position:absolute;
 width:calc(26px * var(--z));height:calc(19px * var(--z));
 margin:calc(-9.5px * var(--z)) 0 0 calc(-13px * var(--z));
 rotate:var(--r);
 border-radius:calc(5px * var(--z)) calc(5px * var(--z)) calc(4px * var(--z)) calc(4px * var(--z));
 background:
  linear-gradient(180deg,transparent 38%,#c84b2c 38% 58%,transparent 58%),
  linear-gradient(180deg,#e9e1cf,#c9bea6);
 box-shadow:0 calc(2px * var(--z)) calc(3px * var(--z)) rgba(0,0,0,.45);
}