/* U|H factive closed-loop HUD — austere, japan-drive movie ground */
.uh-factive-loop {
  --uh-fl-ink: #e8e0d2;
  --uh-fl-mute: #8a9aaa;
  --uh-fl-gold: #c9b896;
  --uh-fl-rule: rgba(232, 224, 208, 0.22);
  --uh-fl-bg: rgba(10, 10, 10, 0.88);
  position: fixed;
  left: 50%;
  bottom: max(0.45rem, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 28;
  max-width: min(36rem, calc(100vw - 7.5rem));
  padding: 0.28rem 0.55rem 0.32rem;
  background: var(--uh-fl-bg);
  border: 1px solid var(--uh-fl-rule);
  color: var(--uh-fl-ink);
  font: 0.62rem/1.25 system-ui, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  pointer-events: none;
  text-align: center;
}
.uh-fl-modules,
.uh-fl-gates {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.28rem 0.4rem;
}
.uh-fl-chip,
.uh-fl-gate {
  border: 1px solid var(--uh-fl-rule);
  padding: 0.08rem 0.38rem;
  color: var(--uh-fl-mute);
  font-size: 0.58rem;
}
.uh-fl-chip {
  color: var(--uh-fl-gold);
}
.uh-fl-live {
  margin: 0.18rem 0 0;
  color: var(--uh-fl-mute);
  letter-spacing: 0.14em;
  font-size: 0.58rem;
}
.uh-factive-loop.is-static .uh-fl-chip,
.uh-factive-loop.is-static .uh-fl-gate,
html.uh-fl-reduced .uh-fl-chip,
html.uh-fl-reduced .uh-fl-gate {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .uh-factive-loop { transition: none; }
}
@media (max-width: 640px) {
  .uh-factive-loop { max-width: calc(100vw - 1.2rem); font-size: 0.58rem; }
}