/* Bū tools · widget Ambiance (voir app/ambiance.js) : préfixe amb-
   Dans la barre du haut, après le Pomodoro, dans le même style (mono, gris) ; sa fenêtre reprend celle du Pomodoro (pomo-voile, pomo-fenetre). */
.amb { pointer-events: auto; display: flex; align-items: center; gap: 6px; font: 500 10.5px/1.5 var(--mono); letter-spacing: .1em; color: var(--texte2); }
html.sans-amb .amb { display: none; }
.amb-nom { position: relative; top: 1px; border: 0; background: none; padding: 0; cursor: pointer; font: inherit; letter-spacing: inherit; color: inherit; white-space: nowrap;
  transition: color .3s var(--courbe); }
.amb-nom:hover { color: var(--papier); }
.amb.joue .amb-nom { color: var(--papier); opacity: .85; }
/* La fenêtre */
.amb-grand { width: 36px; height: 36px; box-shadow: inset 0 0 0 1px var(--filet); }
.amb-grand svg { width: 16px; height: 16px; }
.amb-sons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.amb-son { height: 48px; border: 0; border-radius: 14px; background: transparent; box-shadow: inset 0 0 0 1px var(--filet); color: var(--texte2); cursor: pointer;
  font: var(--valeur); letter-spacing: .06em; transition: background .3s var(--courbe), color .3s var(--courbe); }
.amb-son[aria-pressed="true"] { background: var(--papier); color: var(--noir); box-shadow: none; }
.amb-note { margin: -8px 0 0; min-height: 3em; font: 400 12.5px/1.5 var(--corps); color: var(--texte2); }   /* hauteur fixe : rien ne bouge */
.amb-reste { margin-right: auto; font: var(--valeur); letter-spacing: .06em; color: var(--texte2); }