/* A8 — the lime screen. Code readable across a counter. */
body.bg-lime{background:var(--lime)}
.rd-lbl{text-align:center;margin:1.6rem 0 0;letter-spacing:.26em}
.rd-code{font-weight:700;font-size:clamp(2.6rem,15vw,4.2rem);line-height:1;text-align:center;
  margin:.15em 0 .1em;letter-spacing:.04em}
.rd-sub{font-size:.66rem;text-align:center;line-height:1.9;color:rgba(41,41,39,.75);margin:0}
.rd-tear{border-top:2px dashed rgba(41,41,39,.35);margin:1.3rem 1.4rem 0;position:relative}
.rd-tear::before,.rd-tear::after{content:"";position:absolute;top:-9px;width:16px;height:16px;
  border-radius:50%;background:var(--ink)}
.rd-tear::before{left:-25px}
.rd-tear::after{right:-25px}
.rd-map{margin:1rem 1.4rem 0;border:2px solid var(--ink);background:var(--white);
  font-size:.62rem;padding:.7rem .8rem;line-height:1.8}
.rd-delete{margin:.9rem 1.4rem 0;font-size:.74rem;color:rgba(41,41,39,.75)}

/* the single lime reveal — once, 250ms, opacity/transform only */
@media(prefers-reduced-motion:no-preference){
  .rd-reveal{animation:reveal var(--t3) var(--ease)}
  @keyframes reveal{from{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}
}

/* the wrapper is invisible on mobile — it only exists to become the ticket */
.rd-ticket{display:flex;flex-direction:column;flex:1}

/* Desktop: the payoff becomes a physical ticket lying on the lime counter. */
@media(min-width:900px){
  .rd-ticket{flex:none;max-width:620px;width:100%;margin:clamp(2rem,5vh,4rem) auto 3rem;
    background:var(--white);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);
    padding:0 0 1.6rem}
  .rd-lbl{margin-top:2.6rem}
  .rd-code{font-size:clamp(4.5rem,7vw,7rem)}
  .rd-sub{font-size:.8rem;color:var(--ink-60)}
  .rd-tear{border-top-color:var(--ink-30);margin:1.6rem 1.8rem 0}
  /* tear punches read as holes into the lime behind the ticket */
  .rd-tear::before,.rd-tear::after{background:var(--lime);border:2px solid var(--ink)}
  .rd-tear::before{left:-29px}
  .rd-tear::after{right:-29px}
  .rd-map,.rd-delete{max-width:none;margin-left:1.8rem;margin-right:1.8rem}
  .rd-map{font-size:.7rem;padding:1rem 1.2rem;background:var(--chalk)}
  .rd-delete{text-align:center;margin-top:1.2rem;color:var(--ink-60)}
  .rd-ticket .cta-dock{max-width:none;margin:0 1.8rem;padding:1rem 0 0;background:transparent}
}