.v-rank-list{--vp:clamp(0, (var(--p,0) - var(--va,0)) / (var(--vb,1) - var(--va,0)), 1);--mv0:clamp(0, (var(--vp) - .18) / .26, 1);--mv:calc(var(--mv0) * var(--mv0) * (3 - 2 * var(--mv0)));--lift: calc(clamp(0, (var(--vp) - .14) / .06, 1)*(1 - clamp(0, (var(--vp) - .44) / .06, 1))) ;--ln:clamp(0, (var(--vp) - .52) / .1, 1);--sw:clamp(0, (var(--vp) - .3) / .1, 1);--v1:clamp(0, (var(--vp) - .62) * 20, 1);--v2:clamp(0, (var(--vp) - .74) * 20, 1);--ok:clamp(0, (var(--vp) - .76) * 20, 1);position:absolute;inset:0;container:v-rank-list/size;font-family:var(--sans);color:var(--text);line-height:1.25;text-align:left}.v-rank-list *,.v-rank-list *:before,.v-rank-list *:after{box-sizing:border-box}.v-rank-list__in{position:absolute;inset:0;display:grid;grid-template:minmax(0,1fr) auto/minmax(0,1fr);gap:clamp(8px,2cqmin,16px)}.v-rank-list__card{position:relative;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.6cqh,12px);padding:clamp(10px,2.4cqh,18px) clamp(12px,2.6cqw,22px);border-radius:18px;border:1px solid rgba(238,243,245,.16);background:#0c1016bd;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 26px 70px #00000073,inset 0 1px #eef3f50f}.v-rank-list__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.v-rank-list__head b{font:850 clamp(16px,min(3.2cqw,5cqh),26px)/1 var(--sans);letter-spacing:-.04em;white-space:nowrap}.v-rank-list__tabs{display:flex;gap:4px;min-width:0;overflow:hidden}.v-rank-list__tabs em{flex:none;padding:6px 9px;border-radius:999px;border:1px solid var(--line-3);font:500 10px/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.v-rank-list__tabs em.is-on{border-color:transparent;background:var(--grad);color:#05070b}.v-rank-list__hint{flex:none;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--accent-rgb),calc(.95 - (clamp(0,(var(--vp) - .2) * 6,1)*.55)))}.v-rank-list__hint:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25);vertical-align:1px;animation:v-rank-list-ping 1.6s ease-out infinite}@keyframes v-rank-list-ping{0%{box-shadow:0 0 rgba(var(--accent-rgb),.55)}to{box-shadow:0 0 0 9px rgba(var(--accent-rgb),0)}}.v-rank-list__list{--g:clamp(5px,1.4cqh,9px);--L:clamp(18px,4.4cqh,26px);position:relative;flex:1;min-height:0;container-type:size;display:grid;grid-template-columns:clamp(22px,4.4cqw,40px) minmax(0,1fr);column-gap:clamp(6px,1.4cqw,12px)}.v-rank-list__nums,.v-rank-list__rows{position:relative;margin:0;padding:0;list-style:none;min-height:0}.v-rank-list__nums li,.v-rank-list__row{--rh:calc((100cqh - 4 * var(--g) - var(--L)) / 5);position:absolute;left:0;right:0;top:0;height:var(--rh)}.v-rank-list__nums li{display:flex;align-items:center;justify-content:center;font:850 clamp(14px,min(9cqh,5cqw),30px)/1 var(--sans);letter-spacing:-.04em;color:#eef3f56b}.v-rank-list__nums li:nth-child(1){transform:translateY(0)}.v-rank-list__nums li:nth-child(2){transform:translateY(calc(var(--rh) + var(--g)))}.v-rank-list__nums li:nth-child(3){transform:translateY(calc((var(--rh) + var(--g)) * 2))}.v-rank-list__nums li:nth-child(4){transform:translateY(calc((var(--rh) + var(--g)) * 3))}.v-rank-list__nums li:nth-child(5){transform:translateY(calc((var(--rh) + var(--g)) * 4 + var(--ln) * var(--L)));opacity:calc(1 - var(--ln) * .45)}.v-rank-list__nums li:first-child{padding-bottom:.1em;background-image:var(--pearl);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nm-pearl 32.5s steps(390) infinite}.v-rank-list__row{--slot:calc(var(--a) + (var(--b) - var(--a)) * var(--mv));display:flex;align-items:center;gap:10px;padding:0 clamp(10px,2cqw,16px);border-radius:12px;border:1px solid rgba(238,243,245,.1);background:#141a22eb;transform:translateY(calc(var(--slot) * (var(--rh) + var(--g))));will-change:transform}.v-rank-list__row.is-drag{z-index:2;border-color:rgba(var(--accent-rgb),calc(.1 + var(--lift) * .75));background:color-mix(in srgb,#1b2733 calc(var(--lift) * 100%),rgba(20,26,34,.92));box-shadow:0 calc(var(--lift) * 18px) calc(var(--lift) * 40px) rgba(0,0,0,calc(var(--lift) * .55)),0 0 calc(var(--lift) * 22px) rgba(var(--accent-rgb),calc(var(--lift) * .3));transform:translateY(calc(var(--slot) * (var(--rh) + var(--g)))) scale(calc(1 + var(--lift) * .035)) rotate(calc(var(--lift) * -.6deg))}.v-rank-list__row.is-last{transform:translateY(calc(var(--slot) * (var(--rh) + var(--g)) + var(--ln) * var(--L)));opacity:calc(1 - var(--ln) * .5)}.v-rank-list__txt{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;white-space:nowrap;overflow:hidden}.v-rank-list__txt b{min-width:0;overflow:hidden;text-overflow:ellipsis;font:700 clamp(12px,min(5.6cqh,3.2cqw),18px)/1.1 var(--sans);letter-spacing:-.02em}.v-rank-list__txt span{flex:none;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.v-rank-list__grip{flex:none;width:14px;height:10px;background:linear-gradient(#eef3f559,#eef3f559) 0 0/100% 2px no-repeat,linear-gradient(#eef3f559,#eef3f559) 0 50%/100% 2px no-repeat,linear-gradient(#eef3f559,#eef3f559) 0 100%/100% 2px no-repeat}.is-drag .v-rank-list__grip{background-color:transparent;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),calc(var(--lift))))}.v-rank-list__line{position:absolute;left:0;right:0;top:calc(((100cqh - 4 * var(--g) - var(--L)) / 5 + var(--g)) * 4 - var(--g) / 2);height:var(--L);display:flex;align-items:center;gap:10px;opacity:var(--ln);pointer-events:none}.v-rank-list__line:before,.v-rank-list__line:after{content:"";flex:1;height:2px;background:var(--live);box-shadow:0 0 10px #e5484d99;transform:scaleX(var(--ln))}.v-rank-list__line:before{transform-origin:100% 50%}.v-rank-list__line:after{transform-origin:0 50%}.v-rank-list__line span{flex:none;font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ff8a8e}.v-rank-list__side{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(8px,2cqmin,14px);min-width:0}.v-rank-list__score,.v-rank-list__rule{position:relative;min-width:0;display:flex;flex-direction:column;gap:8px;padding:clamp(10px,2cqh,16px) clamp(12px,2.2cqw,18px);border-radius:16px;border:1px solid rgba(238,243,245,.14);background:#0c1016b3;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 20px 50px #0006}.v-rank-list__k{font:500 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-rank-list__swap{position:relative;display:grid;align-items:center;min-height:clamp(28px,7cqh,52px)}.v-rank-list__swap>*{grid-area:1/1}.v-rank-list__swap s{position:relative;justify-self:start;font-size:clamp(14px,min(4cqw,5cqh),24px);letter-spacing:.08em;text-decoration:none;color:rgba(238,243,245,calc(.75 - var(--sw) * .5))}.v-rank-list__swap s:after{content:"";position:absolute;left:-4%;top:52%;width:108%;height:2px;background:var(--live);transform-origin:0 50%;transform:scaleX(var(--sw)) rotate(-6deg)}.v-rank-list__swap b{justify-self:end;padding-bottom:.08em;font:850 clamp(26px,min(8cqw,11cqh),62px)/.9 var(--sans);letter-spacing:-.045em;background-image:var(--pearl);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nm-pearl 32.5s steps(390) infinite;opacity:var(--sw);transform:translateY(calc((1 - var(--sw)) * 30%)) scale(calc(.8 + var(--sw) * .2))}.v-rank-list__rt{font:800 clamp(14px,min(3cqw,4.4cqh),22px)/1.05 var(--sans);letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-rank-list__votes{display:flex;align-items:center;gap:6px;min-width:0}.v-rank-list__votes i{flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),calc(var(--v1) * .9));box-shadow:0 0 calc(var(--v1) * 12px) rgba(var(--accent-rgb),calc(var(--v1) * .6))}.v-rank-list__votes i+i{background:rgba(var(--accent-rgb),calc(var(--v2) * .9));box-shadow:0 0 calc(var(--v2) * 12px) rgba(var(--accent-rgb),calc(var(--v2) * .6))}.v-rank-list__votes em{margin-left:4px;font:500 10px/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-rank-list__st{display:grid;justify-items:start}.v-rank-list__st>span{grid-area:1/1;padding:5px 9px;border-radius:999px;font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:opacity .25s}.v-rank-list__st>span:first-child{border:1px solid var(--line-3);color:var(--muted);opacity:calc(1 - var(--ok))}.v-rank-list__st>span:last-child{background:var(--grad);color:#05070b;opacity:var(--ok);transform:scale(calc(.85 + var(--ok) * .15))}.v-rank-list__note{display:none;align-items:center;gap:10px;padding:clamp(10px,2cqh,14px) clamp(12px,2.2cqw,18px);border-radius:16px;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.07);font:700 clamp(13px,min(2.4cqw,3.6cqh),18px)/1.15 var(--sans);letter-spacing:-.02em;opacity:clamp(0,(var(--vp) - .82) * 12,1);transform:translateY(calc((1 - clamp(0,(var(--vp) - .82) * 12,1))*12px))}.v-rank-list__note:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.8)}@container v-rank-list (min-width:560px) and (min-aspect-ratio:5/4){.v-rank-list__in{grid-template:minmax(0,1fr)/minmax(0,1.3fr) minmax(0,.85fr)}.v-rank-list__side{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;align-content:center}.v-rank-list__rule{gap:12px}.v-rank-list__note{display:flex}}@container v-rank-list (max-width:559.98px) or (max-aspect-ratio:5/4){.v-rank-list__tabs em:not(.is-on){display:none}.v-rank-list__votes em,.v-rank-list__rt{display:none}.v-rank-list__score .v-rank-list__k{white-space:normal}}@container v-rank-list (max-height:300px){.v-rank-list__hint,.v-rank-list__txt span,.v-rank-list__score .v-rank-list__k,.v-rank-list__side{display:none}}.nm-rm .v-rank-list{--vp:1}.nm-rm .v-rank-list *,.nm-rm .v-rank-list *:before,.nm-rm .v-rank-list *:after{animation:none!important;transition:none!important}