.rank-panel { padding:18px; margin:4px 0 12px; border:1px solid #cfb99552; border-radius:12px; background:#121d2c; }
.rank-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:11px; color:#93a5be; }
.rank-heading b { font-size:16px; color:#e6d5b8; }
.rank-rating { display:flex; align-items:baseline; gap:8px; margin:10px 0; font-size:36px; font-variant-numeric:tabular-nums; color:#eee3d0; }
.rank-rating small { font-size:11px; color:#93a5be; }
.rank-rating span { margin-left:auto; font-size:11px; color:#acbacf; }
.rank-track { height:4px; background:#334259; border-radius:4px; overflow:hidden; }
.rank-track i { display:block; height:100%; background:#d1b78d; }
.rank-next,.rank-policy,.rank-status { font-size:11px; line-height:1.7; color:#acbacf; margin:10px 0 0; }
.rank-history { border-top:1px solid #ffffff12; margin-top:14px; padding-top:12px; font-size:11px; color:#acbacf; }
.rank-history summary { cursor:pointer; }
.rank-history ol { list-style:none; padding:0; margin:8px 0 0; }
.rank-history li { display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid #ffffff08; }
.rank-history li strong { margin-left:auto; color:#e6d5b8; font-variant-numeric:tabular-nums; }
.rank-history li small { display:block; color:#8295b0; font-size:10px; }
.rank-win { color:#90c6b0; }.rank-loss { color:#d0a0a0; }
.rank-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.rank-actions button { flex:1; }
.rank-match-info { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:9px 12px; color:#dfceb1; border:1px solid #cfb99540; border-radius:9px; font-size:12px; background:#172334; }
.rank-match-info button { padding:5px 10px; min-height:30px; font-size:11px; }
.rank-board { margin-top:14px; font-size:11px; color:#acbacf; }
.rank-board ol { margin:10px 0 0; padding-left:24px; }
.rank-board li { padding:5px; }.rank-board li strong { float:right; color:#e6d5b8; }
.rank-settlement { margin:12px 0; padding:12px; background:#121d2c; border:1px solid #cfb99540; border-radius:9px; color:#e6d5b8; }
#mode-seg { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
#diff-seg { flex-wrap:wrap; }#diff-seg button { min-width:55px; }
.entry-tabs { gap:16px; flex-wrap:wrap; }
@media(max-width:380px) { .rank-panel { padding:12px; }.rank-rating { flex-wrap:wrap; font-size:30px; }.rank-rating span { font-size:10px; }.entry-tabs { gap:12px; }.entry-tabs button { font-size:11px; } }