.free-rig-live {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 16px;
  padding: 20px; margin: 16px 0; border-radius: 14px;
  background: linear-gradient(145deg, #14513d, #052a21); color: #ecfff4;
  box-shadow: inset 0 1px 0 #b4ffcf26, inset 0 -4px 0 #021a14, 0 5px 0 #022119;
}
.free-rig-live[hidden] { display: none; }
.free-rig-copy, .free-rig-reading { display: grid; gap: 5px; min-width: 0; }
.free-rig-title { display: flex; align-items: center; gap: 7px; font-weight: 800; font-size: 17px; }
.free-rig-title b { font-size: 11px; border-radius: 5px; padding: 3px 6px; background: #daffe71a; color: #a9f6c7; }
.free-rig-dot { width: 7px; height: 7px; border-radius: 50%; background: #71f3b5; box-shadow: 0 0 0 4px #71f3b515; }
.free-rig-caption, .free-rig-note { font-size: 11px; line-height: 1.5; color: #bad7ca; }
.free-rig-reading { text-align: right; align-content: start; }
.free-rig-value { font-size: clamp(19px, 5vw, 25px); font-variant-numeric: tabular-nums; letter-spacing: -.5px; white-space: nowrap; }
.free-rig-progress { grid-column: 1 / -1; height: 5px; border-radius: 4px; overflow: hidden; background: #011c14; }
.free-rig-progress i { display: block; height: 100%; background: #78edb5; border-radius: inherit; transition: width 1s linear; }
.free-rig-clock, .free-rig-live > a { font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.free-rig-live > a { color: #d7ffe9; text-align: right; }
.free-rig-live.is-complete .free-rig-dot { background: #9caea5; box-shadow: none; }
.free-rig-live.is-complete .free-rig-progress i { background: #8ba69a; }
@media (max-width: 360px) {
  .free-rig-live { padding: 16px 13px; gap: 10px; }
  .free-rig-caption { max-width: 145px; }
  .free-rig-value { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) { .free-rig-progress i { transition: none; } }