.invite-entry{display:flex;align-items:center;gap:9px;border:1px solid #715235;background:linear-gradient(100deg,#302031,#1c1826);padding:12px 11px;margin:14px 0 0;font-size:12px;line-height:1.5;color:#e6c389;transition:border-color .2s,transform .2s}.invite-entry:hover{border-color:#eccb85;transform:translateY(-2px)}.invite-entry span:first-child{font-size:25px;color:#eac773}.invite-entry span:last-child{margin-left:auto}
.referral-welcome{display:flex;gap:9px;align-items:center;border:1px solid #79613c;background:#332d1c88;padding:10px;margin-top:16px;font-size:12px;line-height:1.5}.referral-welcome>span{color:#e9c56c;font-size:25px}.referral-welcome small{display:block;color:#b9afbf;font-size:10px;margin-top:3px}.referral-welcome button{margin-left:auto;background:transparent;border:0;color:#dbc28e;font-size:22px;padding:3px}
.referral-section{padding:65px 0 55px;background:radial-gradient(ellipse at 85% 10%,#58345f33,transparent 55%),linear-gradient(160deg,#14101c,#100c17 65%)}.referral-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.referral-heading h2{font-size:48px;margin:9px 0 14px}.referral-heading h2 span{color:#e1bd79}.referral-heading>div>p:last-child{font-size:14px;color:var(--muted)}.referral-seal{flex:0 0 112px;text-align:center;border:1px solid #8f6e44;outline:1px solid #604a3344;outline-offset:7px;padding:8px;color:#e7bd79;font-size:37px;line-height:1.2;transform:rotate(4deg);background:radial-gradient(#d5a8581f,transparent)}.referral-seal span{display:block;font-size:9px;line-height:1.7;letter-spacing:2px;margin:4px}
.referral-dashboard{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;background:linear-gradient(110deg,#241a2b,#15111e);padding:30px}.referral-share>p{margin:7px 0 14px;color:#d4c7d8}.referral-link-row{display:flex;gap:8px}.referral-link-row input{min-width:0;width:100%;background:#0d0912;border:1px solid #674d62;color:#e9d8ba;padding:12px;font-size:12px;border-radius:0}.referral-link-row button{flex-shrink:0;border:1px solid #b18b4e;background:#483221;color:#f5dfb5;padding:10px 16px;font-size:12px}.referral-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:15px}.referral-share-actions .button{font-size:21px;min-height:42px;padding:8px 16px}.referral-share-actions .text-button{font-size:12px}.referral-stats{display:grid;grid-template-columns:1fr 1fr;align-self:center;gap:16px;text-align:center;border-left:1px solid #5b4354;padding-left:24px}.referral-stats strong{font:64px/1 Pix,monospace;color:#f3cc81}.referral-stats>div+div strong{color:#ac9cbb}.referral-stats span{display:block;max-width:130px;margin:8px auto 0;font-size:11px;line-height:1.6;color:#c1b1c9}.referral-road{grid-column:1/-1;border-top:1px solid #50374f;padding-top:17px}.referral-road>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#cbbbce}.referral-road b{color:#e8c384}.referral-road progress{width:100%;height:9px;display:block;margin-top:12px;appearance:none;border:0;background:#0e0a15;accent-color:#d4ae69}.referral-road progress::-webkit-progress-bar{background:#0e0a15}.referral-road progress::-webkit-progress-value{background:linear-gradient(90deg,#805d99,#dbbc77);box-shadow:0 0 14px #dbbc7744;transition:width .5s}.referral-road progress::-moz-progress-bar{background:#d4ae69}.referral-road-marks{display:flex;justify-content:space-between;font-size:9px;color:#a591ac;margin-top:8px}
.referral-how{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0;margin:0}.referral-how li{display:flex;gap:13px;align-items:center;font-size:14px;line-height:1.5}.referral-how b{font:32px Pix,monospace;color:#b89a67}.referral-how small{color:#a999b3;font-size:11px}.referral-recipient{border-block:1px solid #493447;padding:18px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.referral-recipient label{font-size:14px;color:#eed5a8}.referral-recipient select{background:#1d1526;border:1px solid #765668;padding:10px 12px;color:#f0dfc3;font:13px Txt,Arial,sans-serif;min-width:220px;max-width:100%}.referral-recipient p{flex-basis:100%;color:#a99bb4;font-size:11px}.referral-message{font-size:13px;color:#d7c197;min-height:30px;padding-top:13px;scroll-margin-top:20px}.referral-message.error{color:#ff9da5}
.referral-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:12px}.referral-reward{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:26px 22px 20px;border:1px solid #54425d;background:linear-gradient(150deg,#2d203b,#15101e 70%);animation:referralReveal .35s ease-out both}.referral-reward:nth-child(2){animation-delay:.07s}.referral-reward:nth-child(3){animation-delay:.14s;background:linear-gradient(150deg,#372736,#15101e 70%);border-color:#8f7045}.referral-reward.available{border-color:#e3bb73;box-shadow:0 0 23px #dbb36215,inset 0 0 36px #d6b16a07}.referral-reward.claimed{border-color:#598379}.referral-reward::before{content:'';position:absolute;inset:5px;border:1px solid #b798c414;pointer-events:none}.referral-badge{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px;font-size:10px;color:#b7a3c3;letter-spacing:.8px}.referral-badge b{color:#e2c07d}.referral-reward h3{font-size:30px;margin-bottom:12px}.referral-reward>p{font-size:12px;color:#bfb0c6;line-height:1.6;min-height:40px}.referral-items{display:flex;gap:10px;flex-direction:column;margin:24px 0;flex:1}.referral-item{display:flex;gap:12px;align-items:center}.referral-item img{width:48px;height:48px;object-fit:contain;padding:7px;background:radial-gradient(#67428866,#201628);border:1px solid #705689}.referral-item span{font-size:13px;color:#e7d8ec}.referral-item small{display:block;font-size:10px;color:#b5a5c0;margin-top:3px}.referral-reward .button{width:100%;font-size:23px;min-height:44px;padding:9px;gap:8px}.referral-reward .button:disabled{cursor:default;background:#211b29;color:#a897b0;border:1px solid #53415a;opacity:1;box-shadow:none}.referral-claim-note{font-size:10px;color:#b8a9c0;text-align:center;margin-top:12px;min-height:32px;line-height:1.5}.referral-rules{margin-top:24px;border-top:1px solid #4b344a;padding-top:17px;font-size:12px;color:#ac9ab6}.referral-rules summary{color:#ddc58f;cursor:pointer}.referral-rules p{margin-top:12px;max-width:950px}.referral-confirm{background:#1d1425;border:1px solid #c09a5b;color:#f1e2bf;padding:30px;width:min(450px,calc(100% - 24px));box-shadow:0 15px 80px #000b}.referral-confirm::backdrop{background:#09060cd9}.referral-confirm h3{font-size:35px;margin:10px 0 18px}.referral-confirm form>p:not(.eyebrow){font-size:14px;line-height:1.7}.referral-confirm form>div{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:22px;margin-top:25px}.referral-confirm .button{font-size:23px;padding:10px 18px}
@keyframes referralReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.referral-dashboard{grid-template-columns:1fr}.referral-stats{border-left:0;border-top:1px solid #5b4354;padding:20px 0 0}.referral-rewards{gap:12px}.referral-reward{padding:22px 15px}.referral-heading h2{font-size:40px}.referral-item span{font-size:12px}.referral-how{gap:12px}}
@media(max-width:600px){.referral-section{padding:42px 0}.referral-heading h2{font-size:36px}.referral-seal{display:none}.referral-dashboard{padding:20px;gap:18px}.referral-link-row{flex-wrap:wrap}.referral-link-row input{flex-basis:100%}.referral-link-row button{width:100%}.referral-stats strong{font-size:54px}.referral-rewards{grid-template-columns:1fr;gap:16px}.referral-reward{padding:23px}.referral-reward>p{min-height:0}.referral-how{grid-template-columns:1fr;gap:15px;padding-block:22px}.referral-recipient select{width:100%;min-width:0}.referral-heading>div>p:last-child{font-size:13px}.referral-share-actions{gap:15px}.referral-share-actions .button{width:100%}.referral-items{margin:20px 0}.referral-claim-note{min-height:0}.referral-road-marks{font-size:8px}.referral-message{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.referral-reward{animation:none}.invite-entry,.referral-road progress::-webkit-progress-value{transition:none}}
.motion-paused .referral-reward{animation:none}.motion-paused .invite-entry{transition:none}
.referral-road-marks{display:block;position:relative;height:15px}.referral-road-marks span{position:absolute;top:0;white-space:nowrap}.referral-road-marks span:first-child{left:0}.referral-road-marks span:nth-child(2){left:30%;transform:translateX(-50%)}.referral-road-marks span:nth-child(3){left:50%;transform:translateX(-50%)}.referral-road-marks span:last-child{right:0}
.referral-character-label{display:block;font-size:13px;color:#ebc785;margin:21px 0 8px}.referral-confirm select{display:block;width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid #886578;background:#100b18;color:#f1e2bf;font:14px Txt,Arial,sans-serif}.referral-confirm .referral-recipient-note{font-size:12px;line-height:1.6;color:#b9a9c5;margin-top:12px}.referral-help{margin-top:12px;background:transparent;border:0;padding:5px;color:#dbbf86;font:12px Txt,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}.referral-success{width:min(690px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.referral-mail-guide{margin:22px 0 16px}.referral-mail-guide img{display:block;width:100%;height:auto;border:1px solid #735637;image-rendering:auto;background:#100c17}.referral-mail-guide figcaption{font-size:10px;color:#a798b3;margin-top:7px;text-align:center}.referral-mail-steps{padding-left:21px;font-size:13px;color:#d9c9e3;line-height:1.7}.referral-mail-steps li+li{margin-top:8px}.referral-mail-steps strong{color:#f1d69f}.referral-mail-steps kbd{background:#302039;border:1px solid #8b6c65;padding:1px 5px;color:#f7d77a}.referral-confirm form>.referral-success-actions{position:sticky;bottom:-30px;background:linear-gradient(#1d1425eb,#1d1425 24px);padding:15px 0 10px;gap:15px}.referral-success-actions #referral-success-ok{min-width:90px}
@media(max-width:600px){.referral-confirm{padding:22px}.referral-confirm h3{font-size:30px}.referral-confirm form>.referral-success-actions{bottom:-22px}.referral-success-actions .button{font-size:21px;padding:10px 14px}}