/* ── Home page styles ────────────────────────────────────────── */
.mbs-home-shell { display:grid; gap:40px; padding-bottom:48px; }

/* Hero */
.mbs-home-hero {
  position:relative; padding:44px 24px; overflow:hidden;
  border-radius:28px; margin-top:10px;
  background:
    radial-gradient(circle at 20% 20%, rgba(56,189,248,.14), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(249,115,22,.16), transparent 40%),
    linear-gradient(145deg, rgba(7,13,20,.96), rgba(12,21,28,.9));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 28px 70px rgba(2,6,23,.34);
}
.mbs-home-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr); gap:28px; align-items:stretch; }
.mbs-home-hero-content { display:grid; align-content:center; justify-items:start; text-align:left; }
.mbs-home-hero-logo { width:104px; height:104px; margin:0 0 14px; display:block; }
.mbs-home-hero h1 { font-size:clamp(2rem,5vw,3.25rem); margin:10px 0 10px; letter-spacing:-0.03em; line-height:1.02; max-width:12ch; }
.mbs-home-hero-accent { background:linear-gradient(135deg,#ff8a2a,#a78bfa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.mbs-home-hero-tagline { color:rgba(226,232,240,.88); font-size:1.08rem; line-height:1.5; margin:0 0 24px; min-height:3em; max-width:42rem; transition:opacity .3s ease; }
.mbs-home-hero-ctas { display:flex; gap:12px; justify-content:flex-start; flex-wrap:wrap; }
.mbs-home-hero-panel { display:grid; gap:14px; align-content:start; padding:24px; background:linear-gradient(180deg, rgba(11,18,24,.92), rgba(8,13,22,.84)); }
.mbs-home-hero-panel h2 { margin:0; font-size:1.45rem; line-height:1.15; }
.mbs-home-hero-points { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.mbs-home-hero-points li { position:relative; padding-left:18px; color:rgba(226,232,240,.9); line-height:1.45; }
.mbs-home-hero-points li::before { content:""; position:absolute; left:0; top:.55em; width:8px; height:8px; border-radius:999px; background:linear-gradient(135deg,#f59e0b,#fb7185); box-shadow:0 0 12px rgba(249,115,22,.35); }
.mbs-home-hero-links { display:flex; gap:10px; flex-wrap:wrap; padding-top:4px; }

/* Section heads */
.mbs-home-kicker {
  display:inline-flex; align-items:center; gap:6px;
  font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:var(--nav);
}
.mbs-home-section-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 16px; margin-bottom:16px; }
.mbs-home-section-head h2 { margin:0; flex:1; min-width:200px; }
.mbs-home-section-head--centered { justify-content:center; text-align:center; margin-bottom:20px; }
.mbs-home-section-head--centered h2 { flex:none; min-width:0; }
.mbs-home-see-all { color:var(--nav); text-decoration:none; font-size:.88rem; font-weight:600; white-space:nowrap; }
.mbs-home-see-all:hover { text-decoration:underline; }

/* Live grid */
.mbs-home-live-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:28px; }
@media(max-width:860px) { .mbs-home-live-grid { grid-template-columns:1fr; } }
.mbs-home-live-col { display:grid; gap:20px; align-content:start; }

.mbs-home-data-card {
  padding:16px 18px;
}

.mbs-home-data-card--compact {
  padding:12px 14px;
}

/* Games leaderboards */
.mbs-home-games-boards { display:grid; gap:16px; }
body.design-v2 .mbs-home-games-boards.mbs-arena-feature-grid,
body.design-v2 .mbs-home-games-boards.mbs-arena-feature-grid.is-two,
body.design-v2 .mbs-home-games-boards.mbs-arena-feature-grid.is-three {
  grid-template-columns: 1fr;
}
.mbs-home-games-boards .mbs-featured-card {
  overflow: hidden;
}
.mbs-home-games-boards .mbs-featured-cover {
  position: relative;
  min-height: 248px;
  overflow: hidden;
}
.mbs-home-games-boards .mbs-featured-cover::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(5, 10, 18, 0) 0%, rgba(5, 10, 18, 0.74) 48%, rgba(5, 10, 18, 0.94) 100%);
  pointer-events: none;
}
.mbs-home-featured-podium-overlay {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 2;
}
.mbs-home-featured-podium-overlay .muted {
  display: inline-flex;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(5, 10, 18, 0.78);
}
.mbs-home-featured-podium-overlay .mbs-top-players-grid {
  gap: 10px;
}
.mbs-home-featured-podium-overlay .mbs-podium-card {
  min-height: 0;
  padding: 12px 12px 10px;
  backdrop-filter: blur(8px);
  background: linear-gradient(180deg, rgba(10, 18, 28, 0.78), rgba(8, 13, 22, 0.9));
}
.mbs-home-featured-podium-overlay .mbs-podium-rank {
  font-size: 2rem;
}
.mbs-home-games-boards .mbs-featured-body {
  padding-top: 18px;
}
.mbs-home-games-boards .mbs-home-featured-body--minimal {
  padding-top: 12px;
}
.mbs-home-games-boards .mbs-home-featured-meta {
  display: none;
}
.mbs-home-games-boards .mbs-home-featured-body--minimal .mbs-featured-actions {
  margin-top: 0;
}
.mbs-home-board {
  gap:0;
}
.mbs-home-board-title { font-size:.92rem; font-weight:700; margin:0 0 10px; display:flex; align-items:center; gap:8px; }
.mbs-home-board .mbs-podium-metrics { font-size:.82rem; }

/* Subsection */
.mbs-home-subsection { display:grid; gap:8px; }
.mbs-home-sub-title { font-size:.95rem; font-weight:700; margin:0; }
.mbs-home-sub-link { font-size:.82rem; color:var(--nav); text-decoration:none; }
.mbs-home-sub-link:hover { text-decoration:underline; }

/* Listing cards */
.mbs-home-listing-rail { display:grid; gap:10px; }
.mbs-home-market-card { text-decoration:none; color:inherit; }
.mbs-home-bounty-card { text-decoration:none; color:inherit; }

/* Community posts */
.mbs-home-posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media(max-width:1100px) { .mbs-home-posts-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:680px) { .mbs-home-posts-grid { grid-template-columns:1fr; } }
.mbs-home-post-card {
  display:grid; gap:8px; padding:16px; border-radius:16px;
  text-decoration:none; color:inherit; transition:border-color .15s;
}
.mbs-home-post-card:hover { border-color:rgba(56,189,248,.3); }
.mbs-home-post-title { font-weight:700; font-size:.92rem; line-height:1.3; }
.mbs-home-post-meta { font-size:.78rem; color:var(--fg-dim); display:flex; gap:10px; }

/* Pillar grid */
.mbs-home-pillar-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:860px) { .mbs-home-pillar-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px) { .mbs-home-pillar-grid { grid-template-columns:1fr; } }
.mbs-home-pillar-card {
  display:grid; gap:8px; padding:22px; border-radius:20px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg,rgba(11,18,24,.88),rgba(12,17,24,.82));
  box-shadow:0 12px 32px rgba(2,6,23,.18);
  text-decoration:none; color:inherit; transition:border-color .2s, transform .2s, box-shadow .2s;
}
.mbs-home-pillar-card:hover { border-color:rgba(249,115,22,.35); transform:translateY(-3px); box-shadow:0 18px 40px rgba(2,6,23,.28); }
.mbs-home-pillar-icon { font-size:2rem; }
.mbs-home-pillar-card h3 { margin:0; font-size:1.1rem; }
.mbs-home-pillar-card p { margin:0; font-size:.85rem; color:var(--fg-dim); line-height:1.45; }
.mbs-home-pillar-cta { font-size:.82rem; font-weight:700; color:var(--nav); margin-top:auto; }

/* Bottom CTA */
.mbs-home-bottom-cta {
  text-align:center; padding:38px 20px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 50%, rgba(249,115,22,.1), transparent 50%),
    linear-gradient(180deg,rgba(11,18,24,.92),rgba(8,12,24,.95));
  border:1px solid rgba(148,163,184,.1);
}
.mbs-home-bottom-cta h2 { margin:0 0 8px; font-size:clamp(1.4rem,3vw,2rem); }
.mbs-home-bottom-cta p { margin:0 0 24px; color:var(--fg-dim); font-size:1rem; }

@media(max-width:980px) {
  .mbs-home-hero-grid { grid-template-columns:1fr; }
  .mbs-home-hero-content { justify-items:center; text-align:center; }
  .mbs-home-hero h1 { max-width:none; }
  .mbs-home-hero-tagline { max-width:none; }
  .mbs-home-hero-ctas { justify-content:center; }
  .mbs-home-hero-panel { padding:20px; }
}

@media(max-width:720px) {
  .mbs-home-shell { gap:28px; padding-bottom:32px; }
  .mbs-home-hero { padding:28px 18px; border-radius:22px; }
  .mbs-home-hero-logo { width:82px; height:82px; margin-bottom:10px; }
  .mbs-home-hero h1 { font-size:clamp(1.9rem, 9vw, 2.55rem); line-height:1.02; }
  .mbs-home-hero-tagline { font-size:1rem; margin-bottom:18px; min-height:0; }
  .mbs-home-hero-ctas { width:100%; gap:10px; }
  .mbs-home-hero-ctas .mbs-btn { flex:1 1 100%; width:100%; justify-content:center; }
  .mbs-home-hero-links { width:100%; }
  .mbs-home-hero-links .mbs-btn { flex:1 1 100%; width:100%; justify-content:center; }
  .mbs-home-section-head { align-items:flex-start; margin-bottom:12px; }
  .mbs-home-section-head h2 { min-width:0; width:100%; }
  .mbs-home-see-all { white-space:normal; }
  .mbs-home-live-col { gap:16px; }
  .mbs-home-subsection { gap:6px; }
  .mbs-home-games-boards .mbs-featured-cover { min-height:220px; }
  .mbs-home-featured-podium-overlay { display:none; }
  .mbs-home-games-boards .mbs-home-featured-meta {
    display: grid;
    gap: 14px;
  }
  .mbs-home-games-boards .mbs-home-featured-body--minimal {
    padding-top: 18px;
  }
  .mbs-home-bottom-cta { padding:28px 16px; border-radius:22px; }
}

/* Skeletons */
@keyframes skel-pulse { 0%,100%{opacity:.15} 50%{opacity:.3} }
.mbs-skel { border-radius:10px; background:rgba(148,163,184,.1); animation:skel-pulse 1.5s ease-in-out infinite; }
.mbs-skel-title { height:20px; width:60%; margin-bottom:10px; }
.mbs-skel-row { height:32px; margin-bottom:6px; }
.mbs-skel-card { height:56px; }
.mbs-skel-post { height:96px; }
.mbs-home-skel-board { padding:16px; border-radius:18px; border:1px solid rgba(148,163,184,.1); background:rgba(11,18,24,.6); }