.invite-home{font:inherit;font-size:9px;margin-top:12px;color:#ecebef;background:#242530;border:2px solid #a6a1b9;padding:12px;cursor:pointer}
#referrals-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#1b1c24;color:#ecebef;border:2px solid #c8c2e3;padding:24px;font-family:'Press Start 2P',monospace;font-size:10px;line-height:1.9}
#referrals-dialog::backdrop{background:#000b}
#referrals-dialog h2{font-size:15px;margin:12px 0 24px}
#referrals-dialog button{font:inherit;min-height:44px;background:#c8c2e3;color:#111217;border:2px solid #ecebef;padding:10px;margin:8px 0;cursor:pointer}
#referrals-dialog button:disabled{opacity:.45;cursor:default}
#referrals-dialog input{box-sizing:border-box;width:100%;font-family:monospace;font-size:12px;padding:10px;background:#111217;color:#ecebef;border:1px solid #62616d}
#referrals-dialog #ref-close{float:right;font-size:18px!important;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0 0 12px 12px}
#ref-message{overflow-wrap:anywhere;color:#c8c2e3}
body.game-playing .invite-home{display:none}
#referrals-dialog{width:min(420px,calc(100vw - 24px));padding:22px;text-align:left;font-size:9px}
.ref-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#referrals-dialog .ref-header h2{font-size:13px;margin:0;line-height:1.7}
#referrals-dialog #ref-close{float:none;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;box-shadow:3px 3px 0 #555564}
.ref-intro{margin:16px 0 20px;color:#c8c2e3;line-height:1.8}
.ref-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #62616d;padding-bottom:16px}
#ref-wallet{font-size:7px;overflow-wrap:anywhere}
#referrals-dialog #ref-connect{width:auto;min-height:36px;padding:8px;font-size:7px;margin:0;flex-shrink:0}
.ref-count{padding:20px 0 14px}
.ref-count-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ref-progress{font-size:22px;color:#ecebef}
#ref-balance{font-size:9px;color:#c8c2e3}
.ref-steps{display:flex;gap:6px;margin:14px 0 8px}
.ref-step{height:10px;flex:1;background:#30313b;border:1px solid #62616d}
.ref-step.complete{background:#c8c2e3;border-color:#ecebef}
#ref-total{font-size:7px;color:#bcbac8;margin:8px 0}
#ref-share label{display:block;font-size:7px;color:#bcbac8;margin-bottom:8px}
#referrals-dialog textarea{box-sizing:border-box;width:100%;resize:none;overflow-wrap:anywhere;word-break:break-all;font:12px/1.6 monospace;padding:10px;background:#111217;color:#ecebef;border:1px solid #62616d;border-radius:0}
#referrals-dialog #ref-copy,#referrals-dialog #ref-free{width:100%;min-height:44px;margin:10px 0 4px;font-size:9px}
#referrals-dialog .ref-rules{font-size:7px;line-height:1.9;color:#bcbac8;margin:16px 0 0}
#ref-message:empty{display:none}
#ref-message{font-size:8px;margin:14px 0 0}
@media(max-width:360px){#referrals-dialog{padding:16px}.ref-wallet-row{flex-wrap:wrap}}