/* Zedradar: identidad RED-ZONE con horizonte ámbar y dorado. */
:root {
  --bg: #0d0c10;
  --surface: #1b171b;
  --raised: #292027;
  --ink: #f0e8dc;
  --muted: #c3b4ae;
  --line: #a46c5138;
  --accent: #e64c46;
  --gold: #e8bd7c;
  --amber: #d49a68;
}
body {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 74% 36% at 82% 0%, #b65a4236, transparent 76%),
    radial-gradient(ellipse 72% 48% at 10% 55%, #71302f1f, transparent 79%),
    linear-gradient(180deg, #211922, #141116 48%, #0d0c10);
  color: var(--ink);
}
.hero {
  background: #1a1218;
  border: 1px solid #714c4059;
}
.hero:after {
  background:
    linear-gradient(90deg, #130e13 0%, #1b1117ec 30%, #24151db8 51%, #1b111737 80%),
    linear-gradient(0deg, #211922, transparent 36%);
}
.hero-art { opacity: .9; }
.hero h1 em { color: #efb47c; }
.hero-copy .eyebrow, .partner-label, .leader-label { color: var(--gold); }
.brand-light { color: #e7c7a4; }
.brand-by { color: #c6a48e; border-left-color: #ad7a6047; }
.search-bar, .advanced-filters, dialog {
  background: #251e23;
  border-color: #a46c5152;
}
.search-bar:focus-within { border-color: var(--gold); }
.button-outline, .more-filters summary, .server-card, .partner-page article {
  border-color: #a46c5149;
}
.button-outline:hover, .chip:hover { border-color: #d49a68a1; background: #d49a6817; }
.button-primary, .search-submit { background: var(--accent); }
.button-primary:hover, .search-submit:hover { background: #f15b50; }
.pulse-strip, .filter-row, .results-bar { border-color: #a46c5138; }
.stat strong, .player-count, .detail-metrics strong { color: #f4e2c6; }
.section-heading h2 span, .ranking-note, .telemetry-note { color: #d0b6a1; }
.chip.selected, .ranking-switch button.selected { background: #b65a4226; color: #f1c497; border-color: #b65a4257; }
.server-card, .connect-panel, .how-section, .partner-strip {
  background-color: #211b20;
}
.hero-stamp, .preview-banner {
  background: #302027e8;
  border-color: #a46c5169;
  color: #f0c9aa;
}
.hero-stamp small, .hero-stamp strong { color: #edc398; }
.footer { border-top-color: #a46c5149; }
:focus-visible { outline-color: #f0bb79; }
@media(max-width:760px) {
  .hero:after {
    background:
      linear-gradient(90deg, #130e13f6, #1c1118dc 54%, #22131b76),
      linear-gradient(0deg, #211922, transparent 56%);
  }
}
.creator-feature {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 1.4rem 0 1.8rem;
  padding: 1.4rem 1.6rem;
  border: 1px solid #c88a5d8a;
  background: radial-gradient(circle at 85% 0%, #a44b362b, transparent 45%), linear-gradient(115deg,#2b2022,#1a171c);
}
.creator-feature-label { color:#e9b778; font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.creator-feature h3 { margin:.35rem 0; color:#f7e9d6; font-size:clamp(1.4rem,2.7vw,2.15rem); }
.creator-feature h3 span { color:#ddb99d; font-size:.55em; font-weight:600; }
.creator-feature p { max-width:62ch; margin:.45rem 0 0; color:#dbcbbf; line-height:1.55; }
.creator-feature .button { flex:none; }
@media(max-width:760px) {
  .creator-feature { align-items:stretch; flex-direction:column; }
  .creator-feature .button { text-align:center; }
}
.creator-actions{display:flex;gap:10px;flex-wrap:wrap}
.creator-actions .button{white-space:nowrap;text-align:center}
.top-board{width:100%;border:1px solid #b37b5d55;background:linear-gradient(120deg,#292025,#1b191d);padding:14px 18px}
.top-board-head{display:flex;justify-content:space-between;gap:12px;color:#e8bd8d;font-size:11px;letter-spacing:.08em}
.top-board-head span{color:#bba99f;letter-spacing:0}
.top-board ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:0}
.top-board li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #a46c5133}
.top-place{color:#e77d61;font-weight:800}
.top-board li button{text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2e8dc}
.top-board li button:hover{text-decoration:underline}
.top-value{color:#deb993;white-space:nowrap;font-size:12px}
.share-url{width:100%;padding:12px;background:#18151a;border:1px solid #b7866b;color:#f4e6d7}
.hosting-partner img{max-width:86px;height:auto;object-fit:contain}
#site-sponsor-logo{max-width:96px;max-height:42px;object-fit:contain}
.redzone-promo{position:fixed;right:22px;bottom:22px;z-index:50;width:min(330px,calc(100vw - 32px));padding:20px 22px;background:linear-gradient(135deg,#351f22,#1c191e);border:1px solid #cf835e;box-shadow:0 20px 55px #0009;color:#f3e5d5}
.redzone-promo>strong{display:block;font-size:22px;margin:8px 0}
.redzone-promo p:not(.eyebrow){line-height:1.5}
.redzone-promo .button{display:inline-block}
#promo-close{position:absolute;top:7px;right:10px;color:#f3e5d5;font-size:24px}
@media(max-width:760px){.creator-actions{width:100%}.creator-actions .button{flex:1}.top-board-head span{display:none}.top-board li{grid-template-columns:28px minmax(0,1fr)}.top-value{grid-column:2}.redzone-promo{right:16px;bottom:16px}}
.how-section{margin-top:48px;padding:36px 42px;min-height:198px;border:1px solid #ad72513d;border-radius:14px;background:radial-gradient(ellipse 75% 150% at 100% 0%,#943b302f,transparent 70%),linear-gradient(110deg,#241b20,#17151b);align-items:center;gap:32px}
.how-copy{max-width:640px}
.how-section .eyebrow{color:#e8bd7c;font-size:11px;letter-spacing:.14em;font-weight:800}
.how-section h2{margin:8px 0 12px;font-size:clamp(26px,3.2vw,42px);line-height:1.08;color:#f5e7d8}
.how-section p:not(.eyebrow){margin:0;font-size:15px;line-height:1.6;color:#d2bbb0}
.how-actions{flex:none;align-items:flex-start;gap:14px}
.how-actions .button{font-size:13px;min-height:48px;padding-inline:22px}
.how-actions .text-button{font-size:13px;color:#eac6a1}
.partner-strip{margin-top:16px;min-height:74px;padding:15px 24px;gap:18px;border:1px solid #ad72512e;border-radius:10px;background:#1c181de0}
.partner-label{font-size:10px;line-height:1.4;color:#d6a771;white-space:nowrap}
.partner-main{display:inline-flex;align-items:center;gap:12px;font-size:17px;letter-spacing:0;color:#f0dfce}
.partner-main small{font-size:10px;letter-spacing:.03em;color:#c9ac94;margin:0}
.partner-community{margin-left:auto;font-size:13px;color:#e9be91;letter-spacing:0}
.partner-community:hover{color:#fff0dd}
@media(max-width:760px){.how-section{margin-top:28px;padding:28px 24px;min-height:0;align-items:stretch;gap:22px}.how-section h2{font-size:30px}.how-section p:not(.eyebrow){font-size:14px}.how-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.how-actions .button{font-size:12px}.how-actions .text-button{font-size:12px;max-width:none}.partner-strip{padding:18px;gap:10px 16px}.partner-label{flex-basis:100%;font-size:10px}.partner-community{margin-left:0;flex-basis:100%;font-size:13px}.partner-main{font-size:16px}}
.detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.detail-metrics>div{padding:14px;background:#30232388;border:1px solid #c68b6255;border-radius:9px}
.detail-metrics strong{font-size:clamp(22px,3vw,30px);color:#f8e9d4}
.detail-metrics span,.detail-chart-head .modal-label,.chart-labels,#chart-caption{font-size:13px;line-height:1.5;color:#d8bea8}
.detail-chart{min-height:180px;padding:14px 10px;background:#2b2225;border:1px solid #ad72513d}
.detail-chart .sparkline{min-height:160px}
.detail-chart .chart-line{stroke:#ff8b83;stroke-width:2.5}
.detail-chart .chart-fill{fill:#e6665830}
.chart-labels{gap:16px;flex-wrap:wrap;margin:10px 0 12px}
.periods .chip{font-size:12px;min-height:34px}
#sample-table table{font-size:12px}
#sample-table th,#sample-table td{padding:10px 8px}
#claim-status{display:block;padding:14px 16px;background:#46302580;border:1px solid #d69d6755;border-radius:8px;font-size:13px;line-height:1.6;color:#f3d6b5}
@media(max-width:600px){.detail-metrics{grid-template-columns:1fr 1fr}.detail-metrics>div:last-child{grid-column:1/-1}.detail-chart{padding:8px 4px}.chart-labels{font-size:12px}}

/* Community directory: controls, rankings and editorial cards share one grid. */
.header .language-control{margin-left:auto}.language-control select{min-width:64px;padding:9px 10px;background:#282126;color:#f7e8d9;border:1px solid #bb8c6c77;border-radius:8px;font-weight:800}
.discovery-bar{display:block;width:100%;margin-top:26px}.ranking-switch{display:flex;flex-wrap:wrap;gap:8px}.recommend-highlights{width:100%;max-width:none;margin-top:18px}
.top-board{padding:22px;border-radius:14px}.top-board-head{font-size:14px;align-items:center}.top-board-head span{font-size:12px}
.top-board ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.top-board li{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px;min-height:148px;padding:15px;background:#38292b88;border:1px solid #a46c5140;border-radius:9px}
.top-board li button{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;font-size:14px;font-weight:750;min-height:3.8em}
.top-place{font-size:23px;line-height:1}.top-value{font-size:13px;white-space:normal}
.top-explain{margin:12px 0 0;border:1px solid #a46c5155;background:#211b1fd9;border-radius:9px;color:#ecd7c5}.top-explain summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:800;list-style:none}.top-explain summary::-webkit-details-marker{display:none}.top-explain summary span{float:right}.top-explain[open] summary span{transform:rotate(45deg)}.top-explain>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 18px 18px}.top-explain p{margin:0;color:#d9c6ba;font-size:13px;line-height:1.6}.top-explain strong{color:#f0bf85}
.communities{margin-top:56px}.communities h2{font-size:clamp(28px,3vw,42px);margin:8px 0 22px;color:#f4e6d7}.community-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.community-card{display:flex;flex-direction:column;align-items:flex-start;min-height:225px;padding:28px;border:1px solid #b577555e;background:linear-gradient(120deg,#292026,#1b181d);border-radius:13px}.community-card.redzone-community{background:radial-gradient(circle at 95% 10%,#a34a352f,transparent 50%),linear-gradient(120deg,#352325,#20191d);border-color:#d28b5f88}.community-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#e6b97d}.community-card h3{font-size:27px;margin:12px 0 4px;color:#fff0df}.community-card p{font-size:15px;line-height:1.6;color:#d8c8bd;margin:0 0 22px}.community-card>a,.community-actions{margin-top:auto}.community-actions{display:flex;gap:10px;flex-wrap:wrap}.community-card .button{font-size:13px}.creator-credit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:16px 22px;background:#1b171b;border:1px solid #ad725145;color:#d7bca4;font-size:12px;letter-spacing:.08em}.creator-credit strong{font-size:18px;color:#f6e3ce}.creator-credit div{display:flex;gap:22px;flex-wrap:wrap}.creator-credit a{color:#efb782;font-weight:800}
.redzone-promo.is-minimized{width:220px;min-height:54px;padding:14px 42px 14px 16px}.redzone-promo.is-minimized .eyebrow,.redzone-promo.is-minimized p:not(.eyebrow),.redzone-promo.is-minimized .button{display:none}.redzone-promo.is-minimized>strong{font-size:14px;margin:0;white-space:nowrap}.redzone-promo.is-minimized #promo-close{top:9px}
@media(max-width:1000px){.top-board ol{grid-template-columns:repeat(3,minmax(0,1fr))}.header .language-control{margin-left:0}}
@media(max-width:760px){.top-board ol{grid-template-columns:repeat(2,minmax(0,1fr))}.top-board li{min-height:136px;grid-template-columns:none}.top-board-head span{display:inline}.top-explain>div{grid-template-columns:1fr}.community-grid{grid-template-columns:1fr}.creator-credit{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.top-board ol{grid-template-columns:1fr}.top-board li{min-height:0}.top-board li button{min-height:0}.ranking-switch button{min-height:42px}.header .language-control select{min-width:58px}.redzone-promo{right:10px;bottom:10px}}