.ranking-header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-xs);border-bottom:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex}.ranking-header-top{align-items:center;gap:var(--space-xs);min-height:28px;display:flex}.ranking-title{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);color:var(--color-foreground);margin:0}.ranking-close-btn{display:none}.ranking-search{position:relative}.ranking-search-input{width:100%;min-height:44px;font-family:var(--font-family-base);font-size:var(--text-body-sm-size);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;outline:none;padding:10px 14px 10px 40px;transition:border-color .2s}.ranking-search-input:hover{border-color:var(--color-border-hover)}.ranking-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus-ring);outline:none}.ranking-search-input::placeholder{color:var(--color-muted)}.ranking-search-toggle{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.ranking-search-toggle:hover{color:var(--color-primary);background:var(--color-primary-4p)}.ranking-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:1px;padding:1px;display:flex}.ranking-toggle:not(:first-of-type){margin-top:2px}.ranking-toggle:first-of-type{margin-top:0}.ranking-toggle-btn{font-size:10px;font-weight:500;font-family:var(--font-family-base);color:var(--color-muted);border-radius:calc(var(--radius-sm) - 1px);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:2px 4px;transition:all .15s}.ranking-toggle-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.ranking-toggle-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ranking-toggle-btn:hover{color:var(--color-foreground)}.ranking-toggle-btn.active,.ranking-toggle-btn[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.ranking-count-header{padding:var(--space-sm) var(--space-md);font-size:var(--text-body-sm-size);color:var(--color-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.ranking-body{padding:var(--space-xs) 0}.ranking-loading{text-align:center;padding:var(--space-md);color:var(--color-muted);font-size:11px}.ranking-list-wrapper{overscroll-behavior:contain;background:var(--color-background);flex:1;min-height:0;overflow:hidden auto}.ranking-list-wrapper::-webkit-scrollbar{width:5px}.ranking-list-wrapper::-webkit-scrollbar-track{background:0 0}.ranking-list-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.ranking-list{margin:0;padding:0;list-style:none;position:relative}.ranking-item{border-bottom:1px solid var(--color-border);min-height:36px;font-size:var(--text-body-sm-size);align-items:center;padding:0;transition:background .1s;display:flex}.ranking-item:nth-child(2n){background:var(--color-primary-4p)}.ranking-item:hover{background:var(--color-primary-10p)}.ranking-item--selected{border-left:3px solid var(--color-primary);background-color:var(--color-primary-12p)!important}.ranking-item-btn{width:100%;height:100%;padding:6px var(--space-md);cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:6px;display:flex}.ranking-item--selected .ranking-item-btn{padding-left:calc(var(--space-md) - 3px)}.ranking-item-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:2px}.ranking-item--error{color:var(--color-muted);cursor:default;padding:var(--space-xl);justify-content:center}.ranking-pos{border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-muted);background:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.ranking-item:first-child .ranking-pos,.ranking-item:nth-child(2) .ranking-pos,.ranking-item:nth-child(3) .ranking-pos{background:var(--color-primary);color:var(--color-on-primary)}.ranking-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-foreground);flex:1;font-size:12px;font-weight:500;overflow:hidden}.ranking-uf{color:var(--color-muted);font-size:10px;font-weight:400;line-height:1.2;display:block}.ranking-selo{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.4px;color:var(--color-primary-dark);background:var(--color-primary-95);white-space:nowrap;vertical-align:middle;border:1px solid #1351b459;flex-shrink:0;align-items:center;gap:4px;margin-left:6px;padding:1px 7px;font-size:9px;font-weight:600;line-height:1.6;display:inline-flex}.ranking-count{color:var(--color-primary);background:var(--color-primary-18p);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:1px 8px;font-size:10px;font-weight:600}@media (width<=900px){.ranking-toggles{flex-flow:wrap}.ranking-toggle{flex:1;min-width:0}}