.server-card[data-server-status=online] .server-dot{background:#96be87;box-shadow:0 0 9px #96be8740}.server-card[data-server-status=online] .server-state{color:#adc69f}.server-card[data-server-status=offline] .server-dot{background:#b57e6a;box-shadow:0 0 7px #b57e6a25}.server-card[data-server-status=offline] .server-state{color:#ba9687}.world-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d9b47a24;border-radius:5px;margin:0 0 12px;background:linear-gradient(120deg,#141922bd,#0c1017db);padding:22px 0}.world-stats>div{text-align:center;padding:0 15px;border-left:1px solid #d9b47a20}.world-stats>div:first-child{border-left:0}.world-stats strong{display:block;font:600 32px/1.2 'Cormorant Garamond',Georgia,serif;color:#e0c08d;min-height:38px}.world-stats span{display:block;font-size:9px;letter-spacing:.07em;color:#919cab;margin-top:7px}.world-update{font-size:9px;line-height:1.8;color:#798697;margin:10px 0 22px}.world-update.is-stale{color:#b8a47f}.rank-character{position:relative}.rank-status{display:inline-block;width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#667182;margin-right:8px;vertical-align:middle}.rank-status.is-online{background:#96be87;box-shadow:0 0 6px #96be8740}.rank-vacant{color:#627086}.rank-vacant td:nth-child(2){color:#718094}.ranking-note{font-size:11px;line-height:1.8}.ranking th,.ranking td{overflow-wrap:anywhere}.ranking td:last-child{font-size:11px;line-height:1.6}.ranking-caption-note{font-size:9px;color:#7e8b9f;margin:18px 0}.server-statistics-strip{margin-bottom:25px}@media(max-width:700px){.world-stats{padding:18px 0}.world-stats strong{font-size:29px}.world-stats span{font-size:8px;letter-spacing:0}.world-stats>div{padding:0 8px}.ranking td:last-child{font-size:9px}.ranking-note{font-size:10px}.world-update{font-size:8px}}
@media(max-width:700px){.inner-page header nav a:not(.account){display:none}.inner-page header .brand img{width:140px}.rating-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}.rating-tabs button{min-width:0;padding:12px 9px;font-size:10px;white-space:normal}}

/* The full hall of fame keeps its shape even while the world is new. */
.ranking-page{padding-bottom:80px}
.ranking-page [hidden]{display:none!important}
.ranking-lead{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:180px;padding:33px 38px;margin:0 0 23px;border:1px solid #d9b47a30;border-radius:9px;background:linear-gradient(100deg,#121923f2 0%,#121923d9 50%,#0b1018d0 100%),url('/assets/images/elf-and-castle-background.png') left 52%/cover no-repeat;overflow:hidden}
.ranking-lead:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#f3d99c,#8c683c)}
.ranking-eyebrow{display:block;color:#d5af70;font:700 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.18em}
.ranking-lead h2{margin:10px 0 9px;color:#f4e7d0;font:600 clamp(31px,3vw,43px)/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.ranking-lead p{max-width:620px;margin:0;color:#c1cad6;font:15px/1.75 Manrope,Arial,sans-serif}
.ranking-lead-mark{margin:0 30px;color:#e8c88e;font:500 93px/1 'Cormorant Garamond',Georgia,serif;text-shadow:0 0 32px #d9b47a55}
.ranking-page .rating-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:0;overflow:visible}
.ranking-page .rating-tabs button{display:flex;align-items:center;gap:14px;min-width:0;min-height:78px;padding:14px 18px;text-align:left;white-space:normal;background:#111823;border-color:#ffffff22;border-radius:7px;box-shadow:none;color:#d6deeb;font-size:15px;font-weight:600;line-height:1.3}
.ranking-page .rating-tabs button:hover{background:#182230;border-color:#d9b47a88;color:#f3dfba}
.ranking-page .rating-tabs button[aria-selected="true"]{background:linear-gradient(125deg,#322b23,#1c2129);border-color:#d9b47a;box-shadow:inset 0 1px #ffe1a72a,0 8px 22px #0003;color:#ffdfa6}
.rating-tab-number{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #d9b47a55;border-radius:50%;color:#e5c389;font:600 19px/1 'Cormorant Garamond',Georgia,serif}
.rating-tabs button small{display:block;margin-top:5px;color:#9daaba;font:12px/1.3 Manrope,Arial,sans-serif}
.ranking-page .rating-grid{display:block}
.ranking-panel{margin:0 0 17px;border:1px solid #d9b47a2e;border-radius:9px;background:linear-gradient(165deg,#121924,#0c111a);box-shadow:0 16px 42px #0002;overflow:hidden}
.ranking-panel-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 34px 24px;border-bottom:1px solid #d9b47a22}
.ranking-panel-head h2{margin:4px 0 3px;color:#f1e0c5;font:600 33px/1.15 'Cormorant Garamond',Georgia,serif}
.ranking-panel-head p{margin:0;color:#acb9ca;font:14px/1.6 Manrope,Arial,sans-serif}
.ranking-count{flex:none;padding:9px 15px;border:1px solid #d9b47a30;border-radius:999px;color:#d7bd90;background:#d9b47a0c;font:600 12px/1.4 Manrope,Arial,sans-serif}
.ranking-surface{padding:7px 27px 18px}
.ranking-page table{width:100%;border-collapse:collapse;table-layout:fixed;font:15px/1.55 Manrope,Arial,sans-serif}
.ranking-page th{padding:16px 14px 13px;text-align:left;color:#9da9b8;font:600 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #d9b47a24}
.ranking-page td{padding:18px 14px;color:#ccd6e4;border-bottom:1px solid #ffffff13;overflow-wrap:anywhere}
.ranking-page tbody tr:last-child td{border-bottom:0}
.ranking-page tbody tr.rank-first{background:linear-gradient(90deg,#d9b47a14,#d9b47a06 60%,transparent)}
.ranking-page .rank-first td:first-child{color:#f5d28e;font:600 25px/1 'Cormorant Garamond',Georgia,serif}
.ranking-page .rank-character{color:#f0e0c5;font-weight:600}
.ranking-page .rank-status{width:7px;height:7px;margin-right:12px}
.ranking-page th:first-child,.ranking-page td:first-child{width:12%}
.ranking-page th:nth-child(2),.ranking-page td:nth-child(2){width:38%}
.ranking-page th:nth-child(3),.ranking-page td:nth-child(3){width:20%;text-align:left}
.ranking-page th:last-child,.ranking-page td:last-child{width:30%;text-align:left;font-size:14px}
.ranking-empty{display:flex;align-items:center;gap:28px;min-height:240px;padding:35px 45px;background:linear-gradient(90deg,#101722ef,#101722bf 53%,#10172240),url('/assets/images/elf-and-castle-background.png') left 55%/cover no-repeat}
.ranking-empty-symbol{flex:none;display:grid;place-items:center;width:80px;height:80px;border:1px solid #d9b47a75;border-radius:50%;color:#eac98e;background:#1017229c;box-shadow:0 0 0 8px #d9b47a0a;font:500 52px/1 'Cormorant Garamond',Georgia,serif}
.ranking-empty strong{display:block;color:#f0dfc1;font:600 34px/1.1 'Cormorant Garamond',Georgia,serif}
.ranking-empty p{margin:8px 0 0;color:#c1cbd8;font:15px/1.6 Manrope,Arial,sans-serif}
.ranking-loading{color:#a9b7c8;text-align:center;padding:50px 14px!important}
.ranking-footnote{margin:18px 0 0;color:#95a3b4;font:13px/1.75 Manrope,Arial,sans-serif}
@media(max-width:850px){.ranking-page .rating-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-lead{padding:29px}.ranking-lead-mark{margin-right:5px}.ranking-panel-head{padding:24px}.ranking-surface{padding:5px 17px 15px}}
@media(max-width:600px){.ranking-page{padding-bottom:55px}.ranking-lead{min-height:0;padding:24px 20px}.ranking-lead h2{font-size:31px}.ranking-lead p{font-size:14px}.ranking-lead-mark{display:none}.ranking-page .rating-tabs{gap:8px}.ranking-page .rating-tabs button{min-height:70px;padding:12px 10px;gap:9px;font-size:13px}.rating-tab-number{width:28px;height:28px;font-size:16px}.rating-tabs button small{font-size:11px}.ranking-panel-head{align-items:flex-start;flex-direction:column;gap:13px;padding:22px 18px}.ranking-panel-head h2{font-size:29px}.ranking-surface{padding:4px 9px 12px}.ranking-page table{font-size:14px}.ranking-page th{padding:12px 8px;font-size:10px}.ranking-page td{padding:15px 8px}.ranking-page th:first-child,.ranking-page td:first-child{width:17%}.ranking-page th:nth-child(2),.ranking-page td:nth-child(2){width:50%}.ranking-page th:nth-child(3),.ranking-page td:nth-child(3){width:33%}.ranking-page th:last-child,.ranking-page td:last-child{display:none}.ranking-empty{gap:16px;min-height:215px;padding:22px 15px}.ranking-empty-symbol{width:52px;height:52px;font-size:36px}.ranking-empty strong{font-size:27px}.ranking-empty p{font-size:13px}.ranking-footnote{font-size:12px}}
