/* Moonshot drop sources - the follower page.  Sits on the dashboard's
   ink-and-amber sheet (/style.css); only what this page adds lives here. */
.dropshead {
  display: block; position: static; padding: 18px 22px 14px;
}
.dropshead h1 { font-size: 26px; }
.dropshead .sub { max-width: 780px; margin: 6px 0 0; }
.drops { max-width: 800px; margin: 0 auto; padding: 22px; display: grid; gap: 18px; }
.drops .card { max-width: none; }
.step { margin-bottom: 14px; position: relative; }
.step > label { display: block; font-weight: 700; font-size: 13px; }
.picker {
  list-style: none; margin: 4px 0 0; padding: 4px 0; max-height: 280px; overflow: auto;
  background: var(--ink-2); border: 2px solid #000; border-radius: 3px;
  box-shadow: 4px 4px 0 rgba(0,0,0,.4);
}
.picker li.group {
  color: var(--muted); font-size: 11px; font-weight: 900; letter-spacing: .08em;
  text-transform: uppercase; padding: 8px 12px 2px;
}
.picker li button {
  display: block; width: 100%; text-align: left; background: transparent; border: 0;
  color: var(--cream); padding: 7px 12px; font: inherit; cursor: pointer;
}
.picker li button:hover, .picker li button.hi { background: #3a2f22; color: #fff; }
.picker li button .g { color: var(--muted); font-size: 12px; margin-left: 8px; }
.picker li button.typed { color: var(--amber); font-weight: 700; }
.chosen { margin: 8px 0 0; font-weight: 800; color: var(--amber); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.chosen .g { color: var(--muted); font-weight: 400; font-size: 12px; }
.chosen button { padding: 4px 9px; font-size: 12px; }
.okmsg { color: var(--live); font-weight: 700; margin: 10px 0 0; }
.tally { margin: 0; padding-left: 22px; }
.tally li { margin: 6px 0; }
.tally .n { color: var(--amber); font-weight: 900; margin-right: 6px; }
.tally .g, .board .g { color: var(--muted); font-size: 12px; margin-left: 6px; }
.tally .you, .board .you { color: var(--live); font-size: 12px; font-weight: 900; margin-left: 8px; letter-spacing: .06em; }
.board { display: flex; flex-direction: column; gap: 12px; }
.board .gun {
  background: var(--ink-2); border: 2px solid #000; border-radius: 4px; padding: 10px 14px;
}
.board .gun .head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.board .gun .head .nm { font-weight: 900; font-size: 16px; }
.board .gun .head .tot { margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.board .src { display: grid; grid-template-columns: 34px 1fr; gap: 4px 8px; align-items: center; margin-top: 6px; }
.board .src .n { color: var(--amber); font-weight: 900; text-align: right; }
.board .bar { grid-column: 2; height: 6px; background: #3a2f22; border-radius: 3px; overflow: hidden; }
.board .bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--amber), var(--amber-2)); }
.board .more { color: var(--muted); font-size: 12px; margin-top: 6px; }
.foot { text-align: center; font-size: 13px; }
@media (max-width: 720px) {
  .drops { padding: 12px; }
  .board .gun .head .tot { margin-left: 0; }
}