.rankings-page{background-color:#f8fafc;padding-bottom:var(--spacing-8)}.ranking-tabs-container{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;margin-bottom:var(--spacing-6);overflow-x:auto;scrollbar-width:none}.ranking-tabs-container::-webkit-scrollbar{display:none}.ranking-tab{flex:1;text-align:center;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-md);color:var(--color-text-muted);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;font-weight:500;transition:all .2s;font-family:inherit}.ranking-tab:hover{color:var(--color-text)}.ranking-tab.active{color:var(--color-text);font-weight:700;border-bottom-color:var(--color-text)}.rankings-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-6)}.rankings-main{background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;padding:var(--spacing-4)}.ranking-notice{background-color:#fefce8;color:#a16207;padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);border-radius:4px}.ranking-card{display:flex;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-background-card);text-decoration:none;color:var(--color-text);transition:background-color .2s}.ranking-card:hover{background:var(--color-background-card-hover)}.ranking-card:last-child{border-bottom:none}.rc-left{display:flex;flex-direction:column;align-items:center;width:120px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:#fff}.rc-regulation{background:#22c55e;color:#fff;font-size:var(--font-size-xs);padding:2px auto;border-radius:2px;white-space:nowrap;width:100%;text-align:center}.rc-logo{width:100px;height:auto;object-fit:contain}.rc-middle{flex:1;padding:0 var(--spacing-4);display:flex;flex-direction:column}.rc-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.rc-name{font-size:var(--font-size-lg);font-weight:700;margin:0}.rc-flagship{display:flex;align-items:center;gap:4px;font-size:10px;color:#ea580c;border:1px solid #ea580c;padding:1px 4px;border-radius:2px}.rc-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.rc-tag{font-size:var(--font-size-xs);color:var(--color-text-muted);border:1px solid var(--color-border);padding:2px 6px;border-radius:2px;background:#fff}.rc-tag.blue-tag{color:#3b82f6;border-color:#bfdbfe;background:#eff6ff}.rc-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.rc-metric{display:flex;gap:4px}.rc-metric-label{color:var(--color-text-muted)}.rc-metric-value{font-weight:600;color:var(--color-text)}.rc-metric-divider{color:var(--color-border);font-size:10px}.rc-right{display:flex;align-items:center;gap:var(--spacing-8);padding-left:var(--spacing-4);flex-shrink:0}.rc-score-block{text-align:center}.rc-score{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text);line-height:1;border-bottom:3px solid var(--color-secondary);display:inline-block;margin-bottom:4px}.rc-score-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.rc-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border-radius:4px;background:#cbd5e1;font-size:var(--font-size-base)}.rc-rank.rank-1,.rc-rank.rank-2,.rc-rank.rank-3{background:transparent;width:32px;height:38px;position:relative}.rc-rank.rank-1{color:#fbbf24}.rc-rank.rank-2{color:#9ca3af}.rc-rank.rank-3{color:#b45309}.rc-rank-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.rc-rank-text{position:relative;z-index:1;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.rankings-sidebar{background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;padding:var(--spacing-4);align-self:start}.sidebar-title{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-4) 0;color:var(--color-text)}.sidebar-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-card);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text)}.sidebar-item:hover{background:var(--color-background-card-hover)}.sidebar-logo{width:32px;height:32px;object-fit:contain;border-radius:var(--border-radius)}.sidebar-name{font-size:var(--font-size-sm);font-weight:500}@media(max-width:1024px){.rankings-grid{grid-template-columns:1fr}}@media(max-width:640px){.ranking-card{flex-wrap:wrap;position:relative;padding-bottom:var(--spacing-6)}.rc-right{position:absolute;top:var(--spacing-4);right:0;gap:var(--spacing-3)}.rc-middle{margin-top:var(--spacing-4);padding:0;width:100%}}