/* Invitation cards use Proplet's colored paper, character artwork and printed edges. */
.ref-home,.ref-profile,.ref-win,.ref-sheet{
 --ref-ink:#244b3c;--ref-muted:#496455;--ref-line:#b3c7af;--ref-green:#246b54;--ref-paper:#fff9ed;
 --ref-fill:radial-gradient(ellipse at 12% 0%,#dcebd7,transparent 65%),radial-gradient(ellipse at 100% 15%,#fae3cd,transparent 60%),#fff9ed;
 color:var(--ref-ink);box-sizing:border-box;
}
html body :is(#referralHome,#referralInviteHome).card,html body :is(#referralProfile,#referralProfileReward).card,html body #winModal #referralWin{
 position:relative;padding:22px!important;border:1px solid var(--ref-line)!important;border-radius:20px!important;
 background:var(--ref-fill)!important;box-shadow:0 3px 0 #b6cbb3!important;color:var(--ref-ink)!important;
}
html body :is(#referralHome,#referralInviteHome).card{margin:16px 0;display:block}
html body :is(#referralHome,#referralInviteHome)[hidden],html body #referralWin[hidden]{display:none!important}
html body :is(#referralProfile,#referralProfileReward).card{margin-top:18px;padding:24px!important}
.ref-story{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:12px;align-items:center}
.ref-story-copy{min-width:0}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward)) h2{font-family:Fraunces,Georgia,serif!important;font-size:27px!important;font-weight:750!important;line-height:1.12!important;letter-spacing:-.55px!important;margin:0 0 8px!important;color:var(--ref-ink)!important}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward)) p{font:400 14px/1.5 Outfit,system-ui,sans-serif!important;margin:0 0 8px;color:var(--ref-muted)}
.ref-art{position:relative;width:154px;height:108px;margin:0 auto;flex-shrink:0;isolation:isolate}
.ref-art-card{position:absolute;top:8px;width:80px;height:84px;display:grid;place-items:center;border:1px solid #b9c9d8;border-radius:14px;background:#e7eef7;box-shadow:0 3px 0 #afc0d2}
.ref-art-card img{display:block;width:76px;height:76px;object-fit:contain}
.ref-art-katka{left:3px;transform:rotate(-10deg)}
.ref-art-friend{right:0;top:16px;transform:rotate(9deg);background:#fbe9d5;border-color:#d5b99c;box-shadow:0 3px 0 #d5b99c}
.ref-art-spark{position:absolute;top:0;right:5px;font-size:22px;line-height:1;color:#bc8e30}
.ref-art-thread{position:absolute;z-index:-1;left:37px;right:31px;bottom:0;height:44px;border:2px dashed #6c947a;border-top:0;border-radius:0 0 50% 50%;transform:rotate(-5deg)}
.ref-action-row{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:16px}
.ref-reward-ticket{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;min-width:116px;padding:10px 15px;border:1px solid #d0ad63;border-radius:12px;background:#f9e6af;box-shadow:0 3px 0 #dbc180;color:#644a14;transform:rotate(-2deg);line-height:1.1}
.ref-reward-ticket strong{font:750 29px/1 Fraunces,Georgia,serif;letter-spacing:-.5px}
.ref-reward-ticket span{font:600 11px/1.4 Outfit,system-ui,sans-serif;margin-top:5px}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward),#referralWin) .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;max-width:100%;padding:12px 18px;border:1px solid #154d40!important;border-radius:12px;background:var(--ref-green)!important;box-shadow:0 3px 0 #154d40!important;color:#fffaf0!important;font:650 15px/1.2 Outfit,system-ui,sans-serif!important;cursor:pointer;margin:0!important}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward),#referralWin) .primary-btn:hover{filter:brightness(.95)}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward),#referralWin) .ref-rule{display:block;max-width:600px;margin:16px 0 0;font:400 12px/1.5 Outfit,system-ui,sans-serif;color:var(--ref-muted);text-align:left}
.ref-home.ref-paid{--ref-fill:radial-gradient(ellipse at 10% 0%,#d5e9cc,transparent 65%),#f2f3dc}
.ref-paid .ref-story{padding-right:18px}
.ref-card-close{position:absolute;right:5px;top:5px;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;font:26px/1 system-ui;background:transparent;color:var(--ref-muted);cursor:pointer;z-index:1}
.ref-card-close:hover{background:#174f4012}
.ref-paid-note{font:600 13px/1.5 Outfit,system-ui,sans-serif;color:var(--ref-green)}
.ref-steps{display:flex;gap:8px;margin:20px 0 10px;max-width:420px}
.ref-steps .ref-step{position:relative;flex:1;min-width:0;height:48px;display:grid;place-items:center;border:1px solid #b6c7b0;border-radius:10px;background:#fffdf58f;color:#697362;box-shadow:0 2px 0 #c5cebb;font:600 17px/1 Outfit,system-ui,sans-serif}
.ref-steps .ref-step b{font-weight:650}
.ref-steps .ref-step.next{border:2px solid #628871;background:#eef3e0;color:#244b3c}
.ref-steps .ref-step-0.done{background:#cde3c4;border-color:#86ab7b;box-shadow:0 2px 0 #96b589;color:#244d31}
.ref-steps .ref-step-1.done{background:#d2e3ef;border-color:#91afc9;box-shadow:0 2px 0 #98b5cc;color:#2a5279}
.ref-steps .ref-step-2.done{background:#f6dfa5;border-color:#ceb16b;box-shadow:0 2px 0 #d6ba73;color:#6e5314}
.ref-steps .ref-step-3.done{background:#e5d8ed;border-color:#b49dc5;box-shadow:0 2px 0 #baa4ca;color:#67447d}
.ref-steps .ref-step-4.done{background:#f0cfbd;border-color:#c5987d;box-shadow:0 2px 0 #cfa187;color:#794632}
.ref-progress-caption{display:flex;gap:8px;align-items:center;justify-content:space-between;font:12px/1.4 Outfit,system-ui,sans-serif;color:var(--ref-muted)}
.ref-progress-caption strong{color:var(--ref-ink);font-weight:650}
.ref-profile-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}
.ref-profile-head p{margin:0!important}
.ref-reward-stamp{font:750 26px/1.1 Fraunces,Georgia,serif;color:var(--ref-ink);text-align:center;flex-shrink:0;padding:12px;border:1px dashed #b49a61;border-radius:12px;background:#f9e6af}
.ref-reward-stamp small{font:600 11px/1.5 Outfit,system-ui,sans-serif;color:#644a14}
html body :is(#referralProfile,#referralProfileReward)>.primary-btn{width:100%}
.ref-policy{padding:12px 14px!important;border-radius:10px;background:color-mix(in srgb,var(--ref-green) 8%,var(--ref-paper));font-size:12px!important;line-height:1.6!important;margin:14px 0!important;color:var(--ref-ink)!important}
.ref-person{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--ref-line)}
.ref-person:last-child{border-bottom:0}
.ref-avatar{width:36px;height:36px;display:grid;place-items:center;font-size:22px;background:#ffffff70;border-radius:50%;flex-shrink:0}
.ref-person strong{display:block;font:650 14px/1.4 Outfit,system-ui,sans-serif}
.ref-person small{display:block;font:12px/1.4 Outfit,system-ui,sans-serif;color:var(--ref-muted);margin-top:3px}
.ref-person-state{margin-left:auto;font:600 12px/1.4 Outfit,system-ui,sans-serif;white-space:nowrap;color:var(--ref-green)}
.ref-rules{font:13px/1.6 Outfit,system-ui,sans-serif;margin-top:18px}
.ref-rules summary{cursor:pointer;min-height:40px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.ref-rules p{font-size:12px!important;color:var(--ref-muted)}
html body #referralDialog .ref-sheet{width:min(100%,450px)!important;max-width:450px!important;padding:28px!important;max-height:calc(100dvh - 32px);overflow:auto;text-align:left!important;background:var(--ref-fill)!important;border:1px solid var(--ref-line)!important;box-shadow:0 5px 0 #69816a,0 24px 65px #071d304a!important;color:var(--ref-ink)!important}
.ref-sheet-art{margin:4px auto 14px}
html body #referralDialog h2{font-family:Fraunces,Georgia,serif!important;font-size:36px!important;font-weight:750!important;line-height:1.1!important;letter-spacing:-.7px!important;text-align:center;margin:0 0 14px!important;color:var(--ref-ink)!important}
.ref-sheet-intro{text-align:center;line-height:1.5;font-size:14px;color:var(--ref-muted);margin:0}
.ref-how{list-style:none;margin:22px 0 18px;padding:0;display:grid;gap:18px}
.ref-how li{display:flex;gap:12px;align-items:flex-start}
.ref-how li>span{height:28px;width:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid var(--ref-line);background:#eef3e0;border-radius:50%;font-size:13px;color:#244b3c}
.ref-how strong{display:block;font-size:14px}
.ref-how small{display:block;font-size:12px;color:var(--ref-muted);line-height:1.5;margin-top:3px}
.ref-sheet>.primary-btn{width:100%}
.ref-sheet>.text-btn{width:100%;margin-top:10px}
#referralDialog .ref-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px;align-items:center}
#referralDialog #refLink{display:block;width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;border:1px solid var(--ref-line);background:var(--ref-paper);color:var(--ref-muted);border-radius:10px;padding:10px;font:12px Outfit,system-ui,sans-serif;margin:0!important}
#referralDialog #refCopy{width:auto!important;min-width:0!important;max-width:100%;margin:0!important;font-size:12px;padding:10px 12px!important}
.ref-status{font-size:12px;color:var(--ref-muted);min-height:18px;text-align:center;margin:12px 0 0}
html body #winModal #referralWin{width:100%;max-width:540px;min-width:0;margin:16px auto 12px!important;padding:20px!important;text-align:center!important}
html body #winModal #referralWin h3{font:750 28px/1.12 Fraunces,Georgia,serif!important;letter-spacing:-.5px!important;color:var(--ref-ink)!important;margin:4px 0 10px!important}
html body #winModal #referralWin p{font:400 13px/1.5 Outfit,system-ui,sans-serif!important;color:var(--ref-muted);margin:0 0 10px}
html body #winModal #referralWin .ref-rule{text-align:center;margin:15px auto 0}
html body #winModal #referralWin .ref-action-row{justify-content:center;gap:18px}
html body #winModal #referralWin .ref-art{height:104px;margin-bottom:8px}
html body #winModal #referralWin .ref-steps{margin:18px auto 10px}
html body #winModal #referralWin .ref-progress-caption{max-width:420px;margin-inline:auto}
html body #winModal #referralWin .ref-challenge{margin-top:18px;padding-top:14px;border-top:1px dashed var(--ref-line)}
html body #winModal #referralWin .ref-challenge:has(#winShareBtn.hidden){display:none}
html body #winModal #referralWin .ref-challenge p{font-size:12px!important;margin-bottom:8px}
html body #winModal #referralWin #winShareBtn.challenge-share-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%!important;max-width:320px;min-height:44px;margin:0 auto!important;padding:10px 12px!important;border:1px solid #c08a91!important;border-radius:12px!important;background:#fff7ed!important;color:#87434c!important;box-shadow:0 2px 0 #d9adb0!important;font:650 14px/1.3 Outfit,system-ui,sans-serif!important;white-space:normal}
html body #winModal #referralWin #winShareBtn.hidden{display:none!important}
html body #winModal #referralWin #winShareBtn img{width:25px!important;height:25px!important}
html body #winModal #referralWin.ref-earned{--ref-fill:radial-gradient(ellipse at 10% 0%,#d5e9cc,transparent 65%),#f2f3dc}
html body #winModal #referralWin.ref-earned>.ref-reward-ticket{margin-top:14px;transform:rotate(-3deg);padding:14px 24px}
html body #winModal #referralWin.ref-earned>.ref-reward-ticket strong{font-size:38px}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward),#referralWin,#referralDialog) button:focus-visible{outline:3px solid #376d51!important;outline-offset:3px!important}

html[data-theme=dark] :is(.ref-home,.ref-profile,.ref-win,.ref-sheet){--ref-ink:#f7efd5;--ref-muted:#c8d9c7;--ref-line:#607966;--ref-green:#33765c;--ref-paper:#23362e;--ref-fill:radial-gradient(ellipse at 12% 0%,#375947,transparent 65%),radial-gradient(ellipse at 100% 15%,#514632,transparent 65%),#23362e}
html[data-theme=dark] body :is(:is(#referralHome,#referralInviteHome).card,:is(#referralProfile,#referralProfileReward).card,#winModal #referralWin){box-shadow:0 3px 0 #162c24!important}
html[data-theme=dark] .ref-home.ref-paid,html[data-theme=dark] #winModal #referralWin.ref-earned{--ref-fill:radial-gradient(ellipse at 10% 0%,#3b5b43,transparent 65%),#263d30}
html[data-theme=dark] .ref-steps .ref-step:not(.done){background:#314437;color:#c9d6c3;border-color:#6a816a;box-shadow:0 2px 0 #172e23}
html[data-theme=dark] .ref-steps .ref-step.next{background:#456048;color:#f7efd5;border-color:#a8c09d}
html[data-theme=dark] .ref-paid-note{color:#c3e7b9}
html[data-theme=dark] .ref-person-state{color:#c3e7b9}
html[data-theme=dark] body #winModal #referralWin #winShareBtn.challenge-share-cta{background:#403534!important;color:#f5d6cf!important;border-color:#a07878!important;box-shadow:0 2px 0 #211a1c!important}
@media(max-width:580px){
 .ref-story{grid-template-columns:minmax(0,1fr) 120px;gap:8px}
 .ref-story .ref-art{width:120px;height:96px}
 .ref-story .ref-art-card{width:64px;height:72px;border-radius:12px}
 .ref-story .ref-art-card img{width:61px;height:61px}
 .ref-story .ref-art-thread{left:25px;right:25px;bottom:0;height:36px}
 html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward)) h2{font-size:25px!important}
 .ref-action-row{gap:12px}
 .ref-reward-ticket{min-width:104px;padding:10px 12px}
 .ref-reward-ticket strong{font-size:26px}
 html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward)) .ref-action-row .primary-btn{padding:12px 13px;font-size:14px!important;flex:1}
}
@media(max-width:380px){
 html body :is(:is(#referralHome,#referralInviteHome).card,:is(#referralProfile,#referralProfileReward).card){padding:18px!important}
 .ref-story{grid-template-columns:1fr}
 .ref-story .ref-art{grid-row:1;width:144px;height:104px;margin:0 0 8px}
 .ref-story .ref-art-card{width:74px;height:80px}
 .ref-story .ref-art-card img{width:70px;height:70px}
 .ref-progress-caption{align-items:flex-start;flex-direction:column;gap:4px}
 .ref-reward-ticket{min-width:92px;padding:9px}
 .ref-action-row{gap:10px}
 html body #winModal #referralWin{padding:17px!important}
 html body #winModal #referralWin h3{font-size:25px!important}
 html body #winModal #referralWin .ref-action-row{flex-direction:column;gap:14px}
 html body #winModal #referralWin .ref-action-row .primary-btn{width:100%}
 html body #referralDialog .ref-sheet{padding:22px!important}
 html body #referralDialog h2{font-size:31px!important}
}

/* Shared printshop anatomy, aligned with the discovery contract in PR #188. */
.ref-art-word{position:absolute;left:12px;right:0;bottom:-5px;display:flex;justify-content:center;gap:3px;transform:rotate(-4deg)}
.ref-art-word i{display:grid;place-items:center;width:23px;height:27px;border:1px solid #baa477;border-radius:5px;background:#fff2c9;box-shadow:0 2px 0 #c7b181;font:700 16px Outfit,sans-serif;color:#624c22;font-style:normal}
html body :is(#referralHome,#referralInviteHome).card{max-width:900px;margin:16px auto!important;padding:24px!important;overflow:hidden}
html body :is(#referralHome,#referralInviteHome):not(.ref-incoming){--ref-fill:radial-gradient(ellipse at 90% 20%,#f2d7b8,transparent 60%),linear-gradient(115deg,#eef1da,#fff7e7);--ref-ink:#334734;--ref-muted:#53624b}
html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-story{grid-template-columns:minmax(0,1fr) 170px;min-height:132px;gap:18px}
html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) h2{font:650 32px/1.12 Fraunces,Georgia,serif!important;letter-spacing:-.7px!important}
html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-story-copy{max-width:430px}
html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-art{transform:scale(1.08);margin-right:10px}
.ref-benefit{display:flex;align-items:baseline;gap:10px;margin:16px 0 18px;color:var(--ref-ink)}
.ref-benefit strong{font:650 27px/1.2 Fraunces,Georgia,serif}
.ref-benefit span{font:400 13px Outfit,sans-serif}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward)) h2{font:650 24px/1.18 Outfit,system-ui,sans-serif!important;letter-spacing:-.4px!important}
html body :is(:is(#referralHome,#referralInviteHome),:is(#referralProfile,#referralProfileReward)) .ref-wide{width:100%!important;min-height:48px!important;margin:0!important;border:1px solid var(--ref-green)!important;color:var(--ref-ink)!important;background:var(--ref-paper)!important;border-radius:12px!important;box-shadow:0 2px 0 var(--ref-line)!important;font:600 15px/1.3 Outfit,sans-serif!important;padding:12px 16px!important;display:flex;justify-content:center;align-items:center;gap:14px;cursor:pointer}
html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-rule{text-align:center;font-size:11px;margin-top:12px}
html body :is(#referralHome,#referralInviteHome).ref-incoming .ref-action-row{flex-wrap:wrap}
html body :is(#referralHome,#referralInviteHome).ref-incoming .ref-action-row .ref-wide{flex-basis:100%;order:2}
html body :is(#referralHome,#referralInviteHome).ref-incoming .ref-reward-ticket{flex-direction:row;gap:10px;transform:none;padding:9px 13px;box-shadow:none;border-radius:8px}
html body :is(#referralHome,#referralInviteHome).ref-incoming .ref-reward-ticket strong{font-size:23px}
html body :is(#referralHome,#referralInviteHome).ref-incoming .ref-reward-ticket span{margin:0}
html body #winModal #referralWin{max-width:540px;padding:18px!important;background:var(--ref-paper)!important;box-shadow:none!important}
html body #winModal #referralWin .ref-challenge{border:0;margin:0;padding:0 0 16px}
html body #winModal #referralWin .ref-result-invite{display:flex;gap:16px;text-align:left;align-items:center;border-top:1px solid var(--ref-line);padding-top:16px}
html body #winModal #referralWin .ref-result-invite .ref-art{width:100px;flex:0 0 100px;transform:scale(.65);transform-origin:left center;margin:0 -35px 0 0}
html body #winModal #referralWin .ref-result-invite h3{font:600 17px/1.3 Outfit,sans-serif!important;letter-spacing:0!important;margin:0 0 4px!important}
html body #winModal #referralWin .ref-result-invite p{font-size:12px!important;margin:0 0 5px}
.ref-text-action{min-height:40px;border:0;background:none;padding:4px 0;font:600 13px/1.4 Outfit,sans-serif;color:var(--ref-ink);text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
html body #winModal #referralWin:not(.ref-earned)>.ref-art{display:none}
html body #winModal #referralWin:not(.ref-earned)>h3{font:600 19px/1.25 Outfit,sans-serif!important}
html body #referralDialog .ref-sheet{max-width:480px!important;width:min(100%,480px)!important;padding:32px!important}
html body #referralDialog .ref-sheet-art{margin:4px auto 25px}
html body #referralDialog h2{font-size:33px!important;font-weight:650!important}
html body #referralDialog #refShare{min-height:48px;font-size:14px!important;white-space:normal}
html[data-theme=dark] body :is(#referralHome,#referralInviteHome):not(.ref-incoming){--ref-fill:radial-gradient(ellipse at 90% 20%,#534531,transparent 60%),linear-gradient(115deg,#2d4437,#34392d);--ref-ink:#f7efd5;--ref-muted:#d1ddc9}
@media(max-width:580px){
 html body :is(#referralHome,#referralInviteHome).card{padding:20px!important}
 html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-story{grid-template-columns:minmax(0,1fr) 112px;gap:10px}
 html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) h2{font-size:27px!important}
 html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-art{transform:scale(.92);margin:0}
 html body :is(#referralHome,#referralInviteHome) .ref-story-copy p{font-size:13px!important}
 .ref-benefit{gap:8px}.ref-benefit strong{font-size:25px}.ref-benefit span{font-size:12px}
}
@media(max-width:380px){
 html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-story{grid-template-columns:minmax(0,1fr) 85px}
 html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) .ref-art{grid-row:auto;width:120px;transform:scale(.7);transform-origin:left center;margin-right:-35px}
 html body :is(#referralHome,#referralInviteHome):not(.ref-incoming) h2{font-size:25px!important}
 html body :is(#referralHome,#referralInviteHome).ref-incoming .ref-story{grid-template-columns:minmax(0,1fr) 76px}
 html body :is(#referralHome,#referralInviteHome).ref-incoming .ref-story .ref-art{grid-row:auto;width:120px;transform:scale(.62);transform-origin:left center;margin:0 -44px 0 0}
 html body :is(#referralHome,#referralInviteHome).ref-incoming h2{font-size:22px!important}
 html body #referralDialog .ref-sheet{padding:24px!important}
 html body #referralDialog h2{font-size:28px!important}
 html body #winModal #referralWin .ref-result-invite{gap:10px}
}

/* Reward lifecycle and one-time discovery use the same native card anatomy. */
html body #screen-profile.settings-open :is(#referralProfile,#referralProfileReward){display:none!important}
html body :is(#referralProfileReward,#referralInviteHome)[hidden]{display:none!important}
html body #referralDialog .ref-announcement{padding:26px!important}
html body #referralDialog .ref-announcement .ref-story{grid-template-columns:minmax(0,1fr) 150px;gap:18px;margin:8px 0 24px}
html body #referralDialog .ref-announcement h2{font-size:29px!important;text-align:left!important;margin-bottom:12px!important}
html body #referralDialog .ref-announcement .ref-story-copy p{font:400 14px/1.45 Outfit,sans-serif;color:var(--ref-muted);margin:0}
@media(max-width:580px){
 html body #referralDialog .ref-announcement .ref-story{grid-template-columns:minmax(0,1fr) 105px;gap:12px}
 html body #referralDialog .ref-announcement .ref-art{width:120px;transform:scale(.85);margin:0 -8px}
 html body #referralDialog .ref-announcement h2{font-size:26px!important}
 html body #referralDialog .ref-announcement .xp-sticker{font-size:15px!important;padding:8px!important}
}

html body #referralDialog #refDialogTitle:focus{outline:none}

/* Incoming players see their invitation instead of the older board-pack campaign. */
body.referral-incoming #freeRefreshToday{display:none!important}