.ranking-screen-module__VOhutW__page{--bg-main:#0a0e17;--bg-card:#161b22;--bg-podium:#1f2937;--bg-hover:#252b38;--primary-purple:#ff7f00;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-color:#2b3242;--color-gold:#eab308;--color-orange:#f97316;--color-premium:#facc15;--rank-1:#b8860b;--rank-2:#7a7a7a;--rank-3:#8b4513;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-plus-jakarta-sans), sans-serif;min-height:100vh;padding:40px 20px;line-height:1.5}html[data-theme=light] .ranking-screen-module__VOhutW__page{--bg-main:#f8fafc;--bg-card:#fff;--bg-podium:#f1f5f9;--bg-hover:#fff7ed;--text-main:#0f172a;--text-muted:#64748b;--border-color:#dbe3ee}.ranking-screen-module__VOhutW__page *,.ranking-screen-module__VOhutW__page :before,.ranking-screen-module__VOhutW__page :after{box-sizing:border-box}.ranking-screen-module__VOhutW__page h1,.ranking-screen-module__VOhutW__page h2,.ranking-screen-module__VOhutW__page p{margin:0}.ranking-screen-module__VOhutW__page .container{max-width:900px;margin:0 auto}.ranking-screen-module__VOhutW__page .page-header{text-align:center;margin-bottom:24px}.ranking-screen-module__VOhutW__page .page-title{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:24px;font-weight:700;display:flex}.ranking-screen-module__VOhutW__page .icon-purple{color:#ff7f00}.ranking-screen-module__VOhutW__page .icon-orange{color:var(--color-orange)}.ranking-screen-module__VOhutW__page .page-desc{color:var(--text-muted);font-size:13px}.ranking-screen-module__VOhutW__page .main-tabs{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.ranking-screen-module__VOhutW__page .main-tab-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:600}.ranking-screen-module__VOhutW__page .main-tab-btn.active{background-color:var(--primary-purple);border-color:var(--primary-purple);color:#fff}.ranking-screen-module__VOhutW__page .sub-tabs{justify-content:center;gap:8px;margin-bottom:30px;display:flex}.ranking-screen-module__VOhutW__page .sub-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 12px;font-size:13px;font-weight:600}.ranking-screen-module__VOhutW__page .sub-tab-btn.active{border-bottom-color:var(--primary-purple);color:var(--text-main)}.ranking-screen-module__VOhutW__page .list-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.ranking-screen-module__VOhutW__page .comic-row{border-bottom:1px solid var(--border-color);color:inherit;align-items:center;text-decoration:none;display:flex}.ranking-screen-module__VOhutW__page .comic-row:last-child{border-bottom:0}.ranking-screen-module__VOhutW__page .comic-rank{color:var(--text-muted);justify-content:center;align-self:stretch;align-items:center;width:50px;font-size:14px;font-weight:700;display:flex}.ranking-screen-module__VOhutW__page .comic-row:first-child .comic-rank{background-color:var(--rank-1);color:#fff}.ranking-screen-module__VOhutW__page .comic-row:nth-child(2) .comic-rank{background-color:var(--rank-2);color:#fff}.ranking-screen-module__VOhutW__page .comic-row:nth-child(3) .comic-rank{background-color:var(--rank-3);color:#fff}.ranking-screen-module__VOhutW__page .comic-content{flex:1;align-items:center;gap:16px;padding:12px 16px;display:flex}.ranking-screen-module__VOhutW__page .comic-cover{aspect-ratio:1748/2480;object-fit:cover;background-color:#333;border-radius:4px;width:48px}.ranking-screen-module__VOhutW__page .comic-info{flex-direction:column;gap:4px;min-width:0;display:flex}.ranking-screen-module__VOhutW__page .comic-title{overflow-wrap:anywhere;font-size:14px;font-weight:600}.ranking-screen-module__VOhutW__page .comic-stars{color:var(--color-gold);align-items:center;gap:2px;font-size:11px;display:flex}.ranking-screen-module__VOhutW__page .comic-rating-text{color:var(--text-muted);margin-left:4px}.ranking-screen-module__VOhutW__page .podium-container{justify-content:center;align-items:flex-end;gap:16px;margin-bottom:30px;display:flex}.ranking-screen-module__VOhutW__page .podium-card{background-color:var(--bg-podium);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:center;width:220px;padding:24px 16px 16px;display:flex;position:relative}.ranking-screen-module__VOhutW__page .podium-rank-2{order:1;height:160px}.ranking-screen-module__VOhutW__page .podium-rank-1{border-color:#ff7f00;order:2;height:180px;box-shadow:0 4px 20px #0000004d}.ranking-screen-module__VOhutW__page .podium-rank-3{order:3;height:160px}.ranking-screen-module__VOhutW__page .podium-badge{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-12px}.ranking-screen-module__VOhutW__page .podium-rank-1 .podium-badge{background-color:var(--rank-1);color:#000;border:0}.ranking-screen-module__VOhutW__page .podium-rank-2 .podium-badge{background-color:var(--rank-2);color:#000;border:0}.ranking-screen-module__VOhutW__page .podium-rank-3 .podium-badge{background-color:var(--rank-3);color:#fff;border:0}.ranking-screen-module__VOhutW__page .podium-avatar{border:2px solid var(--color-premium);object-fit:cover;border-radius:4px;width:56px;height:56px;margin-bottom:12px}.ranking-screen-module__VOhutW__page .podium-rank-1 .podium-avatar{width:70px;height:70px}.ranking-screen-module__VOhutW__page .podium-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:4px;font-size:13px;font-weight:700;overflow:hidden}.ranking-screen-module__VOhutW__page .badge-premium{color:var(--color-premium);background-color:#facc1526;border-radius:12px;margin-bottom:8px;padding:2px 6px;font-size:9px;font-weight:800}.ranking-screen-module__VOhutW__page .badge-premium.small{margin:0;font-size:8px}.ranking-screen-module__VOhutW__page .podium-stats{flex-direction:column;align-items:center;gap:4px;margin-top:auto;display:flex}.ranking-screen-module__VOhutW__page .stat-aura-main{color:var(--color-gold);font-size:14px;font-weight:700}.ranking-screen-module__VOhutW__page .stat-comment-main{color:var(--text-muted);font-size:11px}.ranking-screen-module__VOhutW__page .user-row{border-bottom:1px solid var(--border-color);align-items:center;padding:12px 20px;display:flex}.ranking-screen-module__VOhutW__page .user-row:last-child{border-bottom:0}.ranking-screen-module__VOhutW__page .user-rank{color:var(--text-muted);width:30px;font-size:14px;font-weight:600}.ranking-screen-module__VOhutW__page .user-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ranking-screen-module__VOhutW__page .user-avatar{object-fit:cover;border-radius:4px;width:32px;height:32px}.ranking-screen-module__VOhutW__page .user-name{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.ranking-screen-module__VOhutW__page .user-stats{align-items:center;gap:20px;font-size:12px;font-weight:600;display:flex}.ranking-screen-module__VOhutW__page .stat-comment{color:var(--text-muted)}.ranking-screen-module__VOhutW__page .stat-aura{color:var(--color-gold);text-align:right;min-width:70px}@media (max-width:768px){.ranking-screen-module__VOhutW__page{padding:24px var(--app-page-gutter)}:is(.ranking-screen-module__VOhutW__page .main-tabs,.ranking-screen-module__VOhutW__page .sub-tabs){scrollbar-width:none;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}:is(.ranking-screen-module__VOhutW__page .main-tabs::-webkit-scrollbar,.ranking-screen-module__VOhutW__page .sub-tabs::-webkit-scrollbar){display:none}:is(.ranking-screen-module__VOhutW__page .main-tab-btn,.ranking-screen-module__VOhutW__page .sub-tab-btn){white-space:nowrap;flex:none}.ranking-screen-module__VOhutW__page .podium-card{width:min(30%,220px);min-width:0;padding-inline:12px}}@media (max-width:560px){.ranking-screen-module__VOhutW__page .podium-container{flex-direction:column;align-items:center;gap:20px}.ranking-screen-module__VOhutW__page .podium-card{width:100%;max-width:300px;height:auto;padding-bottom:20px}.ranking-screen-module__VOhutW__page .podium-rank-1{order:1}.ranking-screen-module__VOhutW__page .podium-rank-2{order:2}.ranking-screen-module__VOhutW__page .podium-rank-3{order:3}}@media (max-width:500px){.ranking-screen-module__VOhutW__page{padding-inline:10px}.ranking-screen-module__VOhutW__page .comic-content{gap:10px;padding-inline:10px}.ranking-screen-module__VOhutW__page .comic-rank{width:42px}.ranking-screen-module__VOhutW__page .comic-title{font-size:13px}.ranking-screen-module__VOhutW__page .user-name{flex-direction:column;align-items:flex-start;gap:2px}.ranking-screen-module__VOhutW__page .user-stats{flex-direction:column;align-items:flex-end;gap:10px}.ranking-screen-module__VOhutW__page .user-row{gap:8px;padding-inline:12px}.ranking-screen-module__VOhutW__page .stat-aura{min-width:auto}}