.referral-page{width:84%;box-sizing:border-box;margin:24px auto;padding:12px 24px 24px}.referral-intro{display:flex;gap:16px;align-items:flex-start;margin:32px 0 24px}.referral-intro p{margin:0 0 14px}.referral-character{flex:0 0 108px;width:108px;height:160px;background:url("assets/game/messager-parrainage.png") center top / contain no-repeat}.referral-link{margin:20px 0 30px}.referral-link label{display:block;margin-bottom:6px}.referral-link>div{display:flex;gap:8px}.referral-link input{min-width:0;flex:1;padding:7px;font-size:16px}.referral-page button{cursor:pointer;padding:6px 10px}.referral-page h2{font-size:18px}.referral-table{width:100%;border-collapse:collapse;table-layout:fixed}.referral-table th,.referral-table td{border:1px solid #ccc;padding:8px;overflow-wrap:anywhere}.referral-table th{background:#eee}.referral-table button{max-width:100%}.referral-table-wrap{max-width:100%}#referral-status{color:#975c00}.referral-invite .referral-invite-body{padding:8px 6px;text-align:center;font-size:14px}.referral-invite p{margin:0}.referral-invite a{color:#807b9b;text-decoration:none}@media(max-width:620px){.referral-page{width:calc(100% - 16px);margin:16px 8px;padding:12px}.referral-intro{gap:10px;margin-top:20px;font-size:14px}.referral-character{flex-basis:108px}.referral-link>div{flex-wrap:wrap}.referral-link input{flex-basis:100%}.referral-table th,.referral-table td{padding:5px;font-size:13px}.referral-table button{font-size:13px}}
.referral-invite h2{font:bold 12px Georgia,serif;padding:2px 8px;color:#f4f0de}