#s2047-rank-button{position:fixed;right:18px;bottom:126px;z-index:100040;border:1px solid rgba(255,216,77,.8);border-radius:999px;background:rgba(4,17,31,.94);color:#ffe56e;font-weight:900;letter-spacing:.08em;padding:10px 15px;box-shadow:0 8px 24px rgba(0,0,0,.38);cursor:pointer}
#s2047-rank-panel{position:fixed;right:18px;bottom:174px;z-index:100050;width:min(430px,calc(100vw - 24px));max-height:min(650px,calc(100vh - 90px));overflow:auto;border:1px solid rgba(255,216,77,.52);border-radius:18px;background:linear-gradient(180deg,rgba(7,25,43,.98),rgba(3,12,23,.98));color:#f7fbff;box-shadow:0 22px 70px rgba(0,0,0,.62);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#s2047-rank-panel[hidden]{display:none!important}#s2047-rank-panel header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:15px 17px;background:rgba(5,19,34,.97);border-bottom:1px solid rgba(255,255,255,.12);z-index:2}#s2047-rank-panel header strong{display:block;font-size:18px;color:#ffe56e}#s2047-rank-panel header small{display:block;color:#bcd2e4;margin-top:2px}#s2047-rank-panel header button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}
.s2047-rank-summary{padding:17px;border-bottom:1px solid rgba(255,255,255,.1)}.s2047-rank-title{display:flex;justify-content:space-between;align-items:end;gap:12px}.s2047-rank-title span{color:#9ec9e7;font-weight:800}.s2047-rank-title strong{font-size:21px;color:#fff}.s2047-xp-line{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:#bcd2e4;font-size:12px}.s2047-xp-bar{height:10px;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.s2047-xp-bar i{display:block;height:100%;background:linear-gradient(90deg,#65d8ff,#ffe56e);border-radius:inherit}.s2047-skill-points{margin-top:14px;display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:12px;background:rgba(255,216,77,.1);border:1px solid rgba(255,216,77,.25)}.s2047-skill-points strong{font-size:21px;color:#ffe56e}
.s2047-skill-list{display:grid;gap:10px;padding:15px}.s2047-skill-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.s2047-skill-list strong,.s2047-skill-list small,.s2047-skill-list span{display:block}.s2047-skill-list small{color:#bcd2e4;margin:3px 0 7px;line-height:1.35}.s2047-skill-list span{color:#ffe56e;font-size:12px;font-weight:800}.s2047-skill-list button{flex:0 0 auto;border:1px solid rgba(101,216,255,.6);border-radius:10px;background:rgba(18,101,132,.32);color:#fff;font-weight:900;padding:9px 10px;cursor:pointer}.s2047-skill-list button:disabled{opacity:.42;cursor:not-allowed}
.s2047-rank-toast{position:fixed;left:50%;top:86px;z-index:100090;transform:translate(-50%,-14px);opacity:0;max-width:min(520px,calc(100vw - 28px));padding:12px 17px;border-radius:999px;background:#102f49;color:#fff;border:1px solid #ffe56e;box-shadow:0 12px 35px rgba(0,0,0,.5);font-weight:900;text-align:center;transition:.25s ease}.s2047-rank-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){#s2047-rank-button{right:10px;bottom:174px;padding:9px 12px}#s2047-rank-panel{right:8px;bottom:218px;width:calc(100vw - 16px);max-height:calc(100vh - 236px)}.s2047-skill-list article{align-items:flex-start}.s2047-skill-list button{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.s2047-rank-toast{transition:none}}