/* REQ-179 (Carlo 2026-10-23 "go countdown"): the official launch countdown box (js/launch.js) on the home hero and /play.
   The site's gold-on-dark look; literal colours so the home page (css/site.css) and /play (links/links.css) both have it. */
.launch { display: inline-block; max-width: 100%; margin: 0 0 18px; padding: 10px 16px; border-radius: 10px; text-align: left;
  background: linear-gradient(90deg, rgba(200,50,59,.28), rgba(11,13,18,.72)); border: 1px solid rgba(232,182,74,.6);
  box-shadow: 0 6px 22px rgba(0,0,0,.45); }
.launch[hidden] { display: none; }
.launch p { margin: 0; }
.launch__top { font-size: 18px; line-height: 1.4; color: #e8ebf1; }
.launch__cd { font-weight: 700; }
.launch__cd b { color: #ffd67a; font-size: 22px; font-weight: 900; font-variant-numeric: tabular-nums; }
.launch__sep { color: #939bab; }
.launch__when { color: #e8b64a; font-weight: 600; white-space: nowrap; }
.launch__note { margin-top: 4px !important; font-size: 13px; color: #cfd4dd; }
/* at zero: green like the site's "online" dot, and the Play link as a button */
.launch--live { background: linear-gradient(90deg, rgba(63,185,80,.24), rgba(11,13,18,.72)); border-color: rgba(63,185,80,.75); }
.launch__live { font-weight: 900; color: #3fb950; letter-spacing: .02em; }
.launch__play { display: inline-block; padding: 2px 14px; border-radius: 6px; background: #e8b64a; color: #0b0d12 !important; font-weight: 800; text-decoration: none; }
.launch__play:hover { background: #ffd67a; }
/* /play: a full-width box under the page's header lines */
.head .launch { display: block; margin: 14px 0 0; }
@media (max-width: 560px) {
  .launch { display: block; padding: 9px 12px; }
  .launch__top { font-size: 16px; }
  .launch__cd b { font-size: 19px; }
}