.CrystalReferral{color:#624326;font:11px/1.6 Verdana,Arial,sans-serif}
.CrystalReferral .TableContainer{margin-bottom:17px}
.CrystalReferral .Table1{width:100%}
.CrystalReferral .InnerTableContainer{padding:19px!important}
.CrystalReferral h1,.CrystalReferral h2,.CrystalReferral h3{font-family:Georgia,serif;color:#4b301c;line-height:1.2}
.CrystalReferral p{margin:0}
.CrystalReferral .referral-eyebrow{display:block;color:#887047;font-size:8px;font-weight:700;letter-spacing:1.15px;line-height:1.6}
.CrystalReferral .referral-hero{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:5px 0 20px}
.CrystalReferral .referral-hero-copy{max-width:470px}
.CrystalReferral h1{font-size:29px;letter-spacing:-.65px;margin:9px 0 12px}
.CrystalReferral .referral-hero-copy p{max-width:410px;color:#88704e;line-height:1.75}
.CrystalReferral .referral-reward-card{box-sizing:border-box;flex:0 0 161px;text-align:center;padding:18px 12px 14px;background:#294936;color:#f3e4bc;border:1px solid #6d7350;box-shadow:inset 0 0 0 3px #294936,inset 0 0 0 4px #b79b6066,0 2px 0 #bca17b}
.CrystalReferral .referral-reward-card>span{display:block;text-transform:uppercase;font-size:8px;letter-spacing:.5px;color:#c5c5a6}
.CrystalReferral .referral-reward-card strong{display:block;font:700 42px/1.25 Georgia,serif;color:#ead091;margin:4px 0 0}
.CrystalReferral .referral-reward-card b{display:block;font:700 13px Georgia,serif}
.CrystalReferral .referral-reward-card small{display:block;color:#bcbca0;font-size:8px;margin-top:10px}
.CrystalReferral .referral-rules{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9b58e;border-bottom:1px solid #c9b58e;padding:12px 0;margin-bottom:20px}
.CrystalReferral .referral-rules>div{padding:0 13px;border-right:1px solid #ceba99}
.CrystalReferral .referral-rules>div:first-child{padding-left:0}
.CrystalReferral .referral-rules>div:last-child{border-right:0}
.CrystalReferral .referral-rules span{display:block;font-size:9px;color:#8d7959;line-height:1.5}
.CrystalReferral .referral-rules strong{display:block;margin-top:4px;font-size:10px;color:#644928}
.CrystalReferral .referral-message{padding:13px 15px;margin:0 0 18px;background:#e7e9d6;border:1px solid #b3bc9b;color:#4c6245;font-size:10px;line-height:1.7}
.CrystalReferral .referral-message strong{display:block;font:700 15px Georgia,serif;margin-bottom:5px}
.CrystalReferral .referral-message-warning{background:#f2e4c6;border-color:#bda16e;color:#846236}
.CrystalReferral .referral-share{padding:16px;background:#ecdfc6;border:1px solid #c2ab86;box-shadow:inset 0 1px 0 #fff7e6;margin-bottom:23px}
.CrystalReferral .referral-share-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.CrystalReferral .referral-share-heading h2{font-size:18px;margin:0}
.CrystalReferral .referral-share-heading>span{font-size:8px;color:#98805c}
.CrystalReferral .referral-field-label{display:block;text-transform:uppercase;font-weight:700;font-size:8px;letter-spacing:.65px;color:#8c714c;margin-bottom:5px}
.CrystalReferral .referral-link-row{display:flex;gap:7px}
.CrystalReferral .referral-link-row input{box-sizing:border-box;min-width:0;flex:1;background:#fff7e8;border:1px solid #b29b78;padding:9px 10px;height:37px;color:#5d482d;font:10px/1.5 Verdana,Arial,sans-serif;border-radius:1px}
.CrystalReferral .referral-link-row input::selection{background:#d3ddc3;color:#27482e}
.CrystalReferral .referral-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:33px;gap:5px;padding:7px 12px;border:1px solid #ae936b;background:#ead8b8;color:#654527;font:700 9px/1.5 Verdana,Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;border-radius:1px}
.CrystalReferral .referral-button:hover{background:#f3e3c8;color:#4d331a;border-color:#8f744c;text-decoration:none}
.CrystalReferral .referral-button-primary{background:#31563f;border-color:#254230;color:#ffedc9;box-shadow:inset 0 1px 0 #648069}
.CrystalReferral .referral-button-primary:hover{background:#3d674b;color:#fff3d9;border-color:#254230}
.CrystalReferral .referral-button:disabled{cursor:wait;opacity:.7}
.CrystalReferral .referral-button:focus-visible,.CrystalReferral input:focus-visible,.CrystalReferral a:focus-visible{outline:2px solid #365f44;outline-offset:3px}
.CrystalReferral .referral-link-caption{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:8px;color:#947b55;line-height:1.6}
.CrystalReferral .referral-link-caption strong{font:700 9px monospace;color:#6b522f;letter-spacing:.4px}
.CrystalReferral .referral-link-caption>span:last-child{text-align:right}
.CrystalReferral .referral-copy-success{color:#436746;font-weight:700}
.CrystalReferral .referral-how h2{margin:0 0 13px;font-size:19px}
.CrystalReferral .referral-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0;padding:0;list-style:none}
.CrystalReferral .referral-how li{display:flex;gap:9px;align-items:flex-start}
.CrystalReferral .referral-step{box-sizing:border-box;flex:0 0 24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #a9b09b;background:#e3e6d1;color:#496045;font:700 13px Georgia,serif}
.CrystalReferral .referral-how li strong{display:block;font-size:9px;margin:2px 0 6px;color:#654c2e}
.CrystalReferral .referral-how li p{font-size:9px;color:#947c57;line-height:1.75}
.CrystalReferral .referral-note{font-size:9px;color:#978363;line-height:1.8;margin-top:17px;padding-top:12px;border-top:1px solid #d5c4a6}
.CrystalReferral .referral-public{background:#eee2c9;border:1px solid #c7b18d;padding:19px;margin-bottom:22px}
.CrystalReferral .referral-public h2{margin:0 0 10px;font-size:21px;max-width:480px}
.CrystalReferral .referral-public p{font-size:10px;line-height:1.8;color:#8b7250;max-width:510px}
.CrystalReferral .referral-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.CrystalReferral .referral-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}
.CrystalReferral .referral-section-heading h2{font-size:23px;margin:5px 0 7px;letter-spacing:-.35px}
.CrystalReferral .referral-section-heading p{font-size:10px;color:#8d7653}
.CrystalReferral .referral-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c3ac84;background:#ecdfc6;margin-bottom:17px;box-shadow:inset 0 1px 0 #fff7e6}
.CrystalReferral .referral-stats>div{padding:13px 14px;border-right:1px solid #cbb797}
.CrystalReferral .referral-stats>div:last-child{border-right:0}
.CrystalReferral .referral-stats span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.35px;color:#8a714b;font-weight:700}
.CrystalReferral .referral-stats strong{display:block;font:700 29px/1.35 Georgia,serif;color:#6c4a27;margin:2px 0}
.CrystalReferral .referral-stats small{display:block;font-size:8px;color:#9b8059;line-height:1.5}
.CrystalReferral .referral-stats-earned{background:#dce0c8}
.CrystalReferral .referral-stats-earned span,.CrystalReferral .referral-stats-earned strong{color:#3f6040}
.CrystalReferral .referral-stats-earned small{color:#708361}
.CrystalReferral .referral-review-note{font-size:9px;margin:-5px 0 15px;color:#997341}
.CrystalReferral .referral-empty{text-align:center;padding:25px 20px;background:#f3e9d2;border:1px dashed #c1ab86}
.CrystalReferral .referral-empty-mark{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:33px;width:33px;background:#e4e3cb;border:1px solid #b3b397;color:#7d8b63;font:22px Georgia,serif;margin-bottom:8px}
.CrystalReferral .referral-empty h3{font-size:19px;margin:2px 0 9px}
.CrystalReferral .referral-empty p{font-size:10px;line-height:1.8;color:#937e5a;max-width:450px;margin:auto}
.CrystalReferral .referral-list-caption{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#957c55;line-height:1.5;margin-bottom:8px}
.CrystalReferral .referral-table-wrap{overflow-x:auto;border:1px solid #b9a27e;box-shadow:0 2px 0 #dbc8a8}
.CrystalReferral .referral-table{border-collapse:collapse;width:100%;min-width:535px;table-layout:auto;font-size:10px;color:#6c4c2c}
.CrystalReferral .referral-table th{text-align:left;padding:9px 10px;background:#31513b;color:#f2e3be;font-size:8px;letter-spacing:.2px;border-right:1px solid #72856a55;white-space:nowrap}
.CrystalReferral .referral-table td{padding:12px 10px;vertical-align:middle;border-top:1px solid #d6bf9a;background:#f6e9d1}
.CrystalReferral .referral-table tbody tr:nth-child(even) td{background:#ebdcc0}
.CrystalReferral .referral-table tbody tr:hover td{background:#f9edd7}
.CrystalReferral .referral-player{color:#31583d;text-decoration:none;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.CrystalReferral .referral-player:hover{text-decoration:underline;color:#244a30}
.CrystalReferral .referral-no-character{font-weight:400;font-size:9px;color:#897454}
.CrystalReferral .referral-row-meta{display:block;font-size:8px;color:#977d55;line-height:1.65;margin-top:4px}
.CrystalReferral .referral-requirements{display:flex;flex-direction:column;gap:5px;white-space:nowrap}
.CrystalReferral .referral-requirement{display:block;color:#947b54;font-size:8px}
.CrystalReferral .referral-requirement-ready{color:#466745}
.CrystalReferral .referral-status{display:inline-block;font-size:8px;font-weight:700;white-space:nowrap;padding:3px 6px;border:1px solid #c3ac77;background:#f0e3c0;color:#897036;line-height:1.4}
.CrystalReferral .referral-status-1{background:#e3e7d3;border-color:#adb897;color:#586c42}
.CrystalReferral .referral-status-2{background:#dbe6cd;border-color:#91aa7c;color:#3c603b}
.CrystalReferral .referral-status-3{background:#e9ddd0;border-color:#b4a089;color:#806545}
.CrystalReferral .referral-status-4{background:#ead5c7;border-color:#b99a88;color:#895443}
.CrystalReferral .referral-review-reason{max-width:140px;overflow-wrap:anywhere;color:#936e4c}
.CrystalReferral .referral-row-reward{display:block;white-space:nowrap;font-size:9px;color:#77542b}
.CrystalReferral .referral-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:15px;font-size:9px;color:#8a724d}
.CrystalReferral .referral-pagination .referral-button{justify-self:start;min-width:84px;min-height:29px;font-size:8px}
.CrystalReferral .referral-pagination .referral-button:last-child{justify-self:end}
.CrystalReferral .referral-admin-link{text-align:right;font-size:8px;margin-top:12px}
.CrystalReferral .referral-admin-link a{color:#6f8255;text-decoration:none}
.CrystalReferral .referral-admin-link a:hover{text-decoration:underline}
.CrystalReferral [hidden]{display:none!important}
@media(max-width:730px){.CrystalReferral .InnerTableContainer{padding:15px!important}.CrystalReferral .referral-hero{gap:16px}.CrystalReferral h1{font-size:25px}.CrystalReferral .referral-reward-card{flex-basis:143px}.CrystalReferral .referral-reward-card strong{font-size:36px}.CrystalReferral .referral-how ol{grid-template-columns:1fr;gap:14px}.CrystalReferral .referral-how li p{max-width:500px}.CrystalReferral .referral-share-heading{align-items:flex-start;flex-direction:column;gap:4px}.CrystalReferral .referral-section-heading h2{font-size:20px}.CrystalReferral .referral-stats>div{padding:11px 9px}.CrystalReferral .referral-stats span{font-size:7px}.CrystalReferral .referral-stats small{font-size:7px}.CrystalReferral .referral-table td{padding:10px 8px}}
@media(max-width:520px){.CrystalReferral .referral-hero{align-items:flex-start}.CrystalReferral h1{font-size:22px}.CrystalReferral .referral-hero-copy p{font-size:10px}.CrystalReferral .referral-eyebrow{font-size:7px;letter-spacing:.8px}.CrystalReferral .referral-reward-card{flex-basis:114px;padding:15px 8px}.CrystalReferral .referral-reward-card>span{font-size:7px}.CrystalReferral .referral-reward-card strong{font-size:32px}.CrystalReferral .referral-reward-card b{font-size:11px}.CrystalReferral .referral-reward-card small{font-size:7px}.CrystalReferral .referral-rules{grid-template-columns:1fr;gap:9px}.CrystalReferral .referral-rules>div{border:0;padding:0}.CrystalReferral .referral-rules strong{margin-top:1px}.CrystalReferral .referral-share{padding:12px}.CrystalReferral .referral-link-row{flex-direction:column}.CrystalReferral .referral-link-row input{flex:none;width:100%}.CrystalReferral .referral-link-row button{align-self:flex-start}.CrystalReferral .referral-link-caption{flex-direction:column;gap:5px}.CrystalReferral .referral-link-caption>span:last-child{text-align:left}.CrystalReferral .referral-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.CrystalReferral .referral-stats{grid-template-columns:repeat(2,1fr)}.CrystalReferral .referral-stats>div:nth-child(2){border-right:0}.CrystalReferral .referral-stats>div:nth-child(-n+2){border-bottom:1px solid #cbb797}.CrystalReferral .referral-stats span{font-size:8px}.CrystalReferral .referral-stats small{font-size:8px}.CrystalReferral .referral-empty{padding:21px 13px}.CrystalReferral .referral-empty h3{font-size:17px}}