/* Recodet launch access: Free scope + temporary Subscriber Preview. */
#launchAccessBadge{
  position:fixed;top:max(8px,env(safe-area-inset-top));right:10px;z-index:1200;
  max-width:calc(100vw - 20px);padding:6px 10px;border:1px solid rgba(232,200,90,.52);
  border-radius:999px;background:rgba(10,10,10,.92);color:#e8c85a;font:700 10px/1.15 Arial,sans-serif;
  letter-spacing:.04em;box-shadow:0 5px 18px rgba(0,0,0,.28);cursor:pointer;appearance:none;
}
#launchAccessBadge.subscriber{background:rgba(24,20,5,.95);border-color:#f3d46b;color:#fff1aa}
.launchAccessLocked{position:relative!important;cursor:not-allowed!important;filter:saturate(.35) brightness(.62)!important;opacity:.72!important}
.launchAccessLocked::after,
.launchPlanBarred::after{
  content:attr(data-launch-lock-label);position:absolute;right:7px;top:7px;z-index:5;
  padding:4px 7px;border:1px solid rgba(255,255,255,.25);border-radius:999px;
  background:rgba(0,0,0,.88);color:#f3d46b;font:800 9px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
}
.launchAccessLocked:active{transform:none!important}
.planCard.subscriberPreviewCard{border-color:rgba(232,200,90,.6);background:linear-gradient(145deg,rgba(232,200,90,.12),rgba(15,15,15,.96))}
.planCard.subscriberPreviewCard.active{box-shadow:0 0 0 2px rgba(232,200,90,.28),0 12px 30px rgba(0,0,0,.28)}
.planCard.launchPlanBarred{position:relative;opacity:.48;filter:grayscale(.85);cursor:not-allowed}
.planCard.launchPlanBarred::after{content:'Barred'}
.subscriberPreviewAccess .launchAccessLocked{filter:none!important;opacity:1!important;cursor:pointer!important}
.subscriberPreviewAccess .launchAccessLocked::after{display:none!important}
@media(max-width:520px){#launchAccessBadge{top:max(5px,env(safe-area-inset-top));right:6px;padding:5px 8px;font-size:9px}}

#launchAccessBadge:active{transform:translateY(1px)}
#launchAccessBadge:focus-visible{outline:2px solid #f3d46b;outline-offset:2px}
