/* Rankings follow the site's charcoal, parchment and antique-gold palette. */
.timeless.page-rankings .page-title { margin-bottom: 26px; font-size: 31px; }
.timeless.page-rankings .rankings_menu { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0 auto 25px; }
.timeless.page-rankings .rankings_menu a { margin:0; padding:10px 19px; font-size:12px; border-color:#ffffff12; background:#12151b; }
.timeless.page-rankings .rankings_menu a.active { color:#f0d48e; border-color:#a17c3d; background:linear-gradient(135deg,#302819,#15171b); box-shadow:inset 0 -2px #b68c45; }
.timeless.page-rankings .rankings_menu a:hover { background:#24221c; border-color:#a17c3d; }
.timeless.page-rankings .rankings-class-filter { gap:9px; margin:0 auto 27px; padding:0 0 22px; border-bottom:1px solid #ffffff09; }
.timeless.page-rankings .rankings-class-filter-selection { width:88px; min-height:98px; padding:10px 8px; gap:7px; font-size:10px; line-height:1.4; letter-spacing:.1px; border-color:#ffffff0c; background:#11151b; border-radius:3px; }
.timeless.page-rankings .rankings-class-filter-image { width:48px !important; height:48px !important; margin:0; border-radius:3px; border-color:#ffffff14; }
.timeless.page-rankings .rankings-class-filter-selection:not(.rankings-class-filter-grayscale) { background:linear-gradient(145deg,#30291c,#15171b); border-color:#aa8240; box-shadow:0 3px 16px #0002; }
.timeless.page-rankings .rankings-class-filter-grayscale img { opacity:.65; }
.timeless.page-rankings .rankings-class-filter-selection:hover { transform:translateY(-2px); }
.timeless.page-rankings .rankings-table-wrap { width:100%; max-width:1180px; margin:0 auto; overflow-x:auto; border:1px solid #d7ad5824; border-radius:5px; background:#101319; }
.timeless.page-rankings .rankings-table { width:100%; max-width:none; margin:0; border:0; background:transparent; font-size:13px; }
.timeless.page-rankings .rankings-table td { padding:12px 19px !important; border:0 !important; border-bottom:1px solid #ffffff09 !important; vertical-align:middle; color:#b9bcc4; line-height:1.5; }
.timeless.page-rankings .rankings-table tr:first-child td { padding:13px 19px !important; background:linear-gradient(180deg,#1b1d22,#17191e); color:#b8aa8e; font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; border-bottom:1px solid #d7ad5838 !important; white-space:nowrap; }
.timeless.page-rankings .rankings-table tr[data-class-id] { height:65px; transition:background .15s; }
.timeless.page-rankings .rankings-table tr:nth-child(even) { background:#ffffff02; }
.timeless.page-rankings .rankings-table tr[data-class-id]:hover { background:#d7ad580b; }
.timeless.page-rankings .rankings-table tr:last-child td { border-bottom:0 !important; }
.timeless.page-rankings .rankings-table .rankings-table-place { width:66px; text-align:center; color:#878580; font:500 18px/1.4 Cinzel,Georgia,serif; }
.timeless.page-rankings .rankings-table tr[data-rank="1"] .rankings-table-place { color:#f3d18a; background:linear-gradient(90deg,#c7a35c19,transparent); box-shadow:inset 2px 0 #cca759; }
.timeless.page-rankings .rankings-table tr[data-rank="2"] .rankings-table-place { color:#c8d0d9; box-shadow:inset 2px 0 #858e99; }
.timeless.page-rankings .rankings-table tr[data-rank="3"] .rankings-table-place { color:#ca9a75; box-shadow:inset 2px 0 #9e7150; }
.timeless.page-rankings .rankings-table .rankings-class-image { width:38px; max-width:38px; height:38px; object-fit:cover; border:1px solid #d7ad5829; border-radius:4px; box-shadow:0 2px 8px #0003; }
.timeless.page-rankings .rankings-table .rankings-character { min-width:180px; color:#e0d8c7; font-size:14px; font-weight:600; white-space:nowrap; }
.timeless.page-rankings .rankings-character > a { color:#e3d6b9; }
.timeless.page-rankings .rankings-character > a:hover { color:#f4cf7a; }
.timeless.page-rankings .online-status-indicator { width:7px !important; height:7px !important; margin-left:9px; vertical-align:middle; box-shadow:none; }
.timeless.page-rankings .rankings-vip-badge { margin-left:8px; color:#f0c468; filter:drop-shadow(0 0 3px #d7ad5833); }
.timeless.page-rankings .rankings-update-time { max-width:1180px; margin:15px auto 0; color:#777e89; font-size:10px; letter-spacing:.3px; text-align:right; }
@media(max-width:767px) {
 .timeless.page-rankings .page-title { font-size:25px; }
 .timeless.page-rankings .rankings_menu { gap:5px; margin-bottom:18px; }
 .timeless.page-rankings .rankings_menu a { padding:9px 11px; font-size:11px; }
 .timeless.page-rankings .rankings-class-filter { gap:6px; margin-bottom:18px; }
 .timeless.page-rankings .rankings-class-filter-selection { width:66px; min-height:83px; padding:8px 5px; font-size:8px; }
 .timeless.page-rankings .rankings-class-filter-image { width:39px !important; height:39px !important; }
 .timeless.page-rankings .rankings-table { min-width:600px; }
 .timeless.page-rankings .rankings-table td, .timeless.page-rankings .rankings-table tr:first-child td { padding:10px 12px !important; }
 .timeless.page-rankings .rankings-table tr[data-class-id] { height:58px; }
 .timeless.page-rankings .rankings-table .rankings-character { font-size:13px; min-width:150px; }
}
@media(prefers-reduced-motion:reduce) {
 .timeless.page-rankings .rankings-class-filter-selection, .timeless.page-rankings .rankings-table tr { transition:none; }
 .timeless.page-rankings .rankings-class-filter-selection:hover { transform:none; }
}