/* Connected nine-part frame. Corners keep their proportions; edges tile. */
body .ranking-column{padding:0;gap:15px;border:0;background:none;box-shadow:none}
body .rail-title{margin:0;padding:12px 8px;border:1px solid #625b49}
body[data-theme=classic] .ranking-panel{
 --mu-scale:.68;
 position:relative;isolation:isolate;min-height:187px;padding:0 15px 18px;
 border:0;background:linear-gradient(#0b1111ed,#070c0ded),url('assets/ui/Back.png');
 box-shadow:0 7px 20px #0006;
}
body[data-mix=heritage] .ranking-panel{background:linear-gradient(#251116ed,#100b0fed),url('assets/ui/Back.png')}
body[data-mix=nightfall] .ranking-panel{background:linear-gradient(#0e1920f0,#0a1117f0),url('assets/ui/Back.png')}
.mu-connected-frame{position:absolute;inset:0;pointer-events:none;z-index:0}
.mu-connected-frame i{display:block;position:absolute;background-repeat:no-repeat;font-style:normal}
.mu-connected-frame .frame-top{left:calc(58px * var(--mu-scale));right:calc(58px * var(--mu-scale));top:0;height:calc(33px * var(--mu-scale));background:url('assets/ui/Frame_T.png') repeat-x top left;background-size:auto 100%}
.mu-connected-frame .frame-bottom{left:calc(50px * var(--mu-scale));right:calc(50px * var(--mu-scale));bottom:0;height:calc(10px * var(--mu-scale));background:url('assets/ui/Frame_B.png') repeat-x bottom left;background-size:auto 100%}
.mu-connected-frame .frame-left,.mu-connected-frame .frame-right{top:calc(64px * var(--mu-scale));bottom:calc(45px * var(--mu-scale));width:calc(21px * var(--mu-scale));background-size:100% auto;background-repeat:repeat-y}
.mu-connected-frame .frame-left{left:0;background-image:url('assets/ui/Frame_L.png')}
.mu-connected-frame .frame-right{right:0;background-image:url('assets/ui/Frame_R.png')}
.mu-connected-frame .corner-tl,.mu-connected-frame .corner-tr{top:0;width:calc(58px * var(--mu-scale));height:calc(64px * var(--mu-scale));background-image:url('assets/ui/Frame_TL.png');background-size:100% 100%}
.mu-connected-frame .corner-tl{left:0}.mu-connected-frame .corner-tr{right:0;transform:scaleX(-1)}
.mu-connected-frame .corner-bl,.mu-connected-frame .corner-br{bottom:0;width:calc(50px * var(--mu-scale));height:calc(45px * var(--mu-scale));background-size:100% 100%}
.mu-connected-frame .corner-bl{left:0;background-image:url('assets/ui/Frame_BL.png')}.mu-connected-frame .corner-br{right:0;background-image:url('assets/ui/Frame_BR.png')}
body .ranking-header{position:relative;z-index:1;min-height:33px;padding:3px 11px 6px;border-bottom:0;background:none;gap:7px}
body .ranking-header img{width:18px;height:18px}
body .ranking-title{font-size:10px;line-height:1.2;color:#e2d6b9;text-shadow:0 1px 2px #000}
body .ranking-header .ranking-scope{display:none}
body .ranking-period{position:relative;z-index:1;padding-top:4px;padding-bottom:6px}
body .ranking-table,body .ranking-foot{position:relative;z-index:1}
body .ranking-table td{padding-block:6px}
body .ranking-foot{padding-top:8px}
@media(max-width:950px){body .ranking-title{font-size:12px}body[data-theme=classic] .ranking-panel{min-height:195px}}
@media(max-width:540px){body .ranking-column{gap:12px}body[data-theme=classic] .ranking-panel{--mu-scale:.53;min-height:178px;padding:0 10px 15px}body .ranking-header{min-height:29px;padding:2px 10px 5px;gap:5px}body .ranking-header img{width:15px;height:15px}body .ranking-title{font-size:9px}body .ranking-table td{padding-block:6px}body .ranking-period{font-size:7px}body .rail-title{font-size:11px}}