.referral-ranking{color:#edf2e3;background:linear-gradient(135deg,#1e303b,#15212e);border:2px solid #8b794b;border-radius:12px;padding:26px;margin:24px 0;box-shadow:inset 0 0 0 3px #0f1c28,0 8px 24px #0002}
.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.ranking-heading .small-label{font:700 10px/1.5 system-ui,sans-serif;letter-spacing:2px;color:#a8bf99;margin:0 0 8px}.ranking-heading h2{font:700 30px/1.2 Georgia,serif;color:#f9e2a2;margin:0}.ranking-badge{background:#3a3929;border:1px solid #8c7d45;border-radius:5px;color:#ecd38d;padding:7px 12px;white-space:nowrap;font:800 11px/1 system-ui,sans-serif;letter-spacing:1.5px}.ranking-description{font:14px/1.7 system-ui,sans-serif;color:#becbbf;max-width:630px;margin:18px 0 23px}.ranking-self{display:flex;align-items:center;gap:18px;border:1px solid #778856;background:#344b35;border-radius:7px;margin:0 0 20px;padding:13px 18px;font:13px/1.5 system-ui,sans-serif}.ranking-self strong{font-size:22px;color:#ffdf86}.ranking-self>span:last-child{margin-left:auto}.ranking-table-wrap{overflow-x:auto}.ranking-table{width:100%;border-collapse:collapse;text-align:left;font:14px/1.5 system-ui,sans-serif}.ranking-table thead{color:#9eafa8;text-transform:uppercase;font-size:10px;letter-spacing:1.3px}.ranking-table th,.ranking-table td{border-bottom:1px solid #72856d30;padding:13px 12px}.ranking-table th:first-child{width:75px}.ranking-table th:last-child,.ranking-table td:last-child{text-align:right}.ranking-table td:last-child{font-weight:750;color:#e4efc2;font-size:18px}.ranking-table td:nth-child(2)>strong{font-family:ui-monospace,monospace;font-size:14px;color:#e2e8de}.ranking-winner{background:#c0ad5410}.ranking-own{outline:1px solid #92a869;outline-offset:-1px;background:#7496591c}.rank-medal{display:inline-grid;place-items:center;width:34px;height:34px;color:#acbcae;font-size:13px}.rank-1,.rank-2,.rank-3{border:1px solid #ceb45a;border-radius:50%;background:#4c4527;color:#f8db7b;box-shadow:inset 0 0 0 3px #252b28}.rank-2{border-color:#aab8be;background:#37444d;color:#d4e2e8}.rank-3{border-color:#b98966;background:#483b30;color:#efbb8e}.ranking-you{font:800 9px/1.5 system-ui,sans-serif;letter-spacing:1px;color:#d0e5a5;margin-left:12px}.ranking-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;color:#a6b79e;font:11px/1.7 system-ui,sans-serif}.ranking-rules{color:#97a69e;font:11px/1.7 system-ui,sans-serif;margin:12px 0 0}.ranking-empty{text-align:center;padding:28px 15px 35px;background:#05182040;border:1px dashed #72856d55;border-radius:8px}.ranking-empty>span{font-size:54px;color:#a5bc7b;line-height:1.2}.ranking-empty h3{font:700 22px/1.3 Georgia,serif;color:#e9d69c;margin:16px 0 10px}.ranking-empty p{font:13px/1.7 system-ui,sans-serif;color:#a8b9ad;margin:0}.ranking-error{font:13px/1.6 system-ui,sans-serif;color:#ffd2b3;border-left:3px solid #bc8b5c;padding:10px 14px;background:#a25a2820}.ranking-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ranking-page{margin:0;min-height:100vh;color:#e4edda;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 15% 5%,#2a5b444d,transparent 55%),radial-gradient(ellipse at 90% 65%,#56683c33,transparent 50%),#0d1824;color-scheme:dark}.ranking-page *{box-sizing:border-box}.ranking-page a{color:#d0dcb5;text-decoration:none}.ranking-page a:hover{color:#f2d785}.ranking-page a:focus-visible,.ranking-page button:focus-visible{outline:3px solid #f0d07a;outline-offset:5px}.ranking-page-header{max-width:1000px;margin:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ranking-brand{display:flex;flex-direction:column;text-align:center;font:900 18px/.98 system-ui,sans-serif;letter-spacing:-.7px;transform:rotate(-4deg);text-shadow:2px 3px #061a19}.ranking-brand>span{color:#e4cf69}.ranking-brand>strong{font-size:27px;color:#b397db}.ranking-page-header nav{display:flex;align-items:center;gap:25px;font-size:12px}.ranking-back{border:1px solid #73834c;border-radius:5px;padding:9px 15px;background:#35452a}.ranking-page-main{max-width:850px;margin:auto;padding:15px 25px 20px}.ranking-page-intro{text-align:center;margin:20px auto 36px}.ranking-eyebrow{font-size:9px;letter-spacing:3px;font-weight:700;color:#b4c08d}.ranking-page-intro h1{font:700 clamp(32px,5vw,47px)/1.15 Georgia,serif;color:#f1dfa6;margin:17px 0}.ranking-page-intro>p:last-child{font-size:13px;color:#a8b9a9}.ranking-page .referral-ranking{margin:0}.ranking-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:26px 0}.ranking-actions button{font:750 12px/1.4 system-ui,sans-serif;cursor:pointer;color:#f1e4bc;background:linear-gradient(#53633d,#35492e);border:1px solid #8c9b5e;box-shadow:inset 0 1px #bdd28e45,0 3px #07160e;border-radius:6px;padding:11px 23px}.ranking-actions button:disabled{opacity:.6;cursor:wait}.ranking-actions>a{font-size:12px}.ranking-page-note{max-width:580px;margin:25px auto 0;text-align:center;color:#95a88e;font-size:11px;line-height:1.9}.ranking-page-footer{text-align:center;padding:20px 25px 35px;color:#627c70;font-size:10px;letter-spacing:1px}
@media(max-width:600px){.referral-ranking{padding:20px 15px}.ranking-heading h2{font-size:26px}.ranking-description{font-size:12px}.ranking-badge{font-size:9px;padding:6px 9px}.ranking-table th,.ranking-table td{padding:11px 5px}.ranking-table th:first-child{width:48px}.ranking-table td:nth-child(2)>strong{font-size:12px}.ranking-table td:last-child{font-size:16px}.ranking-table thead{font-size:9px;letter-spacing:.7px}.ranking-self{gap:10px;padding:12px;font-size:11px;flex-wrap:wrap}.ranking-self strong{font-size:18px}.ranking-page-header{padding:22px 20px}.ranking-page-header nav{gap:14px;font-size:11px}.ranking-back{padding:8px 10px}.ranking-page-main{padding:5px 16px 16px}.ranking-page-intro{margin:20px auto 28px}.ranking-page-intro>p:last-child{line-height:1.7}.ranking-page-note{font-size:11px}.ranking-actions{gap:20px}.ranking-empty h3{font-size:20px}}