.referral-panel{display:grid;gap:18px;padding:clamp(16px,3vw,26px);border:3px solid var(--ink);background:#fff9df;box-shadow:5px 5px 0 var(--ink);min-width:0}.referral-heading{display:flex;align-items:center;gap:16px;min-width:0}.referral-heading>div{min-width:0}.referral-heading small{font-size:11px}.referral-heading h2{margin:8px 0 0;font-size:clamp(21px,3vw,32px);line-height:1.35;overflow-wrap:anywhere}.referral-panel p{margin:0;font-size:13px;line-height:1.8}.referral-panel .referral-reward{font-size:16px;line-height:1.6;color:#6a2456}.referral-panel .referral-note{font-size:11px}.referral-link-label{display:grid;gap:10px;min-width:0;font-size:12px;line-height:1.6}.referral-link-label input{width:100%;min-width:0;min-height:48px;padding:12px;border:3px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:12px/1.6 Monocraft,monospace}.referral-actions{display:flex;flex-wrap:wrap;gap:14px}.player-referral-link,.referral-button,.referral-clear{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:12px 16px;border:3px solid var(--ink);background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--ink);font:12px/1.6 Monocraft,monospace;text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}.player-referral-link,.referral-button.primary{background:var(--acid)}.referral-button:disabled{cursor:wait;opacity:.65}.player-referral-link:focus-visible,.referral-button:focus-visible,.referral-clear:focus-visible,.referral-link-label input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.player-referral-link:hover,.referral-button:hover,.referral-clear:hover{background:var(--cyan)}.referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.referral-stats>div{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:12px;border:2px solid var(--ink);background:#fff}.referral-stats dt{font-size:10px;line-height:1.7;overflow-wrap:anywhere}.referral-stats dd{margin:0;font-size:24px}.referral-field{display:grid;gap:10px;padding:16px;border:2px dashed var(--ink);background:#fff9df;min-width:0}.referral-field p{margin:0;font-size:11px;line-height:1.8}.referral-field input{min-width:0}.referral-field input[aria-invalid=true]{border-color:#ac2d2d}.referral-field .referral-valid{color:#196230;overflow-wrap:anywhere}.referral-clear{justify-self:start;padding:8px 12px;font-size:10px}.player-referral-link{margin-top:16px}@media (max-width:560px){.referral-actions{display:grid}.referral-button{width:100%}.referral-stats{grid-template-columns:1fr}.referral-stats>div{flex-direction:row;align-items:center}.referral-stats dt{max-width:75%}.referral-heading{gap:12px}.referral-field{padding:12px}}