.lm-quick{
      /* Wider than the 1120px .landing-more-shell on purpose (the founder:
         the row read condensed). The shell is viewport-centered with
         visible overflow, so left:50% + translate centers this on the
         viewport safely. */
      width:min(1240px,calc(100vw - 48px));
      position:relative;left:50%;transform:translateX(-50%);
      margin:0 0 20px;
      display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);
    }
    .lm-quick-btn{
      display:flex;flex-direction:column;
      border:1px solid color-mix(in srgb,var(--text,#1a1a1f) 14%,transparent);
      border-radius:16px;overflow:hidden;
      background:var(--bg,#faf9f5);
      font-family:var(--font-body);
      color:var(--text,#1a1a1f);
      text-decoration:none;
      transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
    .lm-quick-thumb{
      position:relative;aspect-ratio:16/9;overflow:hidden;
      background:#121216;
    }
    .lm-quick-thumb img{
      width:100%;height:100%;object-fit:cover;display:block;
      transition:transform .3s ease;
    }
    /* Video-thumbnail play badge on the past-rounds card only. */
    .lm-quick-play{
      position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
      pointer-events:none;
    }
    .lm-quick-play span{
      width:44px;height:32px;border-radius:9px;
      background:rgba(220,38,38,.92);
      display:flex;align-items:center;justify-content:center;
      box-shadow:0 4px 14px rgba(0,0,0,.35);
    }
    .lm-quick-play svg{width:14px;height:14px;color:#fff}
    /* The Her still is a copyrighted frame; its credit rides the image
       wherever it appears. Tiny overlay, same wording as #live-first. */
    .lm-quick-credit{
      position:absolute;right:8px;bottom:6px;
      font-size:9.5px;letter-spacing:.02em;color:rgba(255,255,255,.75);
      text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;
    }
    .lm-quick-label{
      display:flex;align-items:center;justify-content:space-between;gap:8px;
      padding:11px 14px;
      font-size:.93rem;font-weight:700;line-height:1.15;letter-spacing:.005em;
      white-space:nowrap;
    }
    .lm-quick-label svg{width:15px;height:15px;flex:none;color:var(--accent-solid,#b91c1c);transition:transform .18s ease}
    .lm-quick-btn:hover{
      transform:translateY(-2px);
      border-color:color-mix(in srgb,var(--accent,#dc2626) 45%,transparent);
      box-shadow:0 12px 28px color-mix(in srgb,var(--accent,#dc2626) 14%,transparent);
    }
    .lm-quick-btn:hover .lm-quick-thumb img{transform:scale(1.04)}
    .lm-quick-btn:hover .lm-quick-label svg{transform:translateY(2px)}
    .lm-quick-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#dc2626) 34%,transparent);outline-offset:4px}
    /* The leaderboard already renders in full directly below this row.
       The middle door takes people into the Discord. 2026-09-01, Aidan: it
       used to sit in a wider 1.16fr column, which made it taller than its
       two neighbours; the three cards are now equal width, so the three
       16/9 thumbs land at one height. */
    .lm-quick-btn--discord{
      position:relative;
      border-color:color-mix(in srgb,#5865f2 56%,transparent);
      box-shadow:0 15px 34px color-mix(in srgb,#5865f2 16%,transparent);
    }
    .lm-quick-btn--discord::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:4px;background:#5865f2}
    .lm-quick-btn--discord .lm-quick-thumb{background:#17181c}
    .lm-quick-btn--discord .lm-quick-thumb img{object-position:center center}
    .lm-quick-btn--discord .lm-quick-label{align-items:center}
    .lm-quick-btn--discord .lm-quick-label svg{color:#5865f2}
    /* The label row stays the same height as the neighbours' single-line
       labels: title and note sit on one baseline and the note is hidden
       where it would wrap to a second line. */
    .lm-quick-label-copy{display:flex;min-width:0;align-items:baseline;gap:8px;overflow:hidden}
    .lm-quick-label-copy strong{font-size:1em;line-height:1.15;white-space:nowrap}
    .lm-quick-label-copy small{font-size:.68rem;font-weight:600;line-height:1.35;color:var(--text-dim,rgba(0,0,0,.62));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    @media (max-width:1180px){.lm-quick-label-copy small{display:none}}
    @media (max-width:860px){
      .lm-quick-label{font-size:.86rem;padding:10px 12px}
    }
    /* On phones the three cards go horizontal (small thumb left, label
       right) so the row is three compact rows, not three tall tiles. */
    @media (max-width:700px){
      .lm-quick{grid-template-columns:1fr;gap:10px;margin-bottom:14px}
      .lm-quick-btn{flex-direction:row;align-items:stretch}
      .lm-quick-thumb{aspect-ratio:auto;width:116px;min-height:64px;flex:none}
      .lm-quick-play span{width:32px;height:24px;border-radius:7px}
      .lm-quick-play svg{width:11px;height:11px}
      .lm-quick-credit{font-size:8px;right:5px;bottom:4px}
      .lm-quick-label{flex:1;font-size:.95rem;padding:12px 14px;white-space:normal}
      /* Keep the community visual large on phones. The other two links
         become compact rows, but shrinking this artwork to 116px makes the
         invitation unreadable and defeats the point of the replacement. */
      .lm-quick-btn--discord{flex-direction:column}
      .lm-quick-btn--discord .lm-quick-thumb{width:100%;min-height:0;aspect-ratio:16/9}
      .lm-quick-btn--discord .lm-quick-thumb img{object-position:center center}
    }
    @media (prefers-reduced-motion:reduce){
      .lm-quick-btn,.lm-quick-thumb img,.lm-quick-label svg{transition:none}
    }