/* AsOfKing V30 — Rankings tab redesign: infernal neon ornamental style */
body.theme-demonic .asof-rankings-page{
    position:relative;
    margin:10px 0 30px;
}
body.theme-demonic .asof-rankings-page > .page-title{
    position:relative;
    margin:0 0 18px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:center;
}
body.theme-demonic .asof-rankings-page > .page-title span{
    display:inline-block;
    min-width:250px;
    padding:14px 28px;
    border-radius:16px;
    border:1px solid rgba(255,155,84,.65);
    background:
        radial-gradient(circle at 50% 0, rgba(255,121,78,.16), transparent 48%),
        linear-gradient(180deg, rgba(46,9,14,.95), rgba(18,6,9,.98));
    color:#fff1de !important;
    font-family:'Cinzel', Georgia, serif;
    font-size:28px;
    letter-spacing:1.4px;
    text-transform:uppercase;
    box-shadow:0 0 0 1px rgba(255,213,148,.08),0 0 20px rgba(233,59,28,.24),inset 0 1px 0 rgba(255,231,188,.14);
    text-shadow:0 2px 10px rgba(237,78,36,.25),0 1px 1px rgba(0,0,0,.8);
}
body.theme-demonic .asof-rankings-page > .page-title span:before,
body.theme-demonic .asof-rankings-page > .page-title span:after{
    content:"✦";
    color:#ff9c5e;
    font-size:14px;
    margin:0 12px;
    vertical-align:middle;
    text-shadow:0 0 12px rgba(255,105,55,.75);
}
body.theme-demonic .asof-rankings-page .rankings_menu{
    position:relative;
    margin:0 0 20px;
    padding:18px 18px 14px;
    border-radius:18px;
    border:1px solid rgba(255,122,62,.45);
    background:
        radial-gradient(circle at 20% 30%, rgba(255,75,59,.12), transparent 34%),
        radial-gradient(circle at 80% 70%, rgba(162,28,67,.12), transparent 34%),
        linear-gradient(155deg, rgba(23,8,11,.97), rgba(10,5,7,.98));
    box-shadow:0 18px 36px rgba(0,0,0,.38),0 0 20px rgba(228,54,29,.14),inset 0 1px 0 rgba(255,232,192,.06);
    overflow:hidden;
}
body.theme-demonic .asof-rankings-page .rankings_menu:before,
body.theme-demonic .asof-rankings-page .rankings_menu:after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,188,117,.55), transparent);
}
body.theme-demonic .asof-rankings-page .rankings_menu:before{top:10px}
body.theme-demonic .asof-rankings-page .rankings_menu:after{bottom:10px}
body.theme-demonic .asof-rankings-page .rankings_menu span{
    width:100%;
    padding:0 0 12px;
    margin:0 0 10px;
    color:#ffd7b1;
    font-family:'Cinzel', Georgia, serif;
    font-size:26px;
    letter-spacing:1px;
    text-shadow:0 1px 8px rgba(0,0,0,.65);
}
body.theme-demonic .asof-rankings-page .rankings_menu a{
    width:auto;
    min-width:140px;
    padding:10px 16px;
    margin:4px 5px;
    border:1px solid rgba(255,141,78,.38);
    border-radius:999px;
    background:linear-gradient(180deg, rgba(62,11,17,.95), rgba(29,7,11,.96));
    color:#f5d4bf;
    font-family:'Cinzel', Georgia, serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.9px;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,238,201,.08),0 0 0 1px rgba(255,200,130,.04);
    transition:transform .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
body.theme-demonic .asof-rankings-page .rankings_menu a:hover,
body.theme-demonic .asof-rankings-page .rankings_menu a:focus{
    color:#fff8ee !important;
    border-color:rgba(255,166,97,.72);
    background:linear-gradient(180deg, rgba(119,24,24,.95), rgba(59,10,14,.96));
    box-shadow:0 0 16px rgba(239,70,33,.22), inset 0 1px 0 rgba(255,239,191,.12);
    transform:translateY(-1px);
}
body.theme-demonic .asof-rankings-page .rankings_menu a.active{
    color:#fff8ef;
    border-color:rgba(255,186,110,.92);
    background:linear-gradient(180deg, rgba(201,55,40,.95), rgba(128,20,21,.98));
    box-shadow:0 0 0 1px rgba(255,206,145,.18),0 0 16px rgba(255,72,42,.33),inset 0 1px 0 rgba(255,242,208,.18);
}
body.theme-demonic .asof-rankings-page .rankings-class-filter{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px 10px;
    width:100%;
    margin:0 0 18px;
    padding:16px 16px 8px;
    border-radius:16px;
    border:1px solid rgba(255,124,64,.32);
    background:linear-gradient(180deg, rgba(22,7,10,.95), rgba(10,5,7,.96));
    box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,225,174,.05);
}
body.theme-demonic .asof-rankings-page .rankings-class-filter li{
    margin:0 0 8px;
}
body.theme-demonic .asof-rankings-page .rankings-class-filter-selection{
    width:78px;
    padding:7px 4px 8px;
    border-radius:12px;
    color:#e8d0bd;
    background:linear-gradient(180deg, rgba(68,12,18,.52), rgba(26,7,11,.36));
    border:1px solid rgba(255,137,81,.16);
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease;
}
body.theme-demonic .asof-rankings-page .rankings-class-filter-selection:hover{
    color:#fff5ed !important;
    border-color:rgba(255,158,93,.46);
    box-shadow:0 0 16px rgba(234,67,34,.16);
    transform:translateY(-2px);
}
body.theme-demonic .asof-rankings-page .rankings-class-filter-selection img{
    width:42px;
    box-shadow:0 0 0 2px rgba(255,145,86,.18),0 0 12px rgba(0,0,0,.45);
}
body.theme-demonic .asof-rankings-page .asof-rankings-card{
    position:relative;
    padding:18px;
    border-radius:20px;
    border:1px solid rgba(255,128,69,.5);
    background:
        radial-gradient(circle at 16% 20%, rgba(175,23,30,.12), transparent 30%),
        radial-gradient(circle at 78% 78%, rgba(112,13,40,.10), transparent 26%),
        linear-gradient(150deg, rgba(18,6,9,.98), rgba(10,5,7,.99));
    box-shadow:0 18px 40px rgba(0,0,0,.42),0 0 22px rgba(230,55,26,.12),inset 0 1px 0 rgba(255,223,174,.06);
    overflow:hidden;
}
body.theme-demonic .asof-rankings-page .asof-rankings-card:before,
body.theme-demonic .asof-rankings-page .asof-rankings-card:after{
    content:"";
    position:absolute;
    width:74px;
    height:74px;
    pointer-events:none;
    opacity:.95;
}
body.theme-demonic .asof-rankings-page .asof-rankings-card:before{
    left:10px;top:10px;
    border-top:2px solid rgba(255,193,122,.85);
    border-left:2px solid rgba(255,193,122,.85);
    border-top-left-radius:14px;
    box-shadow:-2px -2px 12px rgba(255,86,42,.18);
}
body.theme-demonic .asof-rankings-page .asof-rankings-card:after{
    right:10px;bottom:10px;
    border-right:2px solid rgba(255,193,122,.85);
    border-bottom:2px solid rgba(255,193,122,.85);
    border-bottom-right-radius:14px;
    box-shadow:2px 2px 12px rgba(255,86,42,.18);
}
body.theme-demonic .asof-rankings-page .rankings-table{
    position:relative;
    width:100%;
    overflow:hidden;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid rgba(255,119,61,.34);
    border-radius:14px;
    background:rgba(14,7,9,.84);
    box-shadow:inset 0 1px 0 rgba(255,229,196,.04);
}
body.theme-demonic .asof-rankings-page .rankings-table tr:first-child td{
    color:#ffe3cb;
    font-family:'Cinzel', Georgia, serif;
    font-size:14px;
    letter-spacing:.5px;
    text-transform:uppercase;
    border-bottom:1px solid rgba(255,128,69,.45);
    background:linear-gradient(180deg, rgba(158,31,24,.42), rgba(57,12,15,.75));
}
body.theme-demonic .asof-rankings-page .rankings-table tr td{
    border-bottom:1px solid rgba(255,133,74,.12);
    padding:12px 10px;
    font-size:15px;
    color:#f0d6c3;
    background:transparent;
}
body.theme-demonic .asof-rankings-page .rankings-table tr:nth-child(even) td{
    background:rgba(255,255,255,.015);
}
body.theme-demonic .asof-rankings-page .rankings-table tr:hover td{
    background:rgba(255,104,63,.045);
}
body.theme-demonic .asof-rankings-page .rankings-table tr:last-child td{
    border-bottom:0;
}
body.theme-demonic .asof-rankings-page .rankings-table-place{
    color:#ffd39f;
    font-family:'Cinzel', Georgia, serif;
    font-size:24px;
    text-shadow:0 0 10px rgba(255,134,72,.25);
}
body.theme-demonic .asof-rankings-page .rankings-table tr:nth-child(2) .rankings-table-place{color:#ffdd85}
body.theme-demonic .asof-rankings-page .rankings-table tr:nth-child(3) .rankings-table-place{color:#d4dde6}
body.theme-demonic .asof-rankings-page .rankings-table tr:nth-child(4) .rankings-table-place{color:#d79a72}
body.theme-demonic .asof-rankings-page .rankings-class-image{
    width:34px;
    border-radius:8px;
    box-shadow:0 0 0 1px rgba(255,161,102,.18),0 0 12px rgba(0,0,0,.48);
}
body.theme-demonic .asof-rankings-page .rankings-table a,
body.theme-demonic .asof-rankings-page .rankings-update-time a{
    color:#ffe7d1;
}
body.theme-demonic .asof-rankings-page .rankings-table a:hover,
body.theme-demonic .asof-rankings-page .rankings-update-time a:hover{
    color:#ffffff !important;
}
body.theme-demonic .asof-rankings-page .rankings_guild_logo tr td{
    background:transparent !important;
    border:0 !important;
}
body.theme-demonic .asof-rankings-page .rankings-gens-img{
    height:34px !important;
    filter:drop-shadow(0 0 7px rgba(0,0,0,.42));
}
body.theme-demonic .asof-rankings-page .online-status-indicator{
    margin-left:6px;
    vertical-align:middle;
    filter:drop-shadow(0 0 6px rgba(255,78,48,.18));
}
body.theme-demonic .asof-rankings-page .rankings-update-time{
    margin-top:14px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(255,135,76,.28);
    background:linear-gradient(180deg, rgba(65,11,16,.72), rgba(26,6,10,.82));
    color:#f1cfb6;
    font-size:12px;
    text-align:right;
    box-shadow:inset 0 1px 0 rgba(255,230,190,.05);
}
@media(max-width:991px){
    body.theme-demonic .asof-rankings-page .rankings_menu a{min-width:124px;padding:9px 13px}
    body.theme-demonic .asof-rankings-page .rankings-table tr td{font-size:14px;padding:10px 8px}
}
@media(max-width:767px){
    body.theme-demonic .asof-rankings-page > .page-title span{font-size:22px;min-width:0;width:100%}
    body.theme-demonic .asof-rankings-page .rankings_menu{padding:16px 12px 12px}
    body.theme-demonic .asof-rankings-page .rankings_menu span{font-size:20px}
    body.theme-demonic .asof-rankings-page .rankings_menu a{display:block;width:100%;margin:4px 0;min-width:0}
    body.theme-demonic .asof-rankings-page .asof-rankings-card{padding:12px;border-radius:16px}
    body.theme-demonic .asof-rankings-page .rankings-update-time{text-align:center;font-size:11px}
}