.referral-panel{display:flex;flex-direction:column;gap:10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ink,#1a1a2e) 14%,transparent);padding:14px 16px}.referral-panel h2{margin:0;font:700 .95rem/1.3 var(--font-body),sans-serif}.referral-celebration,.referral-reward,.referral-signup-notice,.referral-waiting{margin:0;font:600 .88rem/1.4 var(--font-body),sans-serif}.referral-lead,.referral-link{margin:0;color:var(--ink-soft,#3a3a4a);font:500 .8rem/1.45 var(--font-body),sans-serif;overflow-wrap:anywhere}.referral-code{margin:0;font:600 .85rem/1.4 var(--font-body),sans-serif}.referral-code code{font-family:ui-monospace,monospace;letter-spacing:.04em}.referral-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.referral-copy,.referral-dismiss{border:0;border-radius:999px;background:var(--action);color:var(--action-text);font:700 .82rem/1 var(--font-body),sans-serif;padding:8px 14px;cursor:pointer}.referral-dismiss{background:transparent;color:inherit;border:1px solid color-mix(in srgb,var(--ink,#1a1a2e) 20%,transparent)}.referral-actions a{font:700 .82rem/1 var(--font-body),sans-serif;text-decoration:underline;text-underline-offset:3px}.referral-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.referral-counters div{margin:0}.referral-counters dt{margin:0;color:var(--ink-faint,#6b6b7b);font:600 .72rem/1.3 var(--font-body),sans-serif}.referral-counters dd{margin:2px 0 0;font:700 1.05rem/1.2 var(--font-body),sans-serif}.referral-toast{margin:0;font:600 .78rem/1.3 var(--font-body),sans-serif}.referral-signup-notice{margin:0 0 12px}.referral-mythic{display:flex;flex-direction:column;gap:8px;border-top:1px solid color-mix(in srgb,var(--ink,#1a1a2e) 10%,transparent);padding-top:10px}.referral-mythic-bar{height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink,#1a1a2e) 10%,transparent);overflow:hidden}.referral-mythic-bar span{display:block;height:100%;background:linear-gradient(90deg,#00a86b,#d4a84b,#4a9fd8,#9151d0)}.referral-mythic-slots{margin:0;font:600 .88rem/1.4 var(--font-body),sans-serif}.referral-mythic-picker{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.referral-mythic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;width:100%;max-width:420px}.referral-mythic-option{aspect-ratio:4/5;border-radius:8px;border:1px solid color-mix(in srgb,var(--ink,#1a1a2e) 14%,transparent);background-size:cover;background-position:50%;cursor:pointer;padding:0}.referral-mythic-option:disabled{cursor:default}