.rank-strip{padding:14px 16px 16px}.rank-strip .eyebrow-sm{margin-bottom:8px}.rank-shared{flex-wrap:wrap;gap:6px;display:flex}.rank-shared .stamp{height:26px;font-family:var(--sans);padding:0 9px;font-size:13px}.rank-shared-none{color:var(--ink-soft);margin:0;font-size:14px}.rank-first{margin:10px 0 0;font-size:15px;line-height:1.5}.rank-first strong{font-family:var(--serif);margin-inline:2px;font-weight:600}.rank-grid{gap:16px;margin-top:16px;display:grid}@media (min-width:760px){.rank-grid{grid-template-columns:1fr 1fr;align-items:start}}.rank-card-head{justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:6px 10px 4px 14px;display:flex}.rank-card-head h2{font-family:var(--serif);margin:0;font-size:18px;font-weight:600}.rank-card-head .chip{height:32px;padding:0 14px;font-size:13px;position:relative}.rank-card-head .chip:before{content:"";position:absolute;inset:-6px 0}.rank-list{margin:0;padding:0 14px 10px;list-style:none}.rank-row{border-top:1px solid #1731431a;grid-template-columns:24px 40px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:6px 0;display:grid}.rank-row.is-editing{grid-template-columns:24px 40px minmax(0,1fr) auto}.rank-list>li:first-child .rank-row{border-top:0}.rank-no{color:var(--persimmon);font-family:var(--mono,ui-monospace, Menlo, monospace);letter-spacing:.08em;text-align:center;font-size:15px}.rank-thumb{border-radius:4px;width:40px;height:40px}.rank-thumb img{display:block}.rank-body{gap:2px;min-width:0;display:grid}.rank-name{color:inherit;font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px;text-decoration:none;overflow:hidden}.rank-name:active{color:var(--persimmon)}.rank-date{color:var(--ink-soft);font-family:var(--mono,ui-monospace, Menlo, monospace);letter-spacing:.04em;font-size:12px}.rank-card:has(.rank-list.is-dragging){overflow:visible}.rank-card .film-band{border-radius:5px 5px 0 0}.rank-list.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.rank-list.is-dragging>li{transition:transform .16s}.rank-list.is-dragging>li.is-held{z-index:2;transition:none;position:relative}.rank-list.is-dragging>li.is-held.is-settling{transition:transform .16s}.rank-item .rank-row{transition:transform .16s,box-shadow .16s}.rank-item.is-held .rank-row{background:var(--card);border-top-color:#0000;border-radius:6px;transform:scale(1.02);box-shadow:0 10px 24px #1731432e}.rank-item.is-held.is-settling .rank-row{box-shadow:none;transform:none}.rank-item.is-off .rank-name{color:var(--ink-soft)}.rank-item.is-off .rank-thumb{opacity:.8}.rank-divider{min-height:36px;color:var(--ink-soft);letter-spacing:.04em;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.rank-divider:before,.rank-divider:after{content:"";border-top:1px dashed #1731434d;flex:1}.rank-list>.rank-divider:first-child{margin-top:4px}.rank-divider+li .rank-row{border-top:0}.rank-grip{width:44px;height:44px;color:var(--ink-soft);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:6px;place-items:center;margin-right:-8px;padding:0;display:inline-grid}.rank-grip:focus-visible{outline:3px solid var(--persimmon);outline-offset:-3px}.rank-item.is-held .rank-grip{color:var(--ink);cursor:grabbing}.rank-grip svg{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.rank-list.is-dragging>li,.rank-list.is-dragging>li.is-held.is-settling,.rank-item .rank-row{transition:none}}.rank-rest{color:var(--ink-soft);margin:0;padding:2px 14px 12px 48px;font-size:13px}.rank-hint{color:var(--ink-soft);margin:0;padding:0 14px 12px;font-size:13px}.rank-empty{margin:0 14px 14px}.rank-skeleton-row{border-top:1px solid #1731431a;grid-template-columns:24px 40px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:6px 0;display:grid}.rank-list>li:first-child .rank-skeleton-row{border-top:0}.rank-skeleton-row .skeleton{height:12px}.rank-skeleton-row .is-no{width:16px;margin-inline:auto}.rank-skeleton-row .is-thumb{border-radius:4px;width:40px;height:40px}.rank-skeleton-row .rank-body .skeleton:first-child{width:50%;height:16px}.rank-skeleton-row .rank-body .skeleton:nth-child(2){width:30%}.rank-strip .skeleton{height:14px;margin-top:8px}.rank-strip .skeleton.is-wide{width:80%}.rank-strip .skeleton.is-mid{width:55%}