/* THE EYE ON A RUMOUR (maggie, 2026-09-27). Every line on the rumour board
   carries a small eye: shut while nobody else has seen it, opening one step
   wider for each of balance.json rumours.eyeSteps the count reaches (the server
   sends the step as data-level 0-4). Hover it - or tap it on a phone, which
   focuses it - and the names of whoever saw it drop down beneath it.
   The eye is drawn in ui/intrigue.js (rumourEyeHtml); only the look is here. */
.rumour-foot {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.rumour-eye {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  color: var(--text-muted);
  outline: none;
}
.rumour-eye svg { width: 20px; height: 14px; display: block; }
.rumour-eye .rumour-eye-pupil { fill: var(--accent-gold); stroke: none; }
.rumour-eye[data-level="3"],
.rumour-eye[data-level="4"] { color: var(--text-secondary); }
.rumour-eye[tabindex] { cursor: pointer; }
.rumour-eye:focus-visible { box-shadow: 0 0 0 1px var(--accent-gold); border-radius: var(--radius); }
.rumour-eye-list {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 20;
  min-width: 7rem;
  max-width: min(16rem, 70vw);
  padding: 0.3rem 0.45rem;
  background: var(--bg-surface);
  border: 1px solid var(--border-bright);
  border-radius: var(--radius);
  color: var(--text-secondary);
  font-size: 0.66rem;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
.rumour-eye-list > span { display: block; }
.rumour-eye:hover .rumour-eye-list,
.rumour-eye:focus .rumour-eye-list,
.rumour-eye:focus-within .rumour-eye-list { display: block; }
/* The one word the planter of a line sees on it, and nobody else. */
.rumour-fab { color: var(--accent-violet); }