/* app/enigme.css — l'énigme des plantes (app/enigme.js) : le bandeau du décompte d'extraction en partie, le bon
   d'achat (compteur, bilan, boutons d'achat), le bilan d'une partie finie par extraction, le bloc de la Carrière. */

/* Le bon d'achat : un ticket doré, à côté des cristaux dans le compteur. */
.bon-ico{display:inline-block;width:1.25em;height:.85em;vertical-align:-.08em;color:#ffd63d;flex:none;}
.aerg-bon{display:inline-flex;align-items:center;gap:4px;margin-left:3px;padding-left:8px;border-left:1px solid rgba(255,214,61,.32);
 font-style:normal;color:#ffe48a;text-shadow:0 0 8px rgba(255,214,61,.35);}
.aerg-compteur .aerg-bon .bon-ico{width:17px;height:12px;}
.prix-aerg .bon-ico{margin-left:.15em;}

/* En partie : le décompte d'extraction, sous le bandeau du haut (posé par enigme.js : top). */
.enigme-bandeau{position:absolute;left:50%;z-index:19;transform:translate(-50%,-4px);opacity:0;pointer-events:none;
 display:flex;align-items:center;gap:8px;padding:5px 13px 5px 10px;border-radius:999px;white-space:nowrap;
 font:800 12px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d9fbff;
 background:rgba(3,14,22,.78);border:1px solid rgba(0,224,255,.55);box-shadow:0 0 14px rgba(0,224,255,.28),inset 0 0 10px rgba(0,224,255,.08);
 transition:opacity .35s,transform .35s;}
.enigme-bandeau.vu{opacity:1;transform:translate(-50%,0);}
.arena-root:not(.playing) .enigme-bandeau{opacity:0;transition:none;} /* l'écran de fin, l'accueil */
.enigme-bandeau i{width:7px;height:7px;border-radius:50%;background:#00e0ff;box-shadow:0 0 8px #00e0ff;animation:enigme-pouls 1s ease-in-out infinite;}
.enigme-bandeau b{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fff;}
.enigme-bandeau.point,.enigme-bandeau.ensemble{border-color:rgba(255,255,255,.75);box-shadow:0 0 18px rgba(0,224,255,.5),inset 0 0 12px rgba(0,224,255,.14);}
.enigme-bandeau.parti i,.enigme-bandeau.ferme i{animation:none;}
.enigme-bandeau.ferme{border-color:rgba(255,255,255,.2);color:#9ea6bd;box-shadow:none;}
.enigme-bandeau.ferme i{background:#6b7387;box-shadow:none;}
.enigme-bandeau b:empty{display:none;}
@keyframes enigme-pouls{50%{opacity:.35;transform:scale(.7);}}
@media (prefers-reduced-motion:reduce){.enigme-bandeau i{animation:none;}}

/* Le bilan d'une partie finie par extraction : cadre cyan plus vif, lignes de l'extraction et du bon. */
.bilan.extraite{border-color:rgba(0,224,255,.55);background:linear-gradient(160deg,rgba(0,224,255,.1),rgba(0,224,255,.03) 60%);}
.bilan-ligne.extraction-ligne{color:#d9fbff;font-weight:800;}
.bilan-ligne.bon-ligne{padding:5px 8px;border-radius:8px;background:rgba(255,214,61,.08);border:1px solid rgba(255,214,61,.32);color:#ffe48a;font-weight:800;}
.bilan-ligne.bon-ligne > span{display:flex;align-items:center;gap:7px;}
.bilan-ligne.bon-ligne b{color:#ffd63d;}
.bilan-ligne.bon-ligne .bon-ico{width:20px;height:14px;}
.bilan-ligne.enigme-ligne{font-size:11px;color:#8e96ad;}
.bilan-ligne.enigme-ligne b{color:#8fdcff;font-size:11px;font-weight:700;white-space:nowrap;}
.bilan-bons{margin-left:10px;color:#d9c27a;}
.bilan-bons .bon-ico{width:15px;height:10px;margin-right:4px;}
/* Le titre de l'écran de fin, quand la lumière vous a emporté (app/main.js). */
.arena-over.extraite{color:#7ff3ff;text-shadow:0 0 12px rgba(0,224,255,.6);}

/* Carrière › Records : l'extraction (seulement après la première). */
.carriere-records .enigme-bons b{color:#ffe48a;}
.carriere-records .enigme-bons .bon-ico{width:20px;height:14px;margin-left:4px;vertical-align:-1px;}
.carriere-records .enigme-radar.muet b{color:#8e96ad;}
.enigme-paliers{display:flex;gap:4px;margin-top:2px;}
.enigme-paliers i{flex:1;height:4px;border-radius:2px;background:#15132a;}
.enigme-paliers i.on{background:linear-gradient(90deg,#00e0ff,#7ff3ff);box-shadow:0 0 6px rgba(0,224,255,.5);}