/* The ended draw's "Watch the draw replay" button, and the banner the
   draw machine wears while it replays (detail-draw-replay.js). */
.lot-replay{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0 4px;text-align:center}
.lot-replay[hidden]{display:none}
.lot-replay-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:44px;padding:10px 18px;border-radius:999px;
  border:1px solid var(--rule,rgba(0,0,0,.12));background:var(--paper-2,var(--paper,#fff));color:var(--ink,#111827);
  font:inherit;font-size:14px;font-weight:700;line-height:1.25;cursor:pointer;transition:transform .15s,border-color .15s}
.lot-replay-btn svg{flex:none;color:var(--theme-600,currentColor)}
.lot-replay-btn:hover{transform:translateY(-1px);border-color:var(--theme-600,var(--ink,#111827))}
.lot-replay-btn:focus-visible{outline:2px solid var(--theme-600,currentColor);outline-offset:2px}
.lot-replay-meta{margin:0;font-size:12px;line-height:1.4;color:var(--ink-soft,#6b7280);overflow-wrap:anywhere}

.lot-replay-chip{position:fixed;z-index:310;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 8px 8px 14px;border-radius:999px;
  background:rgba(8,10,18,.82);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12.5px;line-height:1.35;
  box-shadow:0 10px 30px -10px rgba(0,0,0,.6);backdrop-filter:blur(8px)}
.lot-replay-chip b{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fde68a}
.lot-replay-chip b::before{content:"";width:0;height:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.lot-replay-chip span{overflow-wrap:anywhere}
.lot-replay-chip button{flex:none;width:30px;height:30px;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.lot-replay-chip button:hover{background:rgba(255,255,255,.26)}
.lot-replay-chip button:focus-visible{outline:2px solid #fde68a;outline-offset:2px}
#lotteryDrawOverlay.is-replay .draw-overlay-content{padding-top:64px}
/* Nothing in a replay is on air: the pulsing live dot rests, and Draw Hall's ON AIR lamp is not lit. */
#lotteryDrawOverlay.is-replay .animate-ping{animation:none;opacity:.6}
#lotteryDrawOverlay.is-replay #drhDrawOnAir{display:none}
@media (max-width:480px){
  .lot-replay-chip{width:calc(100vw - 24px);border-radius:16px;font-size:11.5px;gap:8px}
  .lot-replay-chip span{flex:1;min-width:0}
  .lot-replay-chip .lot-replay-note{display:none}
  #lotteryDrawOverlay.is-replay .draw-overlay-content{padding-top:84px}
}