/* Detailed world status; scoped to the public statistics view. */
.rq-ashes .rq-content .rq-world-stats { --stats-line: #30383d; }
.rq-ashes .rq-content .rq-world-stats-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 38px; }
.rq-ashes .rq-content .rq-world-stats-heading h1 { margin-bottom: 18px; }
.rq-ashes .rq-content .rq-world-stats-lead { max-width: 620px; color: #aaaeb1; font-size: 17px; margin: 0; }
.rq-ashes .rq-content .rq-world-guide-link { display: inline-flex; align-items: center; gap: 20px; min-height: 44px; flex-shrink: 0; font-size: 14px; color: #d5d7d6; text-decoration: none; }
.rq-ashes .rq-content .rq-world-guide-link span { color: #d38d8d; }
.rq-ashes .rq-content .rq-world-state { display: flex; justify-content: space-between; align-items: center; gap: 36px; padding: 30px 34px; border: 1px solid var(--stats-line); background: #111619; }
.rq-ashes .rq-content .rq-world-state-name { display: flex; align-items: center; gap: 16px; }
.rq-ashes .rq-content .rq-world-state-name > i { color: #a7b2b9; font-size: 25px; }
.rq-ashes .rq-content .rq-world-state-name h2 { margin: 0; font: 400 28px/1.3 Georgia, serif; }
.rq-ashes .rq-content .rq-world-stage { display: block; padding-left: 41px; color: #aaaeb1; font-size: 13px; margin-top: 8px; }
.rq-ashes .rq-content .rq-world-state-detail { display: flex; align-items: center; gap: 40px; }
.rq-ashes .rq-content .rq-world-state-badge { display: inline-flex; align-items: center; gap: 10px; margin: 0; color: #bec4c7; font-size: 14px; font-weight: 600; white-space: nowrap; }
.rq-ashes .rq-content .rq-world-state-badge > span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.rq-ashes .rq-content .rq-world-state-online { color: #a2c6a8; }
.rq-ashes .rq-content .rq-world-state-offline { color: #e49b9e; }
.rq-ashes .rq-content .rq-world-state-unknown { color: #afb5b8; }
.rq-ashes .rq-content .rq-world-service-states { display: grid; gap: 5px; border-left: 1px solid #3a444a; padding-left: 28px; margin: 0; font-size: 13px; }
.rq-ashes .rq-content .rq-world-service-states > div { display: grid; grid-template-columns: 94px minmax(74px, auto); gap: 20px; }
.rq-ashes .rq-content .rq-world-service-states dt { color: #8f9aa1; font-weight: 400; }
.rq-ashes .rq-content .rq-world-service-states dd { color: #d4d8d9; margin: 0; text-align: right; }
.rq-ashes .rq-content .rq-world-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; background: #0e1214; border: 1px solid var(--stats-line); border-top: 0; margin: 0; }
.rq-ashes .rq-content .rq-world-metric { min-width: 0; padding: 26px 28px 30px; border-right: 1px solid var(--stats-line); }
.rq-ashes .rq-content .rq-world-metric:last-child { border-right: 0; }
.rq-ashes .rq-content .rq-world-metric dt { display: flex; align-items: baseline; gap: 10px; color: #aab2b7; font-size: 12px; font-weight: 400; line-height: 1.5; }
.rq-ashes .rq-content .rq-world-metric dt > i { color: #7c8a93; font-size: 16px; flex-shrink: 0; }
.rq-ashes .rq-content .rq-world-metric dd { margin: 14px 0 0; color: #ece9e2; font: 400 clamp(28px, 3vw, 42px)/1.1 Georgia, serif; overflow-wrap: anywhere; }
.rq-ashes .rq-content .rq-world-data-note { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 24px; margin-top: 14px; }
.rq-ashes .rq-content .rq-world-data-note p { color: #8f999f; font-size: 12px; margin: 0; }
.rq-ashes .rq-content .rq-world-data-note time { color: #b5bdc2; }
.rq-ashes .rq-content .rq-world-ranking { margin-top: clamp(48px, 6vw, 76px); }
.rq-ashes .rq-content .rq-world-ranking-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.rq-ashes .rq-content .rq-world-ranking-heading .rq-eyebrow { margin-bottom: 10px; }
.rq-ashes .rq-content .rq-world-ranking-heading h2 { margin: 0; font-size: clamp(28px, 3vw, 36px); }
.rq-ashes .rq-content .rq-world-ranking-state { color: #969fa5; font-size: 12px; padding-bottom: 4px; }
.rq-ashes .rq-content .rq-world-ranking-table { border: 1px solid var(--stats-line); background: #101517; overflow-x: auto; }
.rq-ashes .rq-content .rq-world-ranking-table table { width: 100%; border-collapse: collapse; color: #d5d8da; font-size: 14px; }
.rq-ashes .rq-content .rq-world-ranking-table th { padding: 18px 24px; border-bottom: 1px solid var(--stats-line); background: #151b1e; color: #b1bbc2; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.rq-ashes .rq-content .rq-world-ranking-table th:first-child { width: 36%; }
.rq-ashes .rq-content .rq-world-ranking-table th:nth-child(4), .rq-ashes .rq-content .rq-world-ranking-table th:last-child { text-align: right; }
.rq-ashes .rq-content .rq-world-ranking-empty { padding: 58px 24px 62px; text-align: center; }
.rq-ashes .rq-content .rq-world-ranking-empty > i { display: block; color: #745054; font-size: 32px; margin-bottom: 20px; }
.rq-ashes .rq-content .rq-world-ranking-empty h3 { margin: 0 0 14px; color: #d8dbda; font-size: 27px; }
.rq-ashes .rq-content .rq-world-ranking-empty p { max-width: 440px; margin: 0 auto 18px; color: #929da5; font-size: 14px; }
.rq-ashes .rq-content .rq-world-ranking-empty a { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; font-size: 13px; }
@media (max-width: 1000px) {
  .rq-ashes .rq-content .rq-world-state { padding: 26px; gap: 26px; }
  .rq-ashes .rq-content .rq-world-state-detail { flex-direction: column; align-items: start; gap: 14px; }
  .rq-ashes .rq-content .rq-world-service-states { padding-left: 0; border-left: 0; }
  .rq-ashes .rq-content .rq-world-metric { padding-inline: 20px; }
}
@media (max-width: 767px) {
  .rq-ashes .rq-content .rq-world-stats-heading { align-items: start; flex-direction: column; gap: 16px; margin-bottom: 26px; }
  .rq-ashes .rq-content .rq-world-stats-lead { font-size: 16px; }
  .rq-ashes .rq-content .rq-world-state { align-items: stretch; flex-direction: column; gap: 24px; padding: 24px; }
  .rq-ashes .rq-content .rq-world-state-name h2 { font-size: 27px; }
  .rq-ashes .rq-content .rq-world-state-detail { align-items: stretch; gap: 18px; }
  .rq-ashes .rq-content .rq-world-service-states { border-top: 1px solid #303b42; padding-top: 16px; }
  .rq-ashes .rq-content .rq-world-service-states > div { grid-template-columns: minmax(0, 1fr) auto; }
  .rq-ashes .rq-content .rq-world-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rq-ashes .rq-content .rq-world-metric { padding: 22px 20px; }
  .rq-ashes .rq-content .rq-world-metric:nth-child(2) { border-right: 0; }
  .rq-ashes .rq-content .rq-world-metric:nth-child(-n+2) { border-bottom: 1px solid var(--stats-line); }
  .rq-ashes .rq-content .rq-world-ranking-heading { align-items: start; flex-direction: column; gap: 12px; }
  .rq-ashes .rq-content .rq-world-ranking-table th { padding: 14px 8px; font-size: 11px; letter-spacing: .02em; }
  .rq-ashes .rq-content .rq-world-ranking-table th:first-child { width: auto; }
  .rq-ashes .rq-content .rq-world-ranking-empty { padding: 40px 18px 42px; }
  .rq-ashes .rq-content .rq-world-ranking-empty h3 { font-size: 25px; }
}
@media (max-width: 400px) {
  .rq-ashes .rq-content .rq-world-state { padding: 22px 18px; }
  .rq-ashes .rq-content .rq-world-metric { padding-inline: 16px; }
  .rq-ashes .rq-content .rq-world-metric dt { display: block; font-size: 11px; }
  .rq-ashes .rq-content .rq-world-metric dt > i { display: block; font-size: 18px; margin-bottom: 6px; }
  .rq-ashes .rq-content .rq-world-ranking-table th { padding-inline: 6px; font-size: 10px; }
}