/* Virexon Core: landing pages (crossplay guide, map guide, server settings). */
.vxp{max-width:1240px;margin:0 auto;padding:28px 24px 72px}
.vxp-crumb{font-size:13px;color:var(--color-neutral-500);margin-bottom:6px}
.vxp-crumb a{color:var(--vx-mag-300);text-decoration:none}
.vxp-hero{padding:clamp(28px,5vw,64px) clamp(20px,4vw,40px);margin:12px 0 8px;border-radius:var(--radius-lg);
  background:radial-gradient(70% 90% at 100% 0%,color-mix(in srgb,var(--vx-mag) 22%,transparent),transparent 60%),radial-gradient(60% 80% at 0% 100%,color-mix(in srgb,var(--vx-lime) 10%,transparent),transparent 60%),var(--color-surface)}
.vxp-kick{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--vx-lime)}
.vxp-hero h1{font-size:clamp(34px,5vw,58px);font-weight:500;letter-spacing:-.035em;line-height:1.04;margin:12px 0 16px;color:var(--color-text);max-width:820px;text-wrap:balance}
.vxp-intro{font-size:17px;line-height:1.6;color:var(--color-neutral-300);max-width:640px;margin:0 0 24px}
.vxp-btns{display:flex;gap:12px;flex-wrap:wrap}
.vxp-b1,.vxp-b2{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:var(--radius-md);text-decoration:none;font-weight:500;font-size:15px}
.vxp-b1{color:var(--color-text);border:1px solid var(--vx-mag);background:color-mix(in srgb,var(--vx-mag) 16%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--vx-mag) 28%,transparent)}
.vxp-b2{color:var(--color-neutral-300);border:1px solid color-mix(in srgb,var(--color-text) 16%,transparent)}
.vxp-b1:hover,.vxp-b2:hover{color:var(--color-text)}
.vxp-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.vxp-facts span{font-size:12.5px;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-neutral-300)}
.vxp-sec{padding:44px 0 0;scroll-margin-top:80px}
.vxp-sec h2{font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.025em;margin:0 0 8px;color:var(--color-text)}
.vxp-lead{color:var(--color-neutral-400);margin:0 0 20px;max-width:700px;line-height:1.6}
.vxp-lead b{color:var(--color-neutral-200);font-weight:500}
.vxp-note{font-size:13.5px;color:var(--color-neutral-500);margin:14px 0 0}
.vxp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:860px){.vxp-grid3{grid-template-columns:1fr}}
.vxp-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}
.vxp-card h3{margin:0 0 6px;font-size:18px;font-weight:500;color:var(--color-text)}
.vxp-card p{margin:0;color:var(--color-neutral-400);font-size:14.5px;line-height:1.55}
.vxp-card p a{color:var(--vx-mag-300)}
.vxp-card .vxp-s{font-size:13px;color:var(--color-neutral-500);margin-bottom:14px}
.vxp-card ol{margin:0;padding-left:20px;color:var(--color-neutral-300);font-size:14.5px;line-height:1.65}
.vxp-card ol b{color:var(--color-text);font-weight:500}
.vxp-link{text-decoration:none;transition:box-shadow .2s,transform .2s}
.vxp-link:hover{box-shadow:0 0 0 1px var(--vx-mag),var(--shadow-sm);transform:translateY(-2px)}
.vxp-tag{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:6px;margin-bottom:12px;background:color-mix(in srgb,var(--vx-mag) 18%,transparent);color:var(--vx-mag-300)}
.vxp-tag.is-lime{background:color-mix(in srgb,var(--vx-lime) 14%,transparent);color:var(--vx-lime)}
.vxp-faq details{background:var(--color-surface);border-radius:12px;padding:14px 18px;margin-bottom:8px}
.vxp-faq summary{cursor:pointer;color:var(--color-text);font-weight:500}
.vxp-faq p{margin:10px 0 2px;color:var(--color-neutral-400);line-height:1.6;font-size:14.5px}
.vxp-maps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:760px){.vxp-maps{grid-template-columns:1fr}}
.vxp-map{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);padding:20px 20px 18px;min-height:150px;box-shadow:var(--shadow-sm)}
.vxp-map[style*="--img"]::before{content:"";position:absolute;inset:0;background:var(--img) center/cover;mix-blend-mode:screen;opacity:.3;-webkit-mask:linear-gradient(#000,transparent 95%);mask:linear-gradient(#000,transparent 95%);pointer-events:none}
.vxp-map>*{position:relative}
.vxp-map h3{margin:0;font-size:20px;font-weight:500;color:var(--color-text)}
.vxp-one{color:var(--vx-mag-300);font-size:13.5px;margin:2px 0 10px}
.vxp-map p{margin:0;color:var(--color-neutral-300);font-size:14px;line-height:1.55;max-width:440px}
.vxp-best{margin-top:10px;font-size:12.5px;color:var(--vx-lime)}
.vxp-tw{overflow-x:auto;border-radius:var(--radius-lg)}
.vxp-tbl{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:14.5px}
.vxp-tbl th,.vxp-tbl td{text-align:left;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 7%,transparent);vertical-align:top}
.vxp-tbl th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-500);font-weight:500}
.vxp-tbl td{color:var(--color-neutral-300)}
.vxp-tbl td b{color:var(--color-text);font-weight:500}
.vxp-v{color:var(--vx-lime)!important;font-weight:500;white-space:nowrap}
.vxp-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:860px){.vxp-mods{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.vxp-mods{grid-template-columns:1fr}}
.vxp-mods div{background:var(--color-surface);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--color-neutral-400)}
.vxp-mods b{display:block;color:var(--color-text);font-weight:500;font-size:14px}
.vxp-cta{margin:44px 0 0;border-radius:var(--radius-lg);padding:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(110deg,color-mix(in srgb,var(--vx-mag) 22%,var(--color-surface)),var(--color-surface))}
.vxp-cta strong{display:block;font-size:20px;font-weight:500;color:var(--color-text)}
.vxp-cta div>span{display:block;color:var(--color-neutral-400);font-size:14px;margin-top:4px}
@media (prefers-reduced-motion:reduce){.vxp-link{transition:none}.vxp-link:hover{transform:none}}
.vxp-maphead{display:flex;justify-content:space-between;align-items:center;gap:10px}
