/* ── replay.css — seeds, the daily run, the career slots (banking/js/replay.js) ──
   Tokens only, from :root in desk.css. On paper the rules are the ink at a low
   strength; on the desk they are the desk's own lines. */

/* ═══ the letter ═══ */
.gc-seed{ display:flex; gap:10px; align-items:center; }
.gc-seed input{ flex:1; font-family:var(--mono) !important; letter-spacing:.04em; }
.gc-seed .linkbtn{ margin:0; white-space:nowrap; color:var(--ink-2); }
#gc-seed-note{ color:var(--ink-2); font-family:var(--sans); font-size:12px; margin-top:4px; }
.gc-daily-line{ font-family:var(--sans); font-size:12px; color:var(--ink-2); margin:4px 0 0; }
.gc-daily-line b{ color:var(--ink); font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; font-weight:600; }

.gc-careers{ margin-top:18px; border-top:1px solid color-mix(in srgb, var(--ink) 16%, transparent); padding-top:12px; }
.gc-careers .gc-head{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); margin-bottom:6px; }
.gc-careers .gc-head span{ letter-spacing:.04em; text-transform:none; margin-left:8px; color:var(--ink-2); opacity:.8; }

/* ═══ the slots, on paper and on the desk ═══ */
.gc-slots{ display:flex; flex-direction:column; }
.gc-slot{ display:grid; grid-template-columns:86px 1fr auto auto; gap:12px; align-items:center; padding:6px 0; border-bottom:1px dotted color-mix(in srgb, var(--ink) 20%, transparent); font-family:var(--sans); font-size:12px; }
.gc-slot .gc-n{ font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-2); }
.gc-slot .gc-n i{ display:block; font-style:normal; font-size:10px; letter-spacing:.06em; color:var(--accent-dim); }
.gc-slot .gc-sub{ font-size:11px; color:var(--ink-2); }
.gc-slot .gc-when{ font-family:var(--mono); font-size:10.5px; color:var(--ink-2); white-space:nowrap; }
.gc-slot .gc-acts{ display:flex; gap:6px; }
.gc-slot.empty .gc-who{ color:var(--ink-2); font-style:italic; }
.gc-slot.over .gc-who b{ text-decoration:line-through; text-decoration-thickness:1px; }
.doc .gc-slot .btn.tiny{ padding:4px 9px; font-size:10.5px; letter-spacing:.06em; }

/* on SET the slots sit on the desk, not on paper */
.gc-set-careers .gc-slot{ border-bottom-color:var(--line); }
.gc-set-careers .gc-slot .gc-n, .gc-set-careers .gc-slot .gc-sub, .gc-set-careers .gc-slot .gc-when,
.gc-set-careers .gc-slot.empty .gc-who{ color:var(--muted); }
.gc-set-careers .gc-slot .gc-n i{ color:var(--accent); }
.gc-set-careers .gc-slot.cur{ box-shadow:inset 2px 0 0 var(--accent); padding-left:8px; }
.gc-set-careers .gc-set-seed{ margin-bottom:8px; line-height:2; }
.gc-set-careers .gc-set-seed .gc-b{ display:inline-flex; gap:6px; margin-left:6px; vertical-align:middle; }
.gc-set-careers .gc-set-seed b{ font-family:var(--mono); color:var(--text); }

/* ═══ HOME's kicker ═══ */
.gc-rp-kick{ display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center; font-family:var(--mono); font-size:11px; color:var(--muted); padding:0 0 8px; margin:0 0 8px; border-bottom:1px solid var(--line); }
.gc-rp-kick .gc-k{ letter-spacing:.14em; text-transform:uppercase; color:var(--accent); }
.gc-rp-kick .gc-v b{ color:var(--text); font-weight:500; }
.gc-rp-kick .gc-b{ display:flex; gap:6px; margin-left:auto; }

/* ═══ the ending ═══ */
.gc-rp-end{ margin:18px 0 16px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--ink) 16%, transparent); }
.gc-rp-end p{ margin:6px 0 10px; font-size:14px; }
.gc-rp-end .gc-rp-btns{ display:flex; gap:8px; flex-wrap:wrap; }
.doc .gc-rp-end .btn.tiny{ padding:5px 10px; font-size:10.5px; }
.gc-rp-end .gc-rp-link{ font-family:var(--mono); font-size:10.5px; color:var(--ink-2); margin-top:6px; word-break:break-all; }
.mode-box .gc-rp-end{ border-top-color:var(--line); }
.mode-box .gc-rp-end .gc-rp-link{ color:var(--muted); }

/* ═══ LEAGUE ═══ */
.gc-daily-board .gc-daily-rows{ margin-top:8px; }

@media (max-width:640px){
  .gc-slot{ grid-template-columns:1fr auto; }
  .gc-slot .gc-n{ grid-column:1 / -1; }
  .gc-slot .gc-when{ display:none; }
  .gc-rp-kick .gc-b{ margin-left:0; }
}
