/* Luciole : styles partagés (page, modules, mini-fenêtre). Sortis à l'identique de index.html (R1, 15/11/2026). */
:root{
  --nuit:#04060e; --panneau:rgba(6,8,19,.9); --trait:rgba(255,255,255,.13);
  --texte:#f2efe4; --doux:#b3b7cc; --or:#f2c66d; --or-fond:rgba(242,198,109,.15); --calme:#7fe0c3; --bruit:#ff9d6b;
  --sortie:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--nuit);color:var(--texte);font-family:Outfit,system-ui,sans-serif;overflow:hidden}
button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}
button:focus-visible,input:focus-visible{outline:2px solid var(--or);outline-offset:2px}
[hidden]{display:none!important}
h1,h2,.serif{font-family:Fraunces,Georgia,serif}
.chip{border:1px solid var(--trait);border-radius:9px;padding:6px 10px;font-size:14px;color:#dfe0ea;transition:background .15s,border-color .15s,color .15s}
.chip:hover{border-color:rgba(242,198,109,.55)}
.chip:active{transform:translateY(1px)}
.chip[aria-pressed=true]{background:var(--or-fond);border-color:var(--or);color:#fff}
.jauge{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.07);margin-top:6px}
.jauge i{position:absolute;inset:0 auto 0 0;width:0;background:var(--calme);border-radius:99px;transition:width .08s linear,background .3s}
.jauge b{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--or);border-radius:2px}
.btn{border-radius:11px;padding:13px 18px;font-weight:600;font-size:16.5px;transition:transform .15s var(--sortie),background .15s}
.btn:active{transform:translateY(1px)}
.btn.principal{background:var(--or);color:#1c1405}
.btn.principal:hover{background:#f8d58c}
.btn.second{border:1px solid var(--trait);font-weight:500}
.btn.second:hover{background:rgba(255,255,255,.07)}
.hbtn{border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:8px 14px;font-size:14px;background:rgba(0,0,0,.35)}
.hbtn:hover{background:rgba(255,255,255,.14)}