/* ================= Branche boucle : étoiles pixel, retours des actions, progression ================= */
/* les étoiles sont dessinées sur la surcouche (ui/etoiles.js) : l'ancien élément texte disparaît */
#ep-want { display: none !important; }
/* l'horloge passe à gauche des étoiles (dessous : la ligne d'état et le bandeau de montée) */
#ep-clock { top: calc(var(--u) * 6.5); right: calc(var(--u) * 67); }
/* ---------- encart d'objectifs : jauge, étape, « ensuite », journée (ui/boucle.js) ---------- */
#bc-suivi:empty { display: none; }
#bc-suivi { margin-top: calc(var(--u) * 1.2); }
#bc-suivi .bc-jauge { display: flex; align-items: center; gap: calc(var(--u) * 1.5); }
#bc-suivi .bc-jauge i { flex: 1; display: block; height: calc(var(--u) * 2.2); min-width: calc(var(--u) * 40); background: #141018; box-shadow: 0 0 0 calc(var(--u) * .5) #3a3040; position: relative; }
#bc-suivi .bc-jauge u { position: absolute; left: 0; top: 0; bottom: 0; background: repeating-linear-gradient(90deg, #ffd60a 0 calc(var(--u) * 3), #e0a800 calc(var(--u) * 3) calc(var(--u) * 4)); box-shadow: inset 0 calc(var(--u) * .5) 0 #fff3a0; transition: width .25s steps(5); }
#bc-suivi .bc-jauge.chemin u { background: repeating-linear-gradient(90deg, #8ac8ff 0 calc(var(--u) * 3), #5a98d8 calc(var(--u) * 3) calc(var(--u) * 4)); box-shadow: inset 0 calc(var(--u) * .5) 0 #cfe6ff; }
#bc-suivi .bc-jauge b { font: calc(var(--u) * 3.2)/1 'Silk', monospace; color: var(--sun); min-width: calc(var(--u) * 10); text-align: right; }
#bc-suivi .bc-etape { color: var(--dim); font-size: calc(var(--u) * 3.2); margin-top: calc(var(--u) * .6); }
#bc-suivi .bc-ensuite { color: #b8dcff; font-size: calc(var(--u) * 3.4); margin-top: calc(var(--u) * .8); }
#bc-suivi .bc-jour { display: flex; gap: calc(var(--u) * .8); margin-top: calc(var(--u) * 1.4); }
#bc-suivi .bc-jour i { flex: 1; display: block; height: calc(var(--u) * 1.4); background: #141018; position: relative; }
#bc-suivi .bc-jour i u { position: absolute; left: 0; top: 0; bottom: 0; background: #7a6a90; }
#bc-suivi .bc-jour i.cur u { background: #ff8a3a; }
#bc-suivi .bc-jour-t { color: var(--dim); font-size: calc(var(--u) * 3); margin-top: calc(var(--u) * .6); text-transform: none; }
/* ligne brève sous l'encart (messages importants du journal masqué) */
#bc-ligne { position: fixed; left: calc(var(--u) * 3); max-width: min(calc(var(--u) * 125), 44vw); padding: calc(var(--u) * 1) calc(var(--u) * 2.5); font-size: calc(var(--u) * 3.6); opacity: 0; pointer-events: none; transition: opacity .2s steps(3); }
#bc-ligne.show { opacity: 1; }
#bc-ligne.good { color: #9fe0a8; } #bc-ligne.bad { color: #ffb4a8; } #bc-ligne.warn { color: #ffd38a; }
body:not([data-scene="game"]) #bc-ligne, body.ecran-on #bc-ligne { display: none !important; }
/* récapitulatif de mi-journée */
#bc-recap { position: fixed; left: 50%; top: 24%; transform: translateX(-50%); min-width: calc(var(--u) * 100); max-width: 60vw; padding: calc(var(--u) * 3) calc(var(--u) * 5); font-size: calc(var(--u) * 4); display: none; z-index: 30; cursor: pointer; }
#bc-recap.show { display: block; animation: bc-pop .35s steps(3); }
@keyframes bc-pop { 0% { transform: translateX(-50%) scale(1.12); filter: brightness(1.6); } 100% { transform: translateX(-50%); } }
#bc-recap h3 { margin: calc(var(--u) * 1) 0 calc(var(--u) * 2); }
#bc-recap .bc-r-sur { font: calc(var(--u) * 3.2)/1 'Silk', monospace; color: var(--sun); }
#bc-recap .bc-r { display: flex; justify-content: space-between; gap: calc(var(--u) * 4); padding: calc(var(--u) * .4) 0; }
#bc-recap .bc-r span { color: var(--dim); }
#bc-recap .bc-r-next { margin-top: calc(var(--u) * 2); color: #b8dcff; font-size: calc(var(--u) * 3.6); }
body:not([data-scene="game"]) #bc-recap, body.ecran-on #bc-recap { display: none !important; }
/* parcours (bilan, pause) */
.bc-parcours { margin: calc(var(--u) * 1) 0 calc(var(--u) * 2); }
.bc-p-head { display: flex; justify-content: space-between; gap: calc(var(--u) * 3); align-items: baseline; }
.bc-p-head b { font-family: 'Silk', monospace; color: var(--sun); }
.bc-p-head span { color: var(--dim); }
.bc-p-barre { height: calc(var(--u) * 3); background: #141018; box-shadow: 0 0 0 calc(var(--u) * .5) #3a3040; margin: calc(var(--u) * 1.5) 0 calc(var(--u) * 1); position: relative; }
.bc-p-barre i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--b); background: repeating-linear-gradient(90deg, #7ee081 0 calc(var(--u) * 3), #4fb05a calc(var(--u) * 3) calc(var(--u) * 4)); animation: bc-remplir 1.6s steps(16) both; }
@keyframes bc-remplir { from { width: var(--a); } to { width: var(--b); } }
.bc-p-next { color: var(--dim); font-size: calc(var(--u) * 3.4); }
.bc-p-debloque { margin-top: calc(var(--u) * 1.5); padding: calc(var(--u) * 1) calc(var(--u) * 2); background: #3a3010; color: var(--sun); font-size: calc(var(--u) * 3.6); animation: blink .5s steps(2) 4; }
.bc-parcours.monte .bc-p-head b { animation: blink .4s steps(2) 6; }
#ep-situation .bc-regles .bc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 2); margin: calc(var(--u) * 1) 0; }
#ep-situation .bc-regles .dim { color: var(--dim); display: block; }
#ep-situation .bc-regles div.on { color: var(--sun); }