.referral-invite{--gold:#ffd23a;isolation:isolate;text-align:left;width:100%;font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;color:#f3f0e9;background:radial-gradient(circle at 80% 38%,#c4901f55,#0000 58%),linear-gradient(140deg,#2b2320,#1d1e22 72%);border:2px solid #050608;border-radius:10px;flex-direction:column;gap:14px;margin-top:14px;padding:18px 14px 14px;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #f2c14e40,4px 5px #050608,0 0 28px #f6c41626;container-type:inline-size}.referral-invite:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;top:-2px;left:22px;right:42%}.referral-invite-stage{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.referral-invite-stage:after{content:"";background:linear-gradient(105deg,#0000 38%,#fff3 48%,#0000 58%) 160% 0/250% 100% no-repeat;position:absolute;inset:0}.referral-invite-rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffd23a24 0 10deg, transparent 10deg 24deg);width:280px;position:absolute;top:50%;right:-70px;translate:0 -50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.referral-invite-watermark{color:#0000;-webkit-text-stroke:1.5px #ffd23a2e;font:400 132px/1 var(--font-lilita), sans-serif;letter-spacing:-.06em;position:absolute;bottom:-22px;right:4px;rotate:-12deg}.referral-invite-packs{pointer-events:none;width:128px;position:absolute;top:0;bottom:80px;right:6px}.referral-invite-pack{z-index:3;width:288px;height:420px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:6deg;scale:.23}.referral-invite-pack.piece-1{z-index:1;translate:calc(-50% - 38px) -46%;rotate:-16deg;scale:.19}.referral-invite-pack.piece-2{z-index:2;translate:calc(40px - 50%) -44%;rotate:20deg;scale:.19}.referral-invite-pack .pack-pixel:after{display:none}.referral-invite-pack .pack-pixel{filter:drop-shadow(0 10px #00000073)}.referral-invite-spark{color:var(--gold);line-height:1;position:absolute}.referral-invite-spark.spark-a{font-size:16px;top:10px;left:0}.referral-invite-spark.spark-b{color:#ff6b6b;font-size:11px;bottom:6px;right:2px}.referral-invite-spark.spark-c{color:#fff4c9;font-size:9px;top:0;right:12px}.referral-invite-text{flex-direction:column;gap:6px;max-width:calc(100% - 142px);display:flex}.referral-invite-title{font:400 min(38px, 10cqi)/.92 var(--font-lilita), sans-serif;letter-spacing:-.015em;text-transform:uppercase;color:var(--gold);text-shadow:0 3px #050608,2px 3px #050608;transform-origin:0;rotate:-2deg}.referral-invite-free{color:#f3f0e9}.referral-invite-reward{color:#f1e4c4;font-size:13px;font-weight:500;line-height:1.35}.referral-invite-link{z-index:5;color:#050608;width:100%;height:36px;font:500 13px/1 var(--font-inter), ui-sans-serif, system-ui, sans-serif;-webkit-user-select:text;user-select:text;background:#f3f0e9;border:2px solid #050608;border-radius:7px;padding:0 10px;position:relative}.referral-invite-copy{touch-action:manipulation;border-radius:7px}.referral-invite-copy:before{content:"";z-index:4;cursor:pointer;border-radius:10px;position:absolute;inset:0}.referral-invite-copy:disabled:before{cursor:default}.referral-invite-copy-face{--press:3px;background:var(--shop-gold);height:52px;color:var(--shop-gold-foreground);box-shadow:inset 0 2px 0 #fff7, inset 0 -3px 0 #0002, var(--press) var(--press) 0 #050608;font:400 21px/1 var(--font-lilita), sans-serif;border:2px solid #050608;border-radius:7px;justify-content:center;align-items:center;gap:8px;transition:translate .12s,box-shadow .12s,background .2s;display:flex;position:relative;overflow:hidden}.referral-invite-copy-face svg{stroke-width:2.5px;width:20px;height:20px}.referral-invite-copy-face:after{content:"";background:linear-gradient(105deg,#0000 35%,#fff9 50%,#0000 65%) 200% 0/250% 100% no-repeat;position:absolute;inset:0}.referral-invite:hover .referral-invite-copy:not(:disabled) .referral-invite-copy-face{--press:2px;translate:1px 1px}.referral-invite-copy:not(:disabled):active .referral-invite-copy-face{--press:0px;translate:3px 3px}.referral-invite-copy:focus-visible{outline:none}.referral-invite-copy:focus-visible .referral-invite-copy-face{outline:2px solid var(--gold);outline-offset:3px}.referral-invite-copy:disabled .referral-invite-copy-face{opacity:.55}.referral-invite[data-copied] .referral-invite-copy-face{background:var(--chart-4);color:#04160c}.referral-invite[data-event]{--gold:#8ff4ff;--platinum:linear-gradient(180deg, #f2feff, #9cefff 45%, #45c9e0);background:radial-gradient(circle at 80% 38%,#2fb7d155,#0000 58%),linear-gradient(140deg,#1c2830,#1d1e22 72%);box-shadow:inset 0 0 0 1.5px #8ff4ff40,4px 5px #050608,0 0 28px #4aedd933}.referral-invite[data-event] .referral-invite-rays{background:repeating-conic-gradient(from 0deg, #8ff4ff24 0 10deg, transparent 10deg 24deg)}.referral-invite[data-event] .referral-invite-watermark{-webkit-text-stroke-color:#8ff4ff2e}.referral-invite[data-event] .referral-invite-spark.spark-c{color:#e6fdff}.referral-invite[data-event] .referral-invite-reward{color:#d6f6fa}.referral-invite[data-event] .referral-invite-copy-face{background:var(--platinum);color:#062a33}.referral-invite[data-event][data-copied] .referral-invite-copy-face{background:var(--chart-4);color:#04160c}.referral-invite-timer{z-index:5;background:var(--platinum);color:#062a33;font:400 13px/1 var(--font-lilita), sans-serif;letter-spacing:.02em;white-space:nowrap;border:2px solid #050608;border-radius:999px;padding:4px 9px 3px;position:absolute;top:-13px;left:14px;rotate:-2deg;box-shadow:2px 2px #050608}.referral-invite-multiplier{z-index:1;color:var(--gold);-webkit-text-stroke:9px #050608;paint-order:stroke fill;filter:drop-shadow(0 12px #050608);font:400 130px/1 var(--font-lilita), sans-serif;position:absolute;bottom:26px;right:18px;rotate:-8deg}.referral-invite[data-event] .referral-invite-title{z-index:4;width:max-content;max-width:100cqi;font-size:min(34px,9cqi);position:relative}@media (min-width:640px){.referral-invite{padding:22px 20px 18px}.referral-invite-packs{width:200px;top:-20px;bottom:4px;right:16px}.referral-invite-pack{scale:.3}.referral-invite-pack.piece-1{translate:calc(-50% - 56px) -46%;scale:.25}.referral-invite-pack.piece-2{translate:calc(58px - 50%) -44%;scale:.25}.referral-invite-text,.referral-invite-copy{max-width:calc(100% - 224px)}.referral-invite-title{font-size:46px}.referral-invite-reward{font-size:14px}.referral-invite-rays{width:340px;right:-40px}.referral-invite-watermark{font-size:160px;right:24px}.referral-invite[data-event] .referral-invite-title{font-size:42px}}@media (prefers-reduced-motion:no-preference){.referral-invite-rays{animation:24s linear infinite referral-invite-spin}.referral-invite-stage:after{animation:5s ease-in-out infinite referral-invite-sheen}.referral-invite-copy:not(:disabled) .referral-invite-copy-face:after{animation:3.2s ease-in-out 1s infinite referral-invite-glint}.referral-invite-pack .pack-pixel,.referral-invite-multiplier{animation:2.6s ease-in-out infinite alternate referral-invite-float}.referral-invite-pack.piece-1 .pack-pixel{animation-delay:-.9s}.referral-invite-pack.piece-2 .pack-pixel{animation-delay:-1.7s}.referral-invite-spark{animation:1.8s ease-in-out infinite referral-invite-twinkle}.referral-invite-spark.spark-b{animation-delay:-.6s}.referral-invite-spark.spark-c{animation-delay:-1.2s}.referral-invite[data-copied] .referral-invite-pack .pack-pixel,.referral-invite[data-copied] .referral-invite-multiplier{animation:.5s cubic-bezier(.3,1.6,.5,1) 2 referral-invite-jump}.referral-invite[data-copied] .referral-invite-pack.piece-1 .pack-pixel{animation-delay:60ms}.referral-invite[data-copied] .referral-invite-pack.piece-2 .pack-pixel{animation-delay:.12s}}@keyframes referral-invite-spin{to{rotate:360deg}}@keyframes referral-invite-sheen{0%{background-position:160% 0}45%,to{background-position:-60% 0}}@keyframes referral-invite-glint{0%{background-position:200% 0}40%,to{background-position:-100% 0}}@keyframes referral-invite-float{0%{translate:0 14px}to{translate:0 -18px}}@keyframes referral-invite-twinkle{0%,to{opacity:.35;scale:.7}50%{opacity:1;scale:1.15}}@keyframes referral-invite-jump{0%,to{translate:0}40%{translate:0 -80px}}