/* 랭킹 탭 (js/rank.js) — 2026-10-07 */
#rankView{padding:12px 12px 24px}
.rkHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:var(--ink2);box-shadow:inset 0 0 0 1.5px #2A2830}
.rkHead div{display:flex;flex-direction:column;gap:2px;min-width:0}
.rkHead span{font-size:12.5px;color:var(--muted)}
.rkHead b{font:17px/1.25 'Black Han Sans',sans-serif;font-weight:400;color:var(--paper)}   /* 「구글로 로그인하고 참가하…」로 잘렸다(10-18) — 줄바꿈 허용 */
.rkName{flex:0 0 auto;min-height:44px;min-width:96px;font-size:15px}
.rkHead .btn.line{color:var(--paper);box-shadow:inset 0 0 0 2px rgba(242,235,221,.55)}
.rkTabs{display:flex;gap:6px;margin:12px 0}
.rkTabs button{flex:1;min-height:44px;border:0;border-radius:12px;background:var(--ink3);color:var(--muted);font:14px 'Black Han Sans',sans-serif;cursor:pointer}
.rkTabs button.on{background:var(--red);color:#fff}
.rkMe{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#3A2A22,#2B2620);box-shadow:inset 0 0 0 1.5px rgba(232,182,76,.4)}
.rkMe div:first-child{display:flex;flex-direction:column}
.rkMe span{font-size:12.5px;color:#C9BFAE}
.rkMe b{font:28px 'Black Han Sans',sans-serif;font-weight:400;color:var(--gold);line-height:1.1}
.rkMe small{font-size:12.5px;color:#C9BFAE}
.rkMv{text-align:right;font-size:14px;color:var(--paper)}
.rkMv b,.rkV b{font-family:'Black Han Sans',sans-serif;font-weight:400}
.rkList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.rkList li{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:10px;background:var(--ink2)}
.rkList li.me{background:rgba(232,182,76,.22);box-shadow:inset 0 0 0 2px var(--gold)}   /* 10-25 진한 갈색 고정이라 밝은 로비(글자 먹색)에서 이름이 묻혔다 → 옅은 금색: 밝은·어두운 테마 둘 다 글자가 보인다 */
.rkList li.me .rkNm{font-weight:700}
.rkList li.p1{box-shadow:inset 0 0 0 1.5px rgba(232,182,76,.7)}
.rkN{flex:0 0 30px;text-align:center;font:16px 'Black Han Sans',sans-serif;color:var(--muted)}
.rkNm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--paper)}
.rkNm em{font-style:normal;color:var(--gold);font-size:13px}
.rkV{flex:0 0 auto;font-size:13.5px;color:var(--paper)}
.rkMsg{padding:28px 10px;text-align:center;color:var(--muted);font-size:14.5px;line-height:1.6}
.rkMsg .btn{margin-top:10px;min-width:140px;color:var(--paper);box-shadow:inset 0 0 0 2px rgba(242,235,221,.55)}
.rkNote{margin:12px 2px 0;font-size:13px;line-height:1.5;color:var(--muted)}