/* MR LEE V30.4 — only the compact horizontal MAIN leaderboard; do not change full ranking page. */
#ranking .mrlee-rank-live-status{display:block;font-size:10px;font-weight:750;color:#52769d;margin-top:5px;white-space:nowrap}
#ranking .mrlee-rank-live-status.mrlee-rank-online{color:#167254}
#ranking #rankSlider{scroll-behavior:smooth;overscroll-behavior-x:contain}
#ranking .mrlee-rank-v304-card{min-width:192px;max-width:240px;min-height:76px;flex:0 0 208px;display:flex;align-items:center;gap:10px;border:1px solid #e0eafa;border-radius:14px;padding:10px 12px;background:linear-gradient(140deg,#fff,#f4f9ff);box-shadow:0 5px 13px #173e7d12;scroll-snap-align:start;transition:transform .18s ease,box-shadow .18s ease}
#ranking .mrlee-rank-v304-card:hover{transform:translateY(-2px);box-shadow:0 8px 19px #123b7d24}
#ranking .mrlee-rank-v304-card .position{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:#e6effc;color:#1d4580;font-size:13px;font-weight:900;box-shadow:none}
#ranking .mrlee-rank-v304-card .student-info{min-width:0;display:grid;gap:4px}
#ranking .mrlee-rank-v304-card .student-name{font-family:'Be Vietnam Pro',sans-serif;font-size:12px;font-weight:800;color:#102f65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ranking .mrlee-rank-v304-card .student-score{font-size:11px;font-weight:800;color:#0868ce;white-space:nowrap}
#ranking .mrlee-rank-v304-top-1{background:linear-gradient(128deg,#fff9e4,#fff1c4);border-color:#f4d57a}
#ranking .mrlee-rank-v304-top-2{background:linear-gradient(128deg,#f8fafc,#e9f0f9);border-color:#c9d6e8}
#ranking .mrlee-rank-v304-top-3{background:linear-gradient(128deg,#fff5ee,#fce5d2);border-color:#e9c2a9}
#ranking .mrlee-rank-v304-top-1 .position,#ranking .mrlee-rank-v304-top-2 .position,#ranking .mrlee-rank-v304-top-3 .position{font-size:22px;background:#ffffffbd}
#ranking .mrlee-rank-v304-empty{max-width:100%;min-width:min(320px,100%);gap:4px}
#ranking .mrlee-rank-v304-empty a{display:inline-block;width:fit-content;font-size:11px;font-weight:800;color:#0866ce;text-decoration:none}
#ranking .mrlee-rank-v304-more{display:flex;align-items:center;justify-content:center;flex:0 0 172px;min-width:172px;padding:12px;border-radius:13px;border:1px solid #d4e3f9;background:#eaf3ff;color:#114f9e;font-size:11px;font-weight:850;text-decoration:none;scroll-snap-align:start}
#ranking .mrlee-rank-v304-more:hover{text-decoration:underline}
@media(max-width:540px){#ranking .mrlee-rank-v304-card{flex-basis:190px;min-width:180px;min-height:78px}#ranking .mrlee-rank-live-status{white-space:normal}}
@media(prefers-reduced-motion:reduce){#ranking .mrlee-rank-v304-card{transition:none}#ranking #rankSlider{scroll-behavior:auto}}