/* Barracks bay (views/barracks.js): the roster as crew cards (pilots.css's .pl-card) carrying stamina and its meal;
   one motion only, a fed pilot's stamina refilling from where it stood. */

/* Stamina: its line and meter, with the meal that moves it docked to the right. */
.bk-stamina{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px}
.bk-stamina-act{grid-area:1/2/3}
.bk-stamina-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.bk-stamina-name{font:500 11px/1 var(--u-font-ui);color:var(--u-mute)}
.bk-stamina-val{font:400 12px/1 var(--u-font-ui);font-variant-numeric:tabular-nums;color:var(--u-label)}
.bk-stamina-val b{color:var(--u-value)}
.bk-stamina .u-meter{height:4px}

/* Tired: the screen dims until the pilot is fed. */
.bk-pilot.is-tired .pl-screen-portrait{filter:saturate(.4) brightness(.7)}

@keyframes bkRefill{from{width:var(--bk-from)}}
@keyframes bkGlow{from{filter:brightness(2)}}
.bk-stamina.is-fed .u-meter>span{animation:bkRefill .8s cubic-bezier(.2,.7,.2,1),bkGlow 1.1s ease-out}

@media (prefers-reduced-motion:reduce){
  .bk-stamina.is-fed .u-meter>span{animation:none}
}