._rankingScreen_c4jhy_1{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px 20px 90px}._container_c4jhy_11{max-width:800px;width:100%;height:calc(100vh - 110px);background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;overflow:hidden}._headerWrapper_c4jhy_23{background:#fffffff2;flex-shrink:0}._header_c4jhy_23{display:flex;align-items:center;padding:20px;background:#fffc;border-bottom:1px solid rgba(0,0,0,.1)}._backButton_c4jhy_36{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_c4jhy_36:hover{background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._title_c4jhy_61{font-size:28px;font-weight:700;color:#2c3e50;margin:0;flex:1;line-height:40px}._periodTabs_c4jhy_70{display:flex;background:#f8f9fa;padding:4px;flex-shrink:0}._tab_c4jhy_77{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_c4jhy_77:hover{background:#3498db1a}._activeTab_c4jhy_94{background:#fff;color:#3498db;box-shadow:0 2px 8px #0000001a}._myRankSection_c4jhy_100{padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}._content_c4jhy_106{flex:1;overflow-y:overlay;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}._content_c4jhy_106::-webkit-scrollbar{width:4px}._content_c4jhy_106::-webkit-scrollbar-track{background:transparent}._content_c4jhy_106::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}._content_c4jhy_106::-webkit-scrollbar-thumb:hover{background:#0000004d}._myRankTitle_c4jhy_131{font-size:16px;font-weight:600;color:#495057;margin:0 0 12px}._myRankCard_c4jhy_138{background:#fff;padding:16px 24px 16px 23px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}._myRankNumber_c4jhy_148{min-width:48px;font-size:22px;font-weight:700;color:#3498db;text-align:center;flex-shrink:0;white-space:nowrap}._myRankName_c4jhy_158{font-size:15px;font-weight:600;color:#495057;flex:1;min-width:0;text-align:center}._myScore_c4jhy_167{font-size:18px;font-weight:600;color:#2c3e50;flex:1;min-width:0;text-align:center}._myRankDate_c4jhy_176{width:64px;font-size:13px;color:#6c757d;text-align:center;flex-shrink:0}._rankingList_c4jhy_186{padding:0}._rankingHeader_c4jhy_190{display:flex;align-items:center;padding:12px 24px;border-bottom:2px solid #e2e8f0;background:#f7fafc;font-weight:700;color:#2d3748;gap:16px;position:sticky;top:0;z-index:1}._rankHeaderNumber_c4jhy_204{width:48px;text-align:center;font-size:14px;flex-shrink:0}._rankHeaderScore_c4jhy_211{font-size:14px;flex:1;text-align:center;min-width:0}._rankHeaderVocabulary_c4jhy_218{font-size:14px;min-width:50px;text-align:center}._rankHeaderName_c4jhy_224{font-size:14px;flex:1;text-align:center;min-width:0}._rankHeaderDate_c4jhy_231{font-size:14px;width:64px;text-align:center;flex-shrink:0}._rankingItem_c4jhy_238{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #e9ecef;transition:all .2s;gap:16px}._rankingItem_c4jhy_238:hover{background:#f8f9fa}._currentUser_c4jhy_251{background:#e3f2fd;border-radius:8px;margin:4px 0}._currentUser_c4jhy_251:hover{background:#bbdefb}._rankNumber_c4jhy_261{width:48px;font-size:18px;font-weight:700;color:#495057;text-align:center;flex-shrink:0}._playerName_c4jhy_270{font-size:15px;font-weight:600;color:#2d3748;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._score_c4jhy_285{font-size:18px;font-weight:700;color:#2c3e50;flex:1;min-width:0;text-align:center}._youBadge_c4jhy_294{display:inline-block;padding:2px 8px;background:#3498db;color:#fff;font-size:11px;font-weight:700;border-radius:12px;text-transform:uppercase}._vocabularyLevel_c4jhy_305{font-size:14px;font-weight:600;color:#6c757d;min-width:50px;text-align:center}._rankingDate_c4jhy_313{font-size:13px;color:#6c757d;width:64px;text-align:center;flex-shrink:0}._footer_c4jhy_321{padding:20px;background:#fffc;text-align:center;border-top:1px solid rgba(0,0,0,.1);flex-shrink:0}._note_c4jhy_329{font-size:13px;color:#6c757d;margin:4px 0}._loading_c4jhy_336,._noData_c4jhy_337{display:flex;align-items:center;justify-content:center;padding:16px 24px;font-size:18px;color:#6c757d;min-height:56px}._error_c4jhy_347{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6c757d}._error_c4jhy_347{color:#e74c3c;flex-direction:column;gap:16px}._error_c4jhy_347 button{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}._error_c4jhy_347 button:hover{background:#c0392b;transform:translateY(-2px)}@media (max-width: 768px){._container_c4jhy_11{margin:0}._periodTabs_c4jhy_70{padding:2px}._tab_c4jhy_77{padding:10px 16px;font-size:14px}._rankingHeader_c4jhy_190{padding:10px 20px 10px 16px;gap:12px}._rankHeaderNumber_c4jhy_204{width:40px;font-size:13px}._rankHeaderName_c4jhy_224,._rankHeaderScore_c4jhy_211{font-size:13px}._rankHeaderDate_c4jhy_231{width:56px;font-size:13px}._rankingItem_c4jhy_238{padding:12px 20px 12px 16px;gap:12px}._rankNumber_c4jhy_261{width:40px;font-size:16px}._playerName_c4jhy_270{font-size:14px}._score_c4jhy_285{font-size:16px}._rankingDate_c4jhy_313{width:56px;font-size:12px}._myRankSection_c4jhy_100{padding:16px}._myRankCard_c4jhy_138{padding:12px 16px;gap:12px}._myRankNumber_c4jhy_148{min-width:48px;font-size:20px}._myRankName_c4jhy_158{font-size:14px}._myScore_c4jhy_167{font-size:16px}._myRankDate_c4jhy_176{width:60px;font-size:12px}._loading_c4jhy_336,._noData_c4jhy_337{padding:12px 20px;min-height:48px}}@media (max-width: 480px){._rankingScreen_c4jhy_1{padding:0 0 90px}._container_c4jhy_11{margin:0;border-radius:0;height:100vh}._header_c4jhy_23{padding:12px 16px}._title_c4jhy_61{font-size:20px}._backButton_c4jhy_36{width:36px;height:36px;font-size:18px;margin-right:12px}._tab_c4jhy_77{padding:8px 12px;font-size:13px}._rankingHeader_c4jhy_190{padding:8px 16px 8px 12px;gap:8px}._rankHeaderNumber_c4jhy_204{width:32px;font-size:12px}._rankHeaderName_c4jhy_224,._rankHeaderScore_c4jhy_211{font-size:12px}._rankHeaderDate_c4jhy_231{width:48px;font-size:12px}._rankingItem_c4jhy_238{padding:10px 16px 10px 12px;gap:8px}._rankNumber_c4jhy_261{width:32px;font-size:14px}._playerName_c4jhy_270{font-size:13px;gap:2px}._score_c4jhy_285{font-size:14px}._rankingDate_c4jhy_313{width:48px;font-size:11px}._youBadge_c4jhy_294{font-size:9px;padding:1px 5px}._myRankSection_c4jhy_100{padding:12px}._myRankCard_c4jhy_138{padding:10px 12px;gap:8px}._myRankNumber_c4jhy_148{min-width:40px;font-size:18px}._myRankName_c4jhy_158{font-size:13px}._myScore_c4jhy_167{font-size:14px}._myRankDate_c4jhy_176{width:48px;font-size:11px}._footer_c4jhy_321{padding:12px}._note_c4jhy_329{font-size:11px}._loading_c4jhy_336,._noData_c4jhy_337{padding:10px 16px;min-height:44px;font-size:14px}}