.rankings-page{max-width:1600px;color:var(--ui-text);margin:auto;padding:0 40px 48px}.ranking-toolbar{z-index:20;border-bottom:1px solid var(--ui-border);background:var(--ui-background);justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex;position:sticky;top:0}.ranking-tabs{scrollbar-width:thin;align-self:stretch;align-items:stretch;gap:20px;min-width:0;display:flex;overflow-x:auto}.ranking-tabs a{white-space:nowrap;color:var(--ui-text-muted);flex:none;align-items:center;gap:6px;padding:0 12px;font-size:16px;font-weight:600;text-decoration:none;display:flex;position:relative}.ranking-tabs .snake-stat-icon{width:16px;height:16px}.ranking-tabs a[aria-current=page]{color:var(--ui-text);font-weight:750}.ranking-tabs a[aria-current=page]:after{content:"";background:var(--ui-accent);height:4px;position:absolute;bottom:0;left:0;right:0}.rankings-create{border:1px solid var(--ui-border);white-space:nowrap;border-radius:99px;flex:none;padding:12px 20px;font-size:14px;text-decoration:none}.ranking-grid{margin:0;padding:0;list-style:none}.ranking-card{border-bottom:1px solid var(--ui-border);grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:24px;min-width:0;padding:30px 8px;display:grid}.ranking-identity{align-items:center;gap:32px;display:flex}.ranking-number{min-width:34px;color:var(--ui-accent);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.ranking-card:nth-child(n+4) .ranking-number{color:var(--ui-text-muted)}.ranking-head{flex:none;width:72px;height:72px}.ranking-main{min-width:0}.ranking-story{overflow-wrap:anywhere;white-space:pre-wrap;letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(18px,1.55vw,26px);line-height:1.45}.ranking-stats{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.ranking-stat{box-sizing:border-box;background:var(--ui-surface);min-height:40px;color:var(--ui-text-secondary);font:inherit;white-space:nowrap;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;text-decoration:none;display:inline-flex}button.ranking-stat,.ranking-stat[href]{cursor:pointer}button.ranking-stat:hover,.ranking-stat[href]:hover{border-color:var(--ui-border-strong);background:var(--ui-surface-hover)}.ranking-stat-like{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.ranking-stat[aria-pressed=true]{color:var(--ui-accent-text);border-color:var(--ui-accent)}.ranking-stat:disabled,.ranking-stat-inactive{opacity:.52;cursor:default}.ranking-stat-static{color:var(--ui-text-muted);background:0 0;padding-inline:5px}.ranking-icon{flex:none;width:18px;height:18px}.ranking-authors{color:var(--ui-text-muted);align-items:flex-start;gap:14px;font-size:13px;display:flex}.ranking-authors>span{padding-top:9px}.ranking-author-list{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.ranking-author-entry{align-items:center;gap:8px;display:inline-flex}.ranking-author-arrow{color:var(--ui-text-muted)}.ranking-author-chip{border:1px solid var(--ui-border);color:var(--ui-text-secondary);background:var(--ui-background);overflow-wrap:anywhere;border-radius:99px;padding:8px 14px;display:inline-block}.ranking-message{color:var(--ui-accent-text);margin:10px 0 0;font-size:13px}.ranking-card-actions{align-items:center;gap:12px;padding-left:8px;display:flex}.ranking-card-actions button,.ranking-card-actions a{border:1px solid var(--ui-border);background:var(--ui-background);font:inherit;white-space:nowrap;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;text-decoration:none;display:inline-flex}.ranking-card-actions button:hover,.ranking-card-actions a:hover,.rankings-create:hover{border-color:var(--ui-border-strong);background:var(--ui-surface)}.rankings-page a:focus-visible,.rankings-page button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.ranking-share-dialog{background:var(--ui-background);max-width:min(540px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ui-text);border:0;border-radius:18px;padding:16px;box-shadow:0 20px 70px #0003}.ranking-share-dialog::backdrop{background:#0009}.ranking-share-toolbar,.ranking-share-footer{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 12px;display:flex}.ranking-share-toolbar button,.ranking-share-footer button{border:1px solid var(--ui-border);background:var(--ui-background);cursor:pointer;border-radius:99px;padding:7px 14px}.ranking-share-toolbar button{font-size:24px;line-height:1}.ranking-share-dialog canvas{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 180px);margin:auto;display:block}.ranking-share-footer{justify-content:flex-end;padding:12px 4px 4px}.ranking-pagination{color:var(--ui-text-muted);justify-content:space-between;align-items:center;gap:16px;margin:32px 0;font-size:13px;display:flex}.ranking-pagination a{border:1px solid var(--ui-border);border-radius:99px;padding:10px 16px;text-decoration:none}.ranking-page-jump{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.ranking-page-jump input{box-sizing:border-box;border:1px solid var(--ui-border-strong);background:var(--ui-background);width:58px;color:var(--ui-text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;border-radius:9px;padding:9px 5px}.ranking-page-jump button{border:1px solid var(--ui-border);background:var(--ui-background);color:var(--ui-text);font:inherit;cursor:pointer;border-radius:99px;padding:9px 12px}.ranking-empty{text-align:center;padding:64px 20px}@media (max-width:1200px){.ranking-card{grid-template-columns:120px minmax(0,1fr);gap:16px}.ranking-identity{gap:14px}.ranking-head{width:58px;height:58px}.ranking-card-actions{grid-column:2;padding-left:0}}@media (max-width:700px){.rankings-page{padding:0 16px 32px}.ranking-toolbar{grid-template-columns:1fr auto;gap:4px;padding-top:8px;display:grid}.ranking-tabs{grid-area:2/1/auto/-1;justify-content:space-between;gap:2px;min-height:42px}.ranking-tabs a{padding:0 4px;font-size:12px}.rankings-create{grid-area:1/2;padding:8px 11px;font-size:12px}.ranking-card{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:20px 0}.ranking-identity{flex-direction:column;align-items:center;gap:4px}.ranking-number{text-align:center;font-size:14px}.ranking-head{width:42px;height:42px}.ranking-story{margin-bottom:12px;font-size:18px}.ranking-stats{gap:6px;margin-bottom:12px}.ranking-stat{min-height:34px;padding:5px 8px;font-size:11px}.ranking-icon{width:15px;height:15px}.ranking-card-actions{flex-wrap:wrap;gap:8px}.ranking-card-actions button,.ranking-card-actions a{padding:8px 11px;font-size:12px}.ranking-authors{gap:8px}.ranking-author-chip{padding:5px 10px}}.rankings-page{max-width:1160px;padding-inline:24px}@media (max-width:480px){.ranking-pagination{gap:6px}.ranking-pagination a{padding:8px;font-size:11px}.ranking-page-jump{gap:3px;font-size:11px}.ranking-page-jump input{width:45px;padding:7px 2px}.ranking-page-jump button{padding:7px}}.ranking-toolbar{min-height:60px}.ranking-tabs a{padding-inline:7px;font-size:14px}.ranking-card{grid-template-columns:76px minmax(0,1fr) auto;gap:14px;padding:13px 10px;transition:background-color .16s,box-shadow .16s}.ranking-card:hover,.ranking-card:focus-within{background:var(--ui-surface);box-shadow:inset 3px 0 var(--ui-accent)}.ranking-identity{gap:10px}.ranking-number{min-width:25px;font-size:16px}.ranking-head{width:40px;height:40px}.ranking-story{max-height:2.7em;margin:0 0 7px;font-size:16px;line-height:1.35;overflow:hidden}.ranking-story a{text-decoration:none}.ranking-story a:hover{text-decoration:underline}.ranking-meta{max-width:100%;color:var(--ui-text-muted);flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 7px;font-size:11px;display:flex}.ranking-main .snake-stats{scrollbar-width:thin;flex-wrap:nowrap;align-items:center;overflow-x:auto}.ranking-main .snake-stat{box-sizing:border-box;flex:none}.ranking-author-label{margin-right:2px}.ranking-meta .ranking-author-entry{gap:5px}.ranking-meta .ranking-author-chip,.ranking-author-more{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--ui-border);background:var(--ui-surface);max-width:160px;color:var(--ui-text-secondary);border-radius:99px;padding:3px 8px;font-size:11px;line-height:1.3;overflow:hidden}.ranking-card-actions{gap:6px;padding-left:0}.ranking-card-actions a{padding:7px 10px;font-size:11px}@media (max-width:900px){.ranking-card{grid-template-columns:64px minmax(0,1fr)}.ranking-card-actions{grid-column:2}.ranking-main .snake-stats{flex-wrap:wrap;overflow:visible}}@media (max-width:700px){.rankings-page{padding-inline:14px}.ranking-card{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:12px 2px}.ranking-identity{flex-direction:column;gap:2px}.ranking-head{width:34px;height:34px}.ranking-story{font-size:15px}.ranking-card-actions{grid-column:2}}