#mhome{display:none}
  @media(max-width:720px){
    #mhome{display:block}
    /* The desktop page, hidden on phones. Listed explicitly, never
       "everything but", so a new desktop section fails visible (it
       shows up on the phone) rather than silently disappearing. */
    :root[data-first-screen] #first-screen.fscreen,#first-screen,
    #lbRail,.lm-wl-row,.landing-more-shell,#how-it-works,
    section.hero,#live-proof,#creator-sweepstakes,
    #stream-it,#why-this-exists,#floor-band,#credential-path,
    #community-band,#reviews,#mode-select,#engine-select,
    .founder-line-band,#faq,#verdict-ticker{display:none !important}
  }
  .mhome{--mh-red:#dc2626;--mh-red-deep:#b91c1c;--mh-ink:#1a1a1f;--mh-muted:rgba(26,26,31,.62);
    --mh-line:rgba(0,0,0,.1);--mh-card:#fff;
    padding:calc(52px + 18px) 18px 28px;color:var(--mh-ink)}
  body.has-beta-strip .mhome{padding-top:calc(52px + 32px + 14px)}
  /* 2026-10-11, the founder off a phone screenshot ("fix this spacing"):
     when a public round is live, #homeLiveBand is injected right above
     this section and already clears the fixed topbar, so the home's own
     topbar clearance stacked under it as ~70px of dead space. */
  #homeLiveBand + #mhome{padding-top:18px}
  /* 2026-10-11, the founder: "for mobile remove the geometric shape things
     in the background it makes it overwhelming UI". The neural web stays on
     desktop; the phone home runs on plain paper. */
  @media(max-width:720px){.ui-neural-canvas{display:none !important}}
  :root:not([data-theme="light"]) .mhome{--mh-ink:#f5efe7;--mh-muted:rgba(245,239,231,.64);
    --mh-line:rgba(255,255,255,.12);--mh-card:#1c1b20}
  .mh-wrap{width:min(100%,540px);margin:0 auto}
  .mh-title{margin:0 0 8px;max-width:12ch;font-family:var(--font-display);
    font-weight:600;font-size:38px;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;
    /* !important: the landing dims every <p> to .65 alpha further down the cascade. */
    color:var(--mh-ink) !important}
  .mh-sub{margin:0 0 18px;max-width:34ch;font-size:15.5px;line-height:1.45;color:var(--mh-muted)}
  /* The one door. Same shape as .primary in native.html. */
  /* Bottom padding reserves the absolutely-positioned meta row. "Meet
     someone now" wraps to two lines at this size on a 375px phone, and
     without the reservation the second line lands on top of the meta. */
  .mh-primary{position:relative;display:block;width:100%;min-height:128px;padding:19px 20px 48px;
    border-radius:22px;background:linear-gradient(135deg,var(--mh-red),var(--mh-red-deep));
    color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 18px 34px rgba(185,31,35,.24)}
  .mh-primary::after{content:"";position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;
    border-radius:50%;background:rgba(255,255,255,.13)}
  .mh-primary:active{transform:scale(.99)}
  .mh-primary-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
  /* 2026-09-08, the founder: much bigger. Phones are where this door is
     pressed most, so it grows with the desktop one. */
  .mh-primary-label{font-family:var(--font-body);font-weight:600;font-size:48px;line-height:1.05;letter-spacing:0}
  .mh-arrow{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
    background:rgba(255,255,255,.18);font-size:24px;line-height:1}
  .mh-primary-meta{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:flex-end;
    justify-content:space-between;gap:14px;font-size:12.5px;font-weight:750;color:rgba(255,255,255,.88)}
  .mh-primary-meta b{font-weight:900}
  .mh-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-right:7px;
    vertical-align:1px;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:mhPulse 1.8s ease-out infinite}
  @keyframes mhPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%,100%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}
  .mh-wave{height:30px;display:flex;align-items:center;gap:4px}
  .mh-wave i{display:block;width:3px;height:var(--h);border-radius:3px;background:#fff;opacity:.9;
    animation:mhWave 1.1s ease-in-out infinite alternate;animation-delay:var(--d)}
  @keyframes mhWave{to{height:8px;opacity:.45}}
  /* The AI round sits beneath the main door. */
  .mh-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
  .mh-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:112px;
    padding:15px 15px 13px;border:1px solid var(--mh-line);border-radius:18px;background:var(--mh-card);
    color:var(--mh-ink);text-decoration:none}
  .mh-card[data-cta="mhome-watch"],
  .mh-card[data-cta="mhome-ai"]{background:var(--bg,#fafaf7)}
  .mh-card:active{transform:scale(.99);border-color:rgba(220,38,38,.5)}
  .mh-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .mh-card-label{font-family:var(--font-body);font-weight:600;font-size:21px;line-height:1.15;letter-spacing:0}
  .mh-card-arrow{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
    background:rgba(220,38,38,.1);color:var(--mh-red);font-size:18px;line-height:1}
  .mh-card-sub{font-size:12.5px;font-weight:700;line-height:1.35;color:var(--mh-muted)}
  .mh-card-sub.is-live{color:var(--mh-red)}
  .mh-card-sub.is-live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
    background:var(--mh-red);margin-right:6px;vertical-align:1px}
  /* The leaderboard strip. [hidden] is asserted explicitly because the
     display:block below would otherwise beat the UA sheet. */
  .mh-board{display:block;margin-top:12px;padding:13px 14px 12px;border:1px solid var(--mh-line);
    border-radius:18px;background:var(--mh-card);color:var(--mh-ink);text-decoration:none}
  .mh-board[hidden]{display:none}
  .mh-board:active{transform:scale(.99);border-color:rgba(220,38,38,.5)}
  .mh-board-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px}
  .mh-board-title{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.15;letter-spacing:-.01em}
  .mh-board-more{font-size:12.5px;font-weight:800;color:var(--mh-red);white-space:nowrap}
  .mh-board-more [data-mh-total]:not(:empty)::after{content:" \00b7 ";color:var(--mh-muted)}
  .mh-board-more [data-mh-total]{color:var(--mh-muted);font-weight:700}
  /* One row, scrolls sideways past five. Scrollbars hidden: the row reads
     as a shelf, and the edge fade below says there is more. */
  .mh-board-row{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 4px;margin:0 -2px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .mh-board-row::-webkit-scrollbar{display:none}
  .mh-tile{flex:0 0 auto;width:66px;display:flex;flex-direction:column;align-items:center;gap:5px;scroll-snap-align:start}
  /* Circles (2026-09-03, the founder: "make it just circles for the
     leaderboard on mobile rn its squares"). The picture is clipped to the
     disc on the picture itself, NOT on the tile, so the rank badge can
     sit on the rim without being cut off by the circle. */
  .mh-ava{position:relative;width:56px;height:56px;border-radius:50%;
    border:1.5px solid var(--mh-line);background:var(--mh-card)}
  .mh-tile:first-child .mh-ava{border-color:rgba(220,38,38,.65)}
  .mh-ava > :not(.mh-rk){position:absolute;inset:0;width:100%;height:100%;border-radius:50%;overflow:hidden}
  .mh-ava img,.mh-ava svg{object-fit:cover}
  .mh-ava img{z-index:1}
  .mh-ava .db-pfp{z-index:0}
  .mh-rk{position:absolute;right:-4px;bottom:-4px;z-index:2;width:21px;height:21px;border-radius:50%;
    border:2px solid var(--mh-card);background:#1a1a1f;color:#fff;
    font:800 10.5px/17px 'Inter','Archivo',system-ui,sans-serif;text-align:center}
  .mh-tile:first-child .mh-rk{background:var(--mh-red)}
  .mh-nm{max-width:66px;font-size:11.5px;font-weight:800;line-height:1.15;text-align:center;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mh-sc{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;
    font-size:11.5px;font-weight:700;color:var(--mh-muted);line-height:1}
  .mh-signin{margin-top:18px}
  body.signed-in .mh-signin{display:none !important}
  .mh-signin-btn{display:block;width:100%;min-height:52px;padding:14px 18px;border:1px solid var(--mh-line);
    border-radius:999px;background:var(--mh-card);color:var(--mh-ink);font:800 16px/1.2 'Inter','Archivo',system-ui,sans-serif;
    cursor:pointer;-webkit-appearance:none;appearance:none}
  .mh-signin-btn:active{transform:scale(.99)}
  .mh-signin-btn,.fs-signin-btn{display:inline-flex;align-items:center;justify-content:center;gap:0}
  .mh-signin-btn{width:100%}
  .mh-signin-why{margin:9px 2px 0;font-size:13px;line-height:1.4;color:var(--mh-muted)}
  /* The rest of the site, one quiet row. Real routes, no competition. */
  .mh-more{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin:26px 2px 0}
  .mh-more a{min-height:34px;display:inline-flex;align-items:center;color:var(--mh-muted);
    font-size:13.5px;font-weight:700;text-decoration:none}
  .mh-more a:active{color:var(--mh-red)}
  /* The relocated board. It arrives carrying its desktop styling, so
     this is only what a phone needs. */
  #mhBoardSlot:empty{display:none}
  #mhBoardSlot{margin:14px 0 0}
  #mhome .fs-board{display:block;width:100%;max-width:none;margin:0;padding:14px 14px 13px}
  #mhome .fs-nav{width:32px;height:32px;margin-top:-16px}
  /* 2026-09-02, the founder: "shrink the text size of resolution see how
     it feels crowded". At 23px a real motion ran five lines and filled
     the card. */
  /* 2026-09-06, Aidan off a phone screenshot of this card: the motion
     "should be in bold". The desktop rule went 700 on 2026-09-04 and this
     mobile override still pinned it back to 400, so the one board a phone
     visitor actually sees stayed regular. Same synthesized bold as desktop. */
  /* 2026-09-07, Aidan off another phone screenshot: "make font a bit
     bigger so ppl can read it easier". 21px was the 09-02 shrink; 24px
     is the readability call and the 4-line clamp keeps the card bounded. */
  #mhome .fs-board h2.fs-motion{font-size:24px;line-height:1.1;margin-bottom:10px;
    -webkit-line-clamp:4;font-weight:700}
  #mhome .fs-board h2.fs-motion.is-open-topic{font-weight:700}

  /* THE CARD IS THE RESOLUTION AND TWO NUMBERS (2026-09-02, the founder:
     "have it just be the resolution without the judge - just have the
     judge give points left and rifhgt to each").

     Everything the judge slot used to say goes: the "AI judge is
     deciding" wait line, the "AI judge's decision" label, the "X wins"
     sentence and the four-row scorecard. What is left is #fsScore,
     which already renders name-attributed points with the seat colour
     dot in front of each ("Caleb 88  Mia 62"), so the judge's output on
     a phone is exactly the points it gave each side.

     This also closes the white space under the motion: the slot used to
     reserve 147px for a scorecard that had not arrived. It now reserves
     one line, so the card still does not resize when the result lands.
     Desktop is untouched and keeps the full ballot. */
  /* The reserve lives on .fs-ballot, which is always in the layout, and
     NOT on .fs-ballot-top, which sits inside .fs-ballot-card and is
     display:none until the result lands. Reserving inside the hidden
     half reserves nothing: measured, the card still jumped 20px at
     settle. 28px is the 9px padding plus the one score line. */
  #mhome .fs-board .fs-ballot{margin-top:0;min-height:28px;padding-top:9px}
  #mhome .fs-board .fs-ballot-wait,
  #mhome .fs-board .fs-ballot-k,
  #mhome .fs-board .fs-ballot-top b,
  #mhome .fs-board .fs-card{display:none !important}
  #mhome .fs-board .fs-ballot-top{margin:0;min-height:20px}
  #mhome .fs-board .fs-ballot-top span{margin-left:0;font-size:.92rem;font-weight:800}
  /* 2026-10-11, the founder: "fix this on mobile too so its visible
     instead of debate the ai thing". The example market sits under the
     motion on a phone, and the Debate the AI card leaves the phone home.
     The card stays in the markup behind display:none so it can come back
     with one line; the AI round stays in the menu as Solo practice. */
  #mhome .mh-row{display:none}
  #mhome .fs-board.has-pm .fs-ballot-card{display:none !important}
  #mhome .fs-board.has-pm .fs-ballot{padding-top:12px}
  #mhome .fs-board.has-pm .fs-pm{display:flex;gap:8px}
  #mhome .fs-pm-price b{font-size:28px}
  #mhome .fs-pm-chart{height:118px}
  #mhome .fs-pm-side{padding:7px 10px;font-size:.82rem}
  /* The your-seat card used to swap the whole slot for the Start-a-round
     block; it gets the market and its Take the seat button instead, the
     same as desktop, so the board holds one shape as it rotates. */
  #mhome .fs-board.is-chal.has-pm .fs-ballot{display:block}
  #mhome .fs-board.is-chal.has-pm .fs-chal{display:none}
  #mhome .fs-board .fs-pm .fs-pm-cta{align-self:stretch;justify-content:center}
  @media(max-width:360px){.mhome{padding-left:14px;padding-right:14px}
    .mh-primary-label{font-size:38px}.mh-row{grid-template-columns:1fr}.mh-card{min-height:0}
    #mhome .fs-board h2.fs-motion{font-size:22px}}
  @media(prefers-reduced-motion:reduce){.mh-wave i,.mh-live-dot{animation:none}}