.viewer-ranking{max-width:48rem;min-height:100vh;margin-left:auto;margin-right:auto}.viewer-ranking>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.viewer-ranking{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));padding:1.5rem 1rem}.viewer-ranking:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.viewer-ranking{padding:2.5rem 1.5rem}}.viewer-ranking__head>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.viewer-ranking__title{font-size:calc(1.5rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-weight:900;line-height:2rem;display:flex}.viewer-ranking__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.viewer-ranking__title-icon{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.viewer-ranking__lead{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;line-height:1rem}.viewer-ranking__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-ranking__link{--tw-text-opacity:1;color:rgb(var(--palette-violet-600) / var(--tw-text-opacity,1));text-underline-offset:2px;font-weight:700}.viewer-ranking__link:hover{text-decoration-line:underline}.viewer-ranking__link:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-violet-300) / var(--tw-text-opacity,1))}.viewer-ranking__tabs{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:1rem;gap:.25rem;padding:.25rem;display:flex}.viewer-ranking__tabs:is(.dark *){background-color:rgb(var(--palette-slate-800) / .7)}.viewer-ranking__tab{cursor:pointer;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:700;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.viewer-ranking__tab:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.viewer-ranking__tab:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-ranking__tab:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.viewer-ranking__tab--on{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.viewer-ranking__tab--on:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.viewer-ranking__groups{scrollbar-width:none;gap:.375rem;margin-left:-1rem;margin-right:-1rem;padding-bottom:.25rem;padding-left:1rem;padding-right:1rem;display:flex;overflow-x:auto}@media (min-width:640px){.viewer-ranking__groups{flex-wrap:wrap;margin-left:0;margin-right:0;padding-bottom:0;padding-left:0;padding-right:0;overflow:visible}}.viewer-ranking__group{cursor:pointer;white-space:nowrap;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.viewer-ranking__group:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.viewer-ranking__group:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.viewer-ranking__group:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-color:#fbbf2499}.viewer-ranking__group--on{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.viewer-ranking__group--on:hover{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.viewer-ranking__group--on:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1));background-color:#fbbf2426;border-color:#fbbf24b3}.viewer-ranking__group--on:hover:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.viewer-ranking__board>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.viewer-ranking__note{word-break:keep-all;font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;line-height:1.375}.viewer-ranking__note:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-ranking__mine{--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-100) / var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-violet-700) / var(--tw-text-opacity,1));border-radius:9999px;align-items:center;gap:.375rem;margin:0;padding:.25rem .75rem;font-weight:700;line-height:1rem;display:inline-flex}.viewer-ranking__mine:is(.dark *){background-color:rgb(var(--palette-violet-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-violet-200) / var(--tw-text-opacity,1))}.viewer-ranking__empty{--tw-border-opacity:1;border-style:dashed;border-width:1px;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));text-align:center;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:1rem;margin:0;padding:2rem 1rem;line-height:1.25rem}.viewer-ranking__empty:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-ranking__list{margin:0;list-style-type:none}.viewer-ranking__list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.viewer-ranking__list{padding:0}.viewer-ranking__row{-moz-column-gap:.5rem;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;align-items:center;gap:.25rem .5rem;padding:.5rem .75rem;display:grid;position:relative;overflow:hidden}.viewer-ranking__row:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.viewer-ranking__row{grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"rank who value""rank tags value""rank more value"}.viewer-ranking__row--me{--tw-border-opacity:1;border-color:rgb(var(--palette-violet-400) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-50) / var(--tw-bg-opacity,1))}.viewer-ranking__row--me:is(.dark *){border-color:rgb(var(--palette-violet-500) / .6);background-color:rgb(var(--palette-violet-500) / .1)}.viewer-ranking__rank{text-align:center;font-size:calc(.875rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));grid-area:rank;font-weight:900;line-height:1.25rem}.viewer-ranking__rank--medal{font-size:calc(1.25rem * var(--site-font-scale,1));line-height:1.75rem}.viewer-ranking__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewer-ranking__who{grid-area:who;align-items:baseline;gap:.375rem;min-width:0;display:flex}.viewer-ranking__nick{text-overflow:ellipsis;white-space:nowrap;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-weight:700;line-height:1.25rem;overflow:hidden}.viewer-ranking__nick:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.viewer-ranking__id{text-overflow:ellipsis;white-space:nowrap;font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));display:none;overflow:hidden}@media (min-width:640px){.viewer-ranking__id{display:inline}}.viewer-ranking__value{text-align:right;flex-direction:column;grid-area:value;align-items:flex-end;display:flex}.viewer-ranking__num{white-space:nowrap;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));line-height:1rem}.viewer-ranking__num:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-ranking__num b{font-size:calc(1rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin-right:.125rem;font-weight:900;line-height:1.5rem}.viewer-ranking__num b:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.viewer-ranking__sub{max-width:7rem;font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));line-height:1.25}.viewer-ranking__tiers,.viewer-ranking__medals,.viewer-ranking__detail{flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0;display:flex}.viewer-ranking__tiers,.viewer-ranking__medals{grid-area:tags}.viewer-ranking__detail{grid-area:more}.viewer-ranking__tier{font-size:calc(10px * var(--site-font-scale,1));border-width:1px;border-radius:9999px;align-items:center;gap:.125rem;padding:1px .375rem;font-weight:700;display:inline-flex}.viewer-ranking__tier--legend{--tw-border-opacity:1;border-color:rgb(var(--palette-fuchsia-400) / var(--tw-border-opacity,1));background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-fuchsia-50) / 1) var(--tw-gradient-from-position);--tw-gradient-to:#fffbeb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(var(--palette-fuchsia-700) / var(--tw-text-opacity,1))}.viewer-ranking__tier--legend:is(.dark *){border-color:rgb(var(--palette-fuchsia-400) / .6);--tw-gradient-from:rgb(var(--palette-fuchsia-500) / .15) var(--tw-gradient-from-position);--tw-gradient-to:#fbbf241a var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(var(--palette-fuchsia-200) / var(--tw-text-opacity,1))}.viewer-ranking__tier--platinum{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.viewer-ranking__tier--platinum:is(.dark *){--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity,1));background-color:#22d3ee1a;border-color:#22d3ee99}.viewer-ranking__tier--gold{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.viewer-ranking__tier--gold:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#fbbf241a;border-color:#fbbf2499}.viewer-ranking__tier--silver{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.viewer-ranking__tier--silver:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-500) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-500) / .1);--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.viewer-ranking__tier--bronze{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.viewer-ranking__tier--bronze:is(.dark *){--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1));background-color:#fb923c1a;border-color:#fb923c80}.viewer-ranking__tier--none{--tw-border-opacity:1;border-style:dashed;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-ranking__tier--none:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.viewer-ranking__next{font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-ranking__next:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.viewer-ranking__medal{font-size:calc(.875rem * var(--site-font-scale,1));align-items:center;gap:.125rem;line-height:1.25rem;display:inline-flex}.viewer-ranking__medal b{font-size:calc(.75rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-weight:900;line-height:1rem}.viewer-ranking__medal b:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.viewer-ranking__chip{font-size:calc(10px * var(--site-font-scale,1));border-radius:9999px;padding:1px .375rem;font-weight:700}.viewer-ranking__chip--chat{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-700) / var(--tw-text-opacity,1))}.viewer-ranking__chip--chat:is(.dark *){background-color:rgb(var(--palette-pink-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-pink-200) / var(--tw-text-opacity,1))}.viewer-ranking__chip--watch{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-700) / var(--tw-text-opacity,1))}.viewer-ranking__chip--watch:is(.dark *){background-color:rgb(var(--palette-indigo-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-indigo-200) / var(--tw-text-opacity,1))}.viewer-ranking__track{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));height:.125rem;position:absolute;bottom:0;left:0;right:0}.viewer-ranking__track:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.viewer-ranking__fill{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-fuchsia-500) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);height:100%;display:block}.viewer-ranking__fill--cheer{--tw-gradient-from:rgb(var(--palette-pink-400) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.viewer-ranking__more{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));width:100%;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding-top:.5rem;padding-bottom:.5rem;font-weight:700;line-height:1rem}.viewer-ranking__more:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.viewer-ranking__more:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.viewer-ranking__more:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}