.ranking-shell{background:radial-gradient(ellipse at 50% 10%,#66523455,transparent 65%),repeating-linear-gradient(132deg,transparent 0 95px,#ffffff03 96px 150px),#151414;color:#e6cf9c;border-radius:20px;padding:36px;overflow:hidden;min-height:660px}.ranking-heading{text-align:center}.ranking-heading h2{font-size:25px;color:#f4e1b2}.ranking-heading p{font-size:12px;letter-spacing:2px;margin-top:12px;color:#a7987b}.rank-tabs,.rank-periods{display:flex;justify-content:center;gap:16px;margin-top:26px}.rank-tabs button,.rank-periods button{background:transparent;border-color:transparent;color:#c2b6a3}.rank-tabs button.selected{color:#f5d681;border-bottom-color:#d6b871;border-radius:0}.rank-periods{gap:8px;margin-top:15px}.rank-periods button{font-size:12px;padding:8px 20px}.rank-periods button.selected{background:#d9c79e20;color:#f1d995;border-radius:30px}.rank-caption{text-align:center;margin:24px 0;color:#9f9177;font-size:11px}.rank-range{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0}.rank-range input{max-width:180px;color:#e8d6af;background:#ffffff0a;border-color:#79674a;color-scheme:dark}.rank-range button{background:#e3c37e;color:#332c20}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;max-width:770px;gap:20px;margin:35px auto 15px}.medal{text-align:center;min-width:0}.medal .crown{font-size:55px;line-height:1.1;color:#deb565;text-shadow:0 3px 20px #e5be6944}.rank-avatar{width:86px;height:86px;margin:auto;border:4px solid #e7c881;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e6cc91,#a87b35);color:#49371d;font-size:32px;font-weight:700;position:relative;z-index:1}.medal-body{min-height:155px;border-radius:45px 45px 70px 70px;max-width:170px;padding:20px 14px 25px;background:linear-gradient(110deg,#d1a579,#b98158);color:#4c3827;margin:-8px auto 0}.medal-1 .rank-avatar{width:105px;height:105px;font-size:40px}.medal-1 .medal-body{min-height:190px;padding-top:30px;background:linear-gradient(110deg,#f7df88,#ce9438);color:#5d431a}.medal-2 .medal-body{background:linear-gradient(110deg,#dfe2e5,#999da0);color:#3f4246}.medal-2 .crown{color:#d6d9dd}.medal-2 .rank-avatar{border-color:#c9cdd3;background:linear-gradient(110deg,#ebedf1,#b0b7c1);color:#626a76}.medal-3 .crown{color:#c99b78}.medal-3 .rank-avatar{border-color:#c99b78;background:linear-gradient(110deg,#e0ba9b,#ba8a68)}.winner-name{font-size:14px;overflow-wrap:anywhere}.winner-score{font-size:34px;margin:16px 0 7px;font-weight:600}.medal-body small{color:inherit;font-size:11px;opacity:.8}.podium-step{background:linear-gradient(#ffffff20,#ffffff0a);padding:16px;margin-top:16px;border-radius:0 0 15px 15px;color:#dcb672;font-weight:700;font-size:21px}.medal-1 .podium-step{padding:25px 15px}.vacant{opacity:.35}.vacant .medal-body{background:#a3916b33;color:#d9cba8}.rank-count{text-align:center;margin:30px 0;color:#bca77c;font-size:13px;letter-spacing:3px}.rank-list{max-width:830px;margin:auto;display:grid;gap:13px}.rank-row{display:flex;align-items:center;gap:18px;background:linear-gradient(100deg,#ead6b2,#d3b68c);border:2px solid #f3e1b8;border-radius:16px;padding:18px 22px;color:#3a3023}.rank-position{font-size:14px;color:#b07738;font-style:italic;font-weight:800}.rank-avatar.small{width:42px;height:42px;flex-shrink:0;margin:0;font-size:18px;border-width:2px}.rank-result{margin-left:auto;text-align:right}.rank-result b{font-size:24px}.rank-result small{display:block;color:#796245;font-size:10px;margin-top:5px}.rank-empty{text-align:center;padding:100px 20px;color:#bca77c;line-height:2}.rank-empty small{color:#968a76}.member-welcome{background:linear-gradient(110deg,#e3edff,#f6f9ff);border:1px solid #dbe7fa;border-radius:16px;padding:36px;margin-bottom:25px}.member-welcome h2{font-size:27px}.member-welcome p{color:#7e94b3;margin:15px 0 25px}.member-welcome .eyebrow{color:#87a1c9}@media(max-width:720px){.ranking-shell{padding:24px 10px}.rank-tabs{gap:0}.rank-tabs button{font-size:12px;padding:10px}.rank-periods button{padding:8px 16px}.podium{gap:6px;margin-top:35px}.rank-avatar{width:64px;height:64px;font-size:25px}.medal-1 .rank-avatar{width:80px;height:80px;font-size:30px}.medal-body{min-height:135px;padding:18px 8px;border-radius:25px 25px 50px 50px}.medal-1 .medal-body{min-height:165px}.winner-name{font-size:12px}.winner-score{font-size:25px}.medal-body small{font-size:9px}.rank-row{padding:15px 10px;gap:10px}.rank-position{font-size:12px}.rank-row strong{font-size:12px}.rank-avatar.small{width:32px;height:32px;font-size:14px}.rank-result b{font-size:20px}.rank-range{gap:5px}.rank-range input{width:125px;padding:8px;font-size:11px}.rank-range button{padding:8px;font-size:11px}.member-welcome{padding:25px}.member-welcome h2{font-size:23px}}
