html.ngtpl-xcyl #xcyl-rank{--xr:var(--xu,calc(min(100vw,430px) / 390));display:block;margin:calc(8*var(--xr)) 0 calc(6*var(--xr))}
html.ngtpl-xcyl #xcyl-rank .xr-boards{display:grid;grid-template-columns:1fr 1fr;gap:calc(8*var(--xr))}
html.ngtpl-xcyl #xcyl-rank .xr-card{min-width:0;padding:calc(8*var(--xr)) calc(8*var(--xr)) calc(6*var(--xr));border-radius:calc(14*var(--xr));background:var(--tpl-card,rgba(255,255,255,.72));border:1px solid var(--tpl-line,rgba(139,99,246,.12));box-shadow:var(--tpl-shadow,0 6px 16px rgba(80,60,120,.06))}
html.ngtpl-xcyl #xcyl-rank header{display:flex;align-items:center;gap:calc(6*var(--xr));margin-bottom:calc(6*var(--xr))}
html.ngtpl-xcyl #xcyl-rank header i{flex:0 0 auto;width:calc(22*var(--xr));height:calc(22*var(--xr));display:flex}
html.ngtpl-xcyl #xcyl-rank header svg{width:100%;height:100%}
html.ngtpl-xcyl #xcyl-rank header b{display:block;font-size:calc(13*var(--xr));line-height:1.1;color:var(--tpl-text,#332A4A)}
html.ngtpl-xcyl #xcyl-rank header small{display:block;margin-top:1px;font-size:calc(9*var(--xr));color:var(--tpl-text-2,#8C84A0)}
html.ngtpl-xcyl #xcyl-rank .xr-view{height:calc(66*var(--xr));overflow:hidden}
html.ngtpl-xcyl #xcyl-rank .xr-roll{display:flex;flex-direction:column}
html.ngtpl-xcyl #xcyl-rank .xr-roll.xr-run{animation:xr-up 14s linear infinite}
html.ngtpl-xcyl #xcyl-rank .xr-row{height:calc(22*var(--xr));display:flex;align-items:center;gap:calc(4*var(--xr));min-width:0}
html.ngtpl-xcyl #xcyl-rank .xr-no{flex:0 0 calc(14*var(--xr));height:calc(14*var(--xr));border-radius:50%;background:var(--tpl-soft,#E9E0FF);color:var(--tpl-primary,#7650E8);font-size:calc(9*var(--xr));font-weight:700;display:flex;align-items:center;justify-content:center;font-style:normal}
html.ngtpl-xcyl #xcyl-rank .xr-no.m1{background:linear-gradient(180deg,#ffe08a,#e0a53a);color:#6a4a10}
html.ngtpl-xcyl #xcyl-rank .xr-no.m2{background:linear-gradient(180deg,#f4f6fb,#c5c9d6);color:#4d5366}
html.ngtpl-xcyl #xcyl-rank .xr-no.m3{background:linear-gradient(180deg,#f6d2b8,#d08962);color:#6a3d24}
html.ngtpl-xcyl #xcyl-rank .xr-row b{flex:1 1 auto;min-width:0;font-size:calc(11*var(--xr));font-weight:600;color:var(--tpl-text,#332A4A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ngtpl-xcyl #xcyl-rank .xr-row span{flex:0 0 auto;font-size:calc(10*var(--xr));font-weight:700;color:var(--tpl-gold,#D7B56D);font-variant-numeric:tabular-nums}
html.ngtpl-xcyl #xcyl-rank .xr-empty{margin:calc(12*var(--xr)) 0;text-align:center;color:var(--tpl-text-2,#8C84A0);font-size:calc(11*var(--xr))}
html.ngtpl-xcyl #xcyl-rank .xr-mq{display:flex;align-items:center;gap:calc(6*var(--xr));margin-top:calc(8*var(--xr));height:calc(32*var(--xr));padding:0 calc(8*var(--xr));border-radius:calc(10*var(--xr));background:var(--tpl-card,rgba(255,255,255,.72));border:1px solid var(--tpl-line,rgba(139,99,246,.12));color:var(--tpl-primary,#7650E8);overflow:hidden}
html.ngtpl-xcyl #xcyl-rank .xr-mq>i{flex:0 0 auto;width:calc(16*var(--xr));height:calc(16*var(--xr));display:flex}
html.ngtpl-xcyl #xcyl-rank .xr-mq svg{width:100%;height:100%}
html.ngtpl-xcyl #xcyl-rank .xr-mq-view{flex:1 1 auto;overflow:hidden;min-width:0}
html.ngtpl-xcyl #xcyl-rank .xr-mq-track{display:inline-block;white-space:nowrap;font-size:calc(11*var(--xr));color:var(--tpl-text,#332A4A);animation:xr-mq 28s linear infinite}
@keyframes xr-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes xr-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  html.ngtpl-xcyl #xcyl-rank .xr-roll,html.ngtpl-xcyl #xcyl-rank .xr-mq-track{animation:none}
}