.leaderboard-mobile-view{display:none}
body.home-page .rankmain>h3{font-weight:800;line-height:1.25}
body.home-page .rankmain>h3::after{display:none}
.leaderboard-empty{padding:18px 0;color:#64766c;font:16px/1.5 system-ui,sans-serif}
@media(max-width:900px){
 body.home-page .rankmain{--leaderboard-row-height:clamp(32px,calc((100svh - 172px)/10),46px);box-sizing:border-box;width:calc(100% - 32px);max-width:620px;margin:24px auto;padding:12px;border-radius:20px;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;scroll-margin-top:8px}
 body.home-page .rankmain>h3{margin:0 0 10px;padding:0;color:#202d26;font-size:clamp(23px,6.6vw,28px);line-height:1.2;letter-spacing:-.03em}
 body.home-page .rank-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 8px;padding:0}
 body.home-page .rank-switch .rank-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;margin:0;padding:5px 4px;border:0;border-radius:12px;background:#eff3f0;color:#455e50;font:650 13px/1.2 system-ui,sans-serif;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
 body.home-page .rank-switch .rank-btn.activeS{background:#087f5b;color:#fff}
 body.home-page .rank-switch .rank-btn:focus-visible{outline:3px solid #36b98b;outline-offset:2px}
 body.home-page .rankmain .leaderboard-desktop-view{display:none}
 body.home-page .rankmain .leaderboard-mobile-view{display:block}
 body.home-page .rankmain .rank-table{width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
 body.home-page .rankmain .rank-table.hidden{display:none}
 .leaderboard-columns,.leaderboard-mobile-row{display:grid;grid-template-columns:22px minmax(0,1fr) 50px 40px;align-items:center;gap:6px;box-sizing:border-box}
 .leaderboard-columns{min-height:24px;padding:2px 4px;color:#677a6e;text-align:left;font-size:12px;font-weight:600;line-height:1.2}
 .leaderboard-columns>span:nth-last-child(-n+2){text-align:right}
 .leaderboard-mobile-list{margin:0;padding:0;list-style:none}
 .leaderboard-mobile-row{height:var(--leaderboard-row-height);min-width:0;padding:4px;border-bottom:1px solid #e5ece7;border-radius:0;text-align:left;font-size:17px;font-weight:600;line-height:1.2;color:#22352a}
 .leaderboard-mobile-row:nth-child(-n+3){border-radius:8px}
 .leaderboard-mobile-row:nth-child(1){background:#fff8e6}
 .leaderboard-mobile-row:nth-child(2){background:#f1f5f8}
 .leaderboard-mobile-row:nth-child(3){background:#fff0e7}
 .leaderboard-position{font-size:17px;font-weight:800;text-align:center}
 .leaderboard-student-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650}
 .leaderboard-average{font-size:17px;font-weight:800;color:#087f5b;text-align:right;font-variant-numeric:tabular-nums}
 .leaderboard-attempts{font-size:16px;font-weight:600;color:#596f61;text-align:right;font-variant-numeric:tabular-nums}
 html[data-theme=dark] body.home-page .rankmain>h3,html[data-theme=dark] .leaderboard-mobile-row{color:#e5f2eb}
 html[data-theme=dark] .leaderboard-columns,html[data-theme=dark] .leaderboard-attempts,html[data-theme=dark] .leaderboard-empty{color:#b7cdbf}
 html[data-theme=dark] .leaderboard-mobile-row{border-color:#35503f}
 html[data-theme=dark] .leaderboard-mobile-row:nth-child(1){background:#373322}
 html[data-theme=dark] .leaderboard-mobile-row:nth-child(2){background:#263338}
 html[data-theme=dark] .leaderboard-mobile-row:nth-child(3){background:#392e25}
 html[data-theme=dark] .leaderboard-average{color:#8de1b4}
}