/* The top of Sessions and Crew works (mine-heroes.js): a small coin and one line of what is true now. */
.mine-hero { position: relative; display: flex; align-items: center; gap: 14px; margin: 4px 0 12px; padding: 12px 14px; overflow: hidden; border-radius: 18px; background: var(--panel-2); border: 1px solid rgba(229, 175, 79, 0.22); }
.mine-hero[hidden] { display: none; }
.mine-hero.waits { border-color: rgba(229, 175, 79, 0.7); box-shadow: 0 0 0 3px rgba(229, 175, 79, 0.08); }
.mh-ring { position: relative; flex: none; display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: radial-gradient(circle at 50% 36%, var(--gold-soft), transparent 68%), var(--panel); border: 1px solid rgba(229, 175, 79, 0.4); }
.mh-face { display: block; width: 84%; height: 84%; border-radius: 50%; overflow: hidden; }
.mh-face > * { display: block; width: 100%; height: 100%; }
.mh-words { position: relative; display: grid; gap: 3px; min-width: 0; }
.mh-head { margin: 0; font-size: 16px; font-weight: 600; color: var(--text); }
.mh-line { margin: 0; font-size: 13.5px; color: var(--muted); }
.mh-go { justify-self: start; margin-top: 4px; min-height: 32px; padding: 4px 14px; border-radius: 999px; }