._rankingScreen_1wgzm_1{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;padding:20px 20px 90px}._container_1wgzm_10{flex:1;max-width:800px;width:100%;margin:20px auto;background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;overflow:hidden}._header_1wgzm_23{display:flex;align-items:center;padding:20px;background:#fffc;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}._backButton_1wgzm_32{width:40px;height:40px;border:none;background:#e9ecef;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-right:16px;padding:0 0 2px;flex-shrink:0}._backButton_1wgzm_32:hover{background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._title_1wgzm_57{font-size:28px;font-weight:700;color:#2c3e50;margin:0;flex:1;line-height:40px}._periodTabs_1wgzm_66{display:flex;background:#f8f9fa;padding:4px;flex-shrink:0}._tab_1wgzm_73{flex:1;padding:12px 24px;border:none;background:transparent;color:#6c757d;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border-radius:8px}._tab_1wgzm_73:hover{background:#3498db1a}._activeTab_1wgzm_90{background:#fff;color:#3498db;box-shadow:0 2px 8px #0000001a}._myRankSection_1wgzm_96{padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}._myRankTitle_1wgzm_103{font-size:16px;font-weight:600;color:#495057;margin:0 0 12px}._myRankCard_1wgzm_110{background:#fff;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000000d}._myRankNumber_1wgzm_120{font-size:24px;font-weight:700;color:#3498db}._myScore_1wgzm_126{font-size:20px;font-weight:600;color:#2c3e50;flex:1}._myStats_1wgzm_133{font-size:14px;color:#6c757d}._rankingList_1wgzm_138{flex:1;overflow-y:auto;padding:20px;min-height:0}._rankingList_1wgzm_138::-webkit-scrollbar{width:8px}._rankingList_1wgzm_138::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}._rankingList_1wgzm_138::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}._rankingList_1wgzm_138::-webkit-scrollbar-thumb:hover{background:#a0aec0}._rankingItem_1wgzm_163{display:flex;align-items:center;padding:16px;border-bottom:1px solid #e9ecef;transition:all .2s;gap:16px}._rankingItem_1wgzm_163:hover{background:#f8f9fa}._currentUser_1wgzm_176{background:#e3f2fd;border-radius:8px;margin:4px 0}._currentUser_1wgzm_176:hover{background:#bbdefb}._rankNumber_1wgzm_186{width:50px;font-size:18px;font-weight:700;color:#495057;text-align:center}._score_1wgzm_195{font-size:20px;font-weight:700;color:#2c3e50;min-width:120px;display:flex;align-items:center;gap:8px}._youBadge_1wgzm_205{display:inline-block;padding:2px 8px;background:#3498db;color:#fff;font-size:11px;font-weight:700;border-radius:12px;text-transform:uppercase}._vocabularyLevel_1wgzm_216{font-size:14px;font-weight:600;color:#6c757d;min-width:50px;text-align:center}._rankingDate_1wgzm_224{font-size:13px;color:#6c757d;min-width:80px;text-align:right}._footer_1wgzm_231{padding:20px;background:#fffc;text-align:center;border-top:1px solid rgba(0,0,0,.1);flex-shrink:0}._note_1wgzm_239{font-size:13px;color:#6c757d;margin:4px 0}._loading_1wgzm_246,._error_1wgzm_247,._noData_1wgzm_248{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6c757d}._error_1wgzm_247{color:#e74c3c;flex-direction:column;gap:16px}._error_1wgzm_247 button{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}._error_1wgzm_247 button:hover{background:#c0392b;transform:translateY(-2px)}@media (max-width: 768px){._container_1wgzm_10{margin:0}._periodTabs_1wgzm_66{padding:2px}._tab_1wgzm_73{padding:10px 16px;font-size:14px}._rankingItem_1wgzm_163{padding:12px}._rankNumber_1wgzm_186{width:40px;font-size:16px}._score_1wgzm_195{font-size:18px;min-width:100px}._vocabularyLevel_1wgzm_216{font-size:13px;min-width:45px}._rankingDate_1wgzm_224{font-size:12px;min-width:70px}}@media (max-width: 480px){._rankingScreen_1wgzm_1{padding:0 0 90px}._container_1wgzm_10{margin:0;border-radius:0}._header_1wgzm_23{padding:16px}._title_1wgzm_57{font-size:24px}._myRankCard_1wgzm_110{flex-wrap:wrap;text-align:center}._myRankNumber_1wgzm_120,._myScore_1wgzm_126{width:100%}._rankingList_1wgzm_138{padding:12px}._rankingItem_1wgzm_163{padding:10px;gap:10px}._vocabularyLevel_1wgzm_216{font-size:12px;min-width:40px}._rankingDate_1wgzm_224{font-size:11px;min-width:60px}._playerStats_1wgzm_368{gap:8px}}