/* ====== RANKING SCREEN ====== */
#screenRanking { background:var(--bg0)!important; overflow:hidden!important; padding:0!important; }
#screenRanking::-webkit-scrollbar { display:none; }
.rk-wrap { width:100%; height:100%; display:grid; grid-template-rows:44px 1fr; overflow:hidden; }
.rk-header { display:flex; align-items:center; gap:12px; padding:0 16px; background:linear-gradient(90deg,rgba(200,160,80,.1),transparent); border-bottom:1px solid rgba(200,160,80,.2); }
.rk-back { background:rgba(200,160,80,.1); border:1px solid rgba(200,160,80,.3); border-radius:6px; color:var(--gold); font-size:12px; padding:3px 10px; cursor:pointer; }
.rk-title { font-size:14px; font-weight:900; color:var(--gold); letter-spacing:.1em; }
.rk-week { margin-left:auto; font-size:10px; color:var(--muted); font-family:monospace; }
.rk-body { display:grid; grid-template-columns:230px 1fr; overflow:hidden; }
.rk-left { display:flex; flex-direction:column; gap:10px; padding:12px; border-right:1px solid rgba(200,160,80,.12); overflow:hidden; background:rgba(200,160,80,.03); }
.rk-w-card { position:relative; border-radius:10px; padding:14px; background:linear-gradient(135deg,rgba(200,160,80,.2),rgba(180,100,30,.08)); border:1px solid rgba(200,160,80,.55); box-shadow:0 0 18px rgba(200,160,80,.15),inset 0 1px 0 rgba(255,255,255,.06); overflow:hidden; }
.rk-w-card::after { content:''; position:absolute; top:-1px;left:-1px;right:-1px;bottom:-1px; border-radius:10px; background:linear-gradient(135deg,rgba(255,220,100,.25),transparent 60%); pointer-events:none; }
.rk-w-label { font-size:9px; font-weight:900; letter-spacing:.15em; color:var(--gold); text-transform:uppercase; margin-bottom:5px; }
.rk-w-job { font-size:19px; font-weight:900; color:#fff; text-shadow:0 0 14px rgba(200,160,80,.7); }
.rk-g-title { font-size:9px; font-weight:900; color:var(--muted); letter-spacing:.1em; text-transform:uppercase; }
.rk-g-row { display:flex; align-items:center; gap:8px; padding:5px 8px; background:rgba(255,255,255,.025); border:1px solid rgba(200,160,80,.08); border-radius:6px; }
.rk-g-n { font-size:9px; color:var(--muted); font-family:monospace; width:12px; flex-shrink:0; }
.rk-g-name { font-size:11px; font-weight:700; color:var(--text); flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rk-g-pts { font-size:11px; font-weight:900; color:var(--teal); font-family:monospace; }
.rk-right { display:grid; grid-template-rows:22px 1fr 1fr 1fr; gap:8px; padding:12px 14px; overflow:hidden; }
.rk-top-title { font-size:11px; font-weight:900; color:var(--gold); letter-spacing:.06em; align-self:center; }
.rk-card { position:relative; display:flex; align-items:center; gap:12px; border-radius:10px; padding:0 16px; overflow:hidden; }
.rk-card::before { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); }
.rk-c1 { background:linear-gradient(135deg,rgba(255,215,0,.13),rgba(200,160,80,.05)); border:1.5px solid rgba(255,215,0,.5); box-shadow:0 0 22px rgba(255,215,0,.1),inset 0 0 30px rgba(255,215,0,.03); }
.rk-c2 { background:linear-gradient(135deg,rgba(192,192,192,.1),rgba(160,160,160,.03)); border:1.5px solid rgba(192,192,192,.4); box-shadow:0 0 12px rgba(192,192,192,.07); }
.rk-c3 { background:linear-gradient(135deg,rgba(205,127,50,.1),rgba(180,100,30,.03)); border:1.5px solid rgba(205,127,50,.4); box-shadow:0 0 12px rgba(205,127,50,.07); }
.rk-medal { font-size:26px; flex-shrink:0; }
.rk-c1 .rk-medal { filter:drop-shadow(0 0 6px rgba(255,215,0,.5)); }
.rk-c2 .rk-medal { filter:drop-shadow(0 0 4px rgba(192,192,192,.4)); }
.rk-c3 .rk-medal { filter:drop-shadow(0 0 4px rgba(205,127,50,.4)); }
.rk-avatar { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1.5px solid rgba(255,255,255,.2); box-shadow:0 0 8px rgba(0,0,0,.4); }
.rk-info { flex:1; min-width:0; }
.rk-name { font-size:15px; font-weight:900; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rk-sub { display:flex; gap:8px; margin-top:3px; flex-wrap:wrap; }
.rk-chip { font-size:10px; color:var(--muted); display:flex; align-items:center; gap:3px; }
.rk-gchip { background:rgba(255,255,255,.07); border-radius:4px; padding:1px 7px; font-size:9px; color:rgba(200,190,160,.65); }
.rk-pts { font-size:28px; font-weight:900; font-family:monospace; flex-shrink:0; }
.rk-pts small { font-size:11px; font-weight:400; color:var(--muted); margin-left:1px; }
.rk-c1 .rk-pts { color:#FFD700; text-shadow:0 0 12px rgba(255,215,0,.45); }
.rk-c2 .rk-pts { color:#C0C0C0; }
.rk-c3 .rk-pts { color:#CD7F32; }