.rf-page{color:#f3ede3;min-height:100vh;font-family:var(--type-body-family);-webkit-font-smoothing:antialiased;background:#0a0616;flex-direction:column;display:flex;position:relative}.rf-page:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#06030e80 0%,#06030e52 45%,#06030e94 100%),url(/pic/referral-night.webp) 50%/cover no-repeat;position:fixed;inset:0}@media (min-aspect-ratio:1){.rf-page:before{background:linear-gradient(#06030e73 0%,#06030e47 45%,#06030e8c 100%),url(/pic/referral-night-wide.webp) 50%/cover no-repeat}}.rf-main{z-index:10;text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;max-width:26rem;margin:0 auto;padding:3.5rem 1.5rem 3rem;display:flex;position:relative}.rf-back{z-index:20;color:#f3ede3;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a061673;border:1px solid #f3ede32e;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .18s,border-color .18s;display:inline-flex;position:absolute;top:1rem;left:1rem}.rf-back:hover{background:#0a0616b3;border-color:#f3ede352}.rf-title{font-size:1.375rem;line-height:1.45;font-weight:var(--type-weight-strong);margin:0 0 1.75rem}.rf-lead{color:#f0ebe29e;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.85}.rf-stage{flex-direction:column;align-items:center;margin-bottom:.75rem;padding:1.25rem 0 .5rem;display:flex;position:relative}.rf-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#e9c46a47 0%,#e89b9e24 42%,#0000 70%);width:20rem;height:20rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.rf-flip-wrap{aspect-ratio:7/12;perspective:1200px;cursor:pointer;background:0 0;border:none;width:13rem;padding:0;animation:3.2s ease-in-out infinite rf-float;position:relative}.rf-flip-wrap:disabled{cursor:default;animation:none}@keyframes rf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.rf-flip{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,.1,.2,1);position:absolute;inset:0}.rf-revealed .rf-flip{transform:rotateY(180deg)}.rf-face{object-fit:cover;backface-visibility:hidden;border-radius:.85rem;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 12px 34px #4a423838}.rf-face-front{outline-offset:-2px;outline:2px solid #e9c46a8c}.rf-face-back{transform:rotateY(180deg)}.rf-face--reversed{transform:rotateY(180deg)scale(-1)}span.rf-face-back{background:#0b0716;overflow:hidden}.rf-face-back .rf-face-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.rf-reveal-hint{color:var(--hp-text-sub,#968f87);margin:.9rem 0 0;font-size:.8438rem;animation:2s ease-in-out infinite rf-hint-pulse}@keyframes rf-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.rf-sparkle{color:#d9a86c;pointer-events:none;animation:2.6s ease-in-out infinite rf-twinkle;position:absolute}.rf-sparkle-1{font-size:.9rem;animation-delay:0s;top:8%;left:12%}.rf-sparkle-2{font-size:.7rem;animation-delay:.9s;top:18%;right:10%}.rf-sparkle-3{font-size:.75rem;animation-delay:1.5s;bottom:16%;left:6%}.rf-sparkle-4{font-size:.95rem;animation-delay:.4s;bottom:8%;right:14%}@keyframes rf-twinkle{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.95;transform:scale(1.1)}}.rf-below{opacity:0;pointer-events:none;flex-direction:column;align-items:center;width:100%;transition:opacity .55s .45s,transform .55s .45s;display:flex;transform:translateY(10px)}.rf-below.rf-revealed{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.rf-flip-wrap,.rf-reveal-hint,.rf-sparkle{animation:none}.rf-flip,.rf-below{transition:none}}.rf-page .rf-card-name{color:#f3ede3}.rf-page .rf-orientation{color:#f3ede3cc;background:#ffffff1f}.rf-page .rf-keywords-label,.rf-page .rf-note,.rf-page .rf-reveal-hint{color:#f0ebe29e}.rf-page .rf-keyword{color:#f0d3d5;background:#e89b9e29;border:1px solid #e89b9e52}.rf-page .rf-stage:before{background:radial-gradient(circle,#e9c46a52 0%,#965ac829 45%,#0000 70%)}.rf-page .rf-sparkle{color:#e9c46a}.rf-page .rf-face{box-shadow:0 14px 44px #0000008c,0 0 30px #e9c46a1f}.rf-page .rf-cta{box-shadow:0 6px 22px #e89b9e66}.rf-card-name{font-size:1.0625rem;font-weight:var(--type-weight-strong);align-items:center;gap:.5rem;margin:0 0 1.25rem;display:flex}.rf-orientation{font-size:.75rem;font-weight:var(--type-weight-medium);color:var(--hp-text-sub,#968f87);background:#968f871f;border-radius:999px;padding:.2rem .55rem}.rf-keywords{margin-bottom:1.5rem}.rf-keywords-label{color:var(--hp-text-sub,#968f87);margin-bottom:.6rem;font-size:.75rem;display:block}.rf-keywords-list{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.rf-keyword{color:var(--hp-text-main,#4a4238);background:var(--hp-accent-pink-bg,#fff0f2);border-radius:999px;padding:.3rem .7rem;font-size:.8125rem}.rf-note{color:var(--hp-text-sub,#968f87);margin:0 0 1.75rem;font-size:.875rem;line-height:1.9}.rf-cta{color:#fff;width:100%;font-size:.9375rem;font-weight:var(--type-weight-strong);text-align:center;background:#e89b9e;border-radius:.875rem;padding:.9375rem 1.5rem;text-decoration:none;transition:opacity .15s;display:block;box-shadow:0 6px 18px #e89b9e59}.rf-cta:hover{opacity:.9}.rf-block{text-align:center;background:#ffffffbf;border:1px solid #e89b9e40;border-radius:1rem;width:100%;max-width:26rem;margin:0 auto;padding:1.25rem 1.25rem 1.5rem}.rf-block-intro{color:var(--hp-text-sub,#968f87);margin:0 0 .5rem;font-size:.875rem}.rf-block-title{font-size:1.0625rem;font-weight:var(--type-weight-strong);margin:0 0 .6rem}.rf-block-desc{color:var(--hp-text-sub,#968f87);margin:0 0 1rem;font-size:.8438rem;line-height:1.8}.rf-block .rf-card-name{justify-content:center}.rf-draw-btn,.rf-share-btn{cursor:pointer;width:100%;font-size:.9063rem;font-weight:var(--type-weight-strong);border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.4rem;padding:.8125rem 1.25rem;transition:opacity .15s;display:inline-flex}.rf-draw-btn{color:#fff;background:#e89b9e;box-shadow:0 4px 14px #e89b9e4d}.rf-share-btn{color:#e89b9e;background:#fff;border:1.5px solid #e89b9e99}.rf-draw-btn:disabled,.rf-share-btn:disabled{opacity:.6;cursor:default}.rf-draw-btn:hover:not(:disabled),.rf-share-btn:hover:not(:disabled){opacity:.88}.rf-actions-hold{flex-direction:column;justify-content:center;min-height:8.25rem;display:flex}.rf-again-btn{cursor:pointer;text-underline-offset:.2em;width:100%;color:var(--hp-text-sub,#968f87);background:0 0;border:none;margin-top:.7rem;padding:.35rem;font-size:.8125rem;text-decoration:underline;transition:opacity .15s;display:block}.rf-again-btn:hover:not(:disabled){opacity:.7}.rf-again-btn:disabled{opacity:.5;cursor:default;text-decoration:none}.rf-toast{color:var(--hp-text-sub,#968f87);margin:.6rem 0 0;font-size:.8125rem}.rf-ladder{text-align:left;border-top:1px dashed #968f874d;margin-top:1.1rem;padding-top:1rem}.rf-ladder-title{font-size:.8125rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main,#4a4238);margin:0 0 .5rem}.rf-ladder-list{flex-direction:column;gap:.3rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.rf-ladder-list li{color:var(--hp-text-sub,#968f87);padding-left:1.1rem;font-size:.8125rem;line-height:1.7;position:relative}.rf-ladder-list li:before{content:"✦";color:#d9a86c;font-size:.7rem;position:absolute;left:0}.rf-ladder-list li[data-done=true]{color:var(--hp-text-main,#4a4238)}.rf-ladder-list li[data-done=true]:before{content:"✓";color:#e89b9e}.rf-ladder-note{color:var(--hp-text-sub,#968f87);margin:0 0 .25rem;font-size:.75rem;line-height:1.7}.rf-ladder-progress{font-size:.8125rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main,#4a4238);margin:.5rem 0 0}.rf-block.rf-night{color:#f3ede3;background:linear-gradient(#0a061861 0%,#08051299 55%,#06040ee0 100%),url(/pic/referral-night.webp) 50%/cover no-repeat,#0b0716;border:1px solid #e9c46a52;border-radius:1.25rem;padding:1.9rem 1.4rem 1.6rem;position:relative;overflow:hidden;box-shadow:0 18px 48px #180c3059,0 0 0 4px #e9c46a0f}.rf-night .rf-block-intro{color:#e9c46ae0;letter-spacing:.02em;margin-bottom:.35rem}.rf-night .rf-block-title{color:#faf5ea;margin:0 0 .7rem;font-size:1.375rem;line-height:1.5}.rf-night .rf-block-desc{color:#f0ebe2b8;margin-bottom:.5rem}.rf-night .rf-stage{margin-bottom:1rem;padding:.75rem 0 .5rem}.rf-night .rf-flip-wrap{width:10.5rem}.rf-night .rf-stage:before{background:radial-gradient(circle,#e9c46a52 0%,#965ac829 45%,#0000 70%);width:16rem;height:16rem}.rf-night .rf-sparkle{color:#e9c46a}.rf-night .rf-face{box-shadow:0 14px 44px #0000008c,0 0 30px #e9c46a1f}.rf-night .rf-card-name{color:#f3ede3}.rf-night .rf-orientation{color:#f3ede3d9;background:#ffffff21}.rf-night .rf-draw-btn,.rf-night .rf-share-btn{color:#3a2b14;background:linear-gradient(135deg,#efd188,#d9a86c);border:none;padding:.9375rem 1.25rem;font-size:1rem;box-shadow:0 8px 26px #e9c46a52}.rf-night .rf-again-btn{color:#f0ebe2a6}.rf-night .rf-toast{color:#f0ebe2bf}.rf-night .rf-ladder{border-top-color:#e9c46a40}.rf-night .rf-ladder-title{color:#e9c46ae6}.rf-night .rf-ladder-list li{color:#f0ebe2ad}.rf-night .rf-ladder-list li[data-done=true]{color:#f3ede3}.rf-night .rf-ladder-list li[data-done=true]:before{color:#efd188}.rf-night .rf-ladder-note{color:#f0ebe280}.rf-night .rf-ladder-progress{color:#efd188}.rf-page .rf-block.rf-night{box-shadow:none;background:0 0;border:none;padding-left:0;padding-right:0}.rf-reward-tease{font-size:.875rem;font-weight:var(--type-weight-strong);color:#efd188;background:#e9c46a1f;border:1px solid #e9c46a61;border-radius:999px;align-items:center;gap:.4rem;margin:0 auto .25rem;padding:.45rem .95rem;display:inline-flex}.rf-reward-tease:before{content:"✦";color:#e9c46a;font-size:.75rem}.rf-secondary-link{color:#f0ebe2b3;text-underline-offset:.2em;margin-top:1rem;font-size:.875rem;text-decoration:underline;display:block}a.rf-flip-wrap{display:block}a.rf-draw-btn{text-decoration:none}.rf-login-note{color:#f0ebe29e;margin:.6rem 0 0;font-size:.8125rem;line-height:1.7}