/* PRIZE VAULT v3; no layout dependence on old roulette sibling order. */
#homeView #heroHeadline{display:flex;align-items:center;flex-direction:column;gap:3px;margin:13px 0 5px;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(22px,6vw,30px)}
#heroTitleLine2{color:#f6c3ff;text-shadow:0 0 16px #d65cff90}
#homeView .hero{margin-bottom:6px}
.hero-actions{position:relative;display:grid;gap:10px;margin:0 0 10px;grid-template-columns:1fr}
.hero-actions[data-layout="horizontal"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-actions .button{margin:0;width:100%;min-width:0;min-height:57px;padding:10px 11px;font-size:clamp(12px,3.5vw,16px);border-radius:16px;white-space:normal;line-height:1.25;display:flex;justify-content:center;align-items:center;gap:7px;text-align:center}
.hero-actions[data-layout="stacked"] .button{font-size:15px;min-height:59px}
.hero-action--gold{background:linear-gradient(100deg,#d89134,#eacb72,#aa6a26)!important;color:#210f27!important;box-shadow:0 5px 25px #dba24733!important}
.hero-action--gold span:first-child{font-size:22px}
.hero-action--invite{background:linear-gradient(110deg,#7334cf,#b244e1)!important;color:#fff!important;border:1px solid #d497ff!important;box-shadow:0 5px 22px #ae4fff35!important}
.referral-home-progress{border:1px solid #9747bc88;padding:9px 13px 11px;background:linear-gradient(125deg,#291642,#171129);border-radius:13px;font-size:12px;font-weight:700;margin:9px 0}
.referral-track{height:7px;border-radius:20px;background:#543669;margin-top:8px;overflow:hidden}.referral-track>div{width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#f7bd61,#fcefb7);transition:width .25s ease}
.payment-disclosure{text-align:center;margin:4px 0 11px}.payment-disclosure .link-action{margin:auto;color:#d3aadf;font-size:12px;background:transparent;border:0}
.secondary-open{display:block;margin:10px auto 8px;width:100%;min-height:49px;border:1px solid #c685ff99;border-radius:14px;background:#3f205b;color:#fff;font-weight:750}
#homeView .case-opening + .secondary-open{margin-top:10px}
#profileView .terms-card{margin-top:12px}
#profileView .terms-card h2{font-size:15px}
.referral-v3-hero{text-align:center;position:relative;border:1px solid #8f47bd;border-radius:20px;background:radial-gradient(ellipse at 50% 34%,#a134f46b,transparent 65%),linear-gradient(145deg,#352044,#1a112e);padding:4px 16px 16px;overflow:hidden}
.referral-v3-hero img{display:block;width:min(100%,330px);height:210px;object-fit:contain;margin:-10px auto -16px;filter:drop-shadow(0 0 16px #a548ef)}
.referral-v3-caption{letter-spacing:.15em;font-size:10px;color:#fac36d;font-weight:800}.referral-v3-hero h2{font-size:23px;margin:10px 0;text-wrap:balance}.referral-v3-hero p{font-size:13px;color:#e9cee9;line-height:1.45}
.referral-v3-progress{margin:12px 0}.referral-v3-progress-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.referral-v3-progress-head strong{color:#ffd171;font-size:22px}
.referral-v3-segments{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:13px 0 10px}.referral-v3-segments i{height:12px;border-radius:5px;background:#493052;border:1px solid #6d4981}.referral-v3-segments i.done{background:linear-gradient(#ffc966,#b96b34);border-color:#ffdf91}
#guaranteeProgressHint{font-size:12px;line-height:1.5;color:#c7b4dc;margin:8px 0 0}
#joinGuarantee,#shareGuarantee{width:100%;margin:10px 0}#copyGuarantee{width:100%;margin-bottom:12px}
.referral-v3-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0}
.referral-v3-steps>div{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;background:linear-gradient(160deg,#3a2055,#20162f);border:1px solid #8b45a2aa;border-radius:13px;padding:12px 6px;overflow-wrap:anywhere}
.referral-v3-steps span{font-size:25px}.referral-v3-steps b{font-size:11px}.referral-v3-steps small{font-size:10px;color:#c6b0d9;line-height:1.3}
.referral-v3-invitees{display:grid;gap:8px;margin-top:11px}.referral-v3-invitees>div{border-radius:10px;border:1px solid #67447e;padding:10px 12px;font-size:12px;color:#dbc6ee}
.referral-v3-terms{font-size:11px;white-space:pre-line;color:#bbacce;line-height:1.45;max-height:190px;overflow-y:auto}
.referral-award-row{border-top:1px solid #6b438c;padding:10px 0;font-size:13px}.referral-award-row button{margin-top:7px}
@media(max-width:350px){.hero-actions .button{font-size:11px;padding:7px 5px}.referral-v3-steps b{font-size:10px}.referral-v3-steps small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.referral-track>div{transition:none}}
.showcase-preview{background:linear-gradient(145deg,#301a4c,#120b25);padding:16px 12px;margin:12px 0;border-radius:18px;border:1px solid #9346c788;max-width:390px}
.showcase-preview h4,.showcase-preview h5{text-align:center;margin:3px;font-size:22px;color:#fff;overflow-wrap:anywhere}
.showcase-preview h5{color:#e9b0f5}
.showcase-preview-cta{display:grid;grid-template-columns:1fr;gap:8px;margin:15px 0 0}.showcase-preview-cta[data-layout=horizontal]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.showcase-preview-cta span{display:grid;place-items:center;text-align:center;border-radius:12px;padding:13px 6px;font-size:12px;font-weight:750;overflow-wrap:anywhere;color:#fff;background:linear-gradient(110deg,#8037d0,#a74cda)}
.showcase-preview-cta span:first-child{color:#291431;background:linear-gradient(110deg,#d89b43,#f6d67a)}
.control-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
#fulfillmentContactDisplay pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;background:#2d2142;border:1px solid #9561c9;border-radius:12px;padding:10px;font-size:12px}

.referral-v3-reward{display:flex;gap:10px;align-items:center;justify-content:center;color:#ffe2a2;font-size:18px;font-weight:900;text-shadow:0 0 11px #e8ac5b70;margin:9px auto;border:1px solid #e4ab6480;border-radius:14px;background:#2c1741b0;padding:6px 8px;max-width:300px}
.referral-v3-reward img{width:65px;height:69px;object-fit:contain;flex:none;filter:drop-shadow(0 0 8px #a44afa80)}

/* v3.1 — reference-matched golden referral CTA; real DOM, accessible text. */
#guaranteedReferralBtn.referral-cta{
  --gold:#ffda73;--violet:#a927cc;position:relative;isolation:isolate;overflow:hidden;
  width:100%;min-height:112px;padding:14px 17px 12px!important;
  display:flex!important;flex-direction:column;align-items:stretch!important;gap:7px!important;
  background:radial-gradient(ellipse at 50% 2%,#9e38c078 0%,transparent 69%),
             linear-gradient(110deg,#552064,#42175a 56%,#6b1f74)!important;
  border:2px solid #ffe49a!important;border-radius:25px!important;color:#fff!important;
  box-shadow:0 0 0 1px #ce6cdeaa inset,0 0 8px #ffc76a,0 0 18px #d44def66,
             inset 0 -16px 25px #e454ad1b!important;
  text-align:left!important;
}
#guaranteedReferralBtn.referral-cta:before{
  content:"";position:absolute;z-index:-1;inset:1px;pointer-events:none;border-radius:22px;
  background:radial-gradient(ellipse at top,#d05af540,transparent 60%),
             repeating-conic-gradient(from 90deg at 50% 120%,#f6a2ff0c 0 9deg,transparent 9deg 22deg);
}
#guaranteedReferralBtn.referral-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
#guaranteedReferralBtn.referral-cta:hover:not(:disabled){filter:brightness(1.08)}
.referral-cta__content{display:grid;grid-template-columns:30% minmax(0,1fr);gap:12px;align-items:center;width:100%}
.referral-cta__crest{display:flex;align-items:center;justify-content:center;gap:0;min-width:0;min-height:54px;
  border-right:1px solid #fbe9ff8c;padding-right:9px;color:#ffca58;
  filter:drop-shadow(0 1px 7px #ffd04fa8)}
.referral-cta__crown{width:56px;height:47px;flex:0 1 56px;fill:none;stroke:#ffcd59;stroke-width:1px}
.referral-cta__laurel{width:22px;height:46px;flex:0 1 22px;color:#ffcb66;display:inline-block}
.referral-cta__laurel--left{transform:none}
.referral-cta__laurel--right{transform:scaleX(-1)}
.referral-cta__headline{min-width:0;font-size:clamp(17px,4.65vw,23px);font-weight:900;letter-spacing:-.035em;
  line-height:1.09;color:#fff;text-shadow:0 1px 6px #250925}
.referral-cta__headline em{font-style:normal;color:#ffe079;text-shadow:0 0 12px #ffb74b38}
.referral-cta__subtitle{display:block;width:100%;font-size:clamp(10px,2.75vw,12px);
  color:#ebd5f0;text-align:center;line-height:1.3;letter-spacing:-.01em}
.hero-actions[data-layout="horizontal"] #guaranteedReferralBtn.referral-cta{
 min-height:95px;padding:9px 7px!important;gap:4px!important;border-radius:17px!important}
.hero-actions[data-layout="horizontal"] .referral-cta__content{grid-template-columns:35px minmax(0,1fr);gap:6px}
.hero-actions[data-layout="horizontal"] .referral-cta__crest{padding-right:4px;min-height:36px}
.hero-actions[data-layout="horizontal"] .referral-cta__crown{width:28px;height:28px;flex-basis:28px}
.hero-actions[data-layout="horizontal"] .referral-cta__laurel{display:none}
.hero-actions[data-layout="horizontal"] .referral-cta__headline{font-size:clamp(10px,3vw,13px);line-height:1.12}
.hero-actions[data-layout="horizontal"] .referral-cta__subtitle{font-size:9px}
@media(max-width:350px){
  #guaranteedReferralBtn.referral-cta{padding:11px 9px!important}
  .referral-cta__content{grid-template-columns:28% minmax(0,1fr);gap:9px}
  .referral-cta__crown{width:40px;height:40px;flex-basis:40px}
  .referral-cta__laurel{width:15px;height:36px;flex-basis:15px}
  .referral-cta__headline{font-size:16px}
  .referral-cta__subtitle{font-size:10px}
  .hero-actions[data-layout="horizontal"] .referral-cta__content{grid-template-columns:25px minmax(0,1fr);gap:4px}
  .hero-actions[data-layout="horizontal"] .referral-cta__headline{font-size:10px}
}

/* v3.1 admin preview: visually uses the same reference treatment as the live CTA. */
.showcase-preview-cta>.preview-payment{display:grid;place-items:center;text-align:center;border-radius:14px;padding:15px 8px;
 font-size:13px;font-weight:800;color:#281232;background:linear-gradient(115deg,#d89b43,#f6d67a);min-width:0}
.showcase-preview-cta>.preview-referral{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px;
 border:2px solid #ffdc89;border-radius:18px;padding:10px 9px;
 background:radial-gradient(at 50% 0%,#a242b46b,transparent 80%),linear-gradient(115deg,#542063,#44195a 70%,#752271);
 box-shadow:0 0 7px #ffca77bb,0 0 15px #cf48c944;color:#fff}
.preview-referral-main{display:grid;grid-template-columns:29% minmax(0,1fr);align-items:center;gap:8px}
.preview-referral-crown{font-size:35px;line-height:1;color:#ffd568;text-align:center;border-right:1px solid #d7aee2;padding-right:5px}
.preview-referral-main>b{font-size:clamp(13px,3.3vw,17px);line-height:1.12}
.preview-referral-main em{font-style:normal;color:#ffe079}
.showcase-preview-cta .preview-referral>small{font-size:10px;line-height:1.3;text-align:center;color:#ecceed}
.showcase-preview-cta[data-layout="horizontal"] .preview-referral{padding:9px 5px}
.showcase-preview-cta[data-layout="horizontal"] .preview-referral-main{grid-template-columns:24px minmax(0,1fr);gap:5px}
.showcase-preview-cta[data-layout="horizontal"] .preview-referral-crown{font-size:21px;padding-right:2px}
.showcase-preview-cta[data-layout="horizontal"] .preview-referral-main>b{font-size:10px}
.showcase-preview-cta[data-layout="horizontal"] .preview-referral>small{font-size:9px}
.release-checklist{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:12px 0}
.release-checklist label{display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.release-checklist input{flex:none;margin-top:4px}