/* Example market (2026-10-11). Per the founder, the decision slot shows a
   prediction market on the round instead of the judge's points: a visual
   of where the product goes, simulated by example-board.js and labelled
   Example. Left seat is green, right seat is red, matching the
   scorecard's seat colours. Hidden by default; first-screen-wide.css
   (desktop) and mobile-home.css (phone) place it. */
.fs-pm{display:none;--pm-paper:#141317;--pm-a:#4ade80;--pm-b:#f87171;--pm-ink:rgba(245,239,231,.92);--pm-mute:rgba(245,239,231,.56);--pm-line:rgba(245,239,231,.14);
  flex-direction:column;gap:9px;width:100%;font-variant-numeric:tabular-nums}
[data-theme="light"] .fs-pm{--pm-a:#16a34a;--pm-b:#dc2626;--pm-ink:#1a1a1f;--pm-mute:rgba(26,26,31,.56);--pm-line:rgba(26,26,31,.12);--pm-paper:#fbfaf7}
.fs-pm-head,.fs-pm-q,.fs-pm-price,.fs-pm-sides,.fs-pm-cta{flex:none}
.fs-pm-head{display:flex;align-items:center;justify-content:space-between}
.fs-pm-k{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--pm-mute)}
.fs-pm-k i{width:7px;height:7px;border-radius:50%;background:var(--pm-a);animation:fsPmPulse 1.6s ease-in-out infinite}
.fs-pm{position:relative}
/* Explain this: a quiet text button that opens a plain note over the panel.
   It sits above the board's hit anchor, like the seat button does. */
.fs-pm-why{position:relative;z-index:5;appearance:none;cursor:pointer;font:inherit;font-size:.74rem;font-weight:700;
  color:var(--pm-ink);background:none;border:1px solid var(--pm-line);border-radius:999px;padding:4px 11px}
.fs-pm-why:hover,.fs-pm-why:focus-visible{border-color:var(--pm-ink)}
.fs-pm-why:focus-visible{outline:2px solid var(--pm-ink);outline-offset:2px}
.fs-pm-why{text-decoration:none}
.fs-pm-why:hover{text-decoration:none}
/* A hover card under the Explain this link. It never takes the pointer,
   so moving onto it cannot flicker it shut, and it holds no links. */
.fs-pm-explain{position:absolute;z-index:6;top:32px;right:0;width:min(290px,100%);display:flex;flex-direction:column;gap:7px;
  padding:13px 15px;border:1px solid var(--pm-line);border-radius:12px;text-align:left;pointer-events:none;
  background:var(--pm-paper);box-shadow:0 12px 32px rgba(0,0,0,.16)}
.fs-pm-explain[hidden]{display:none}
.fs-pm-explain b{font-size:1rem;color:var(--pm-ink)}
.fs-pm-explain p{margin:0;font-size:.82rem;line-height:1.45;color:var(--pm-ink)}
.fs-pm-explain p:last-of-type{color:var(--pm-mute)}

/* 2026-10-11, the founder off a screenshot: "make this larger text and
   just 'who will win'". */
.fs-pm-q{font-size:clamp(1.25rem,1.6vw,1.6rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--pm-ink)}
.fs-pm-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fs-pm-price b{font-family:var(--font-mono,ui-monospace,monospace);font-size:clamp(1.7rem,2.3vw,2.3rem);font-weight:700;line-height:1;transition:color .2s}
.fs-pm-price b.is-a{color:var(--pm-a)} .fs-pm-price b.is-b{color:var(--pm-b)}
.fs-pm-price span{font-size:.85rem;font-weight:700;color:var(--pm-ink)}
.fs-pm-price em{font-style:normal;font-size:.8rem;font-weight:800;color:var(--pm-mute)}
.fs-pm-price em.is-a{color:var(--pm-a)} .fs-pm-price em.is-b{color:var(--pm-b)}
.fs-pm-chart{position:relative;flex:none;height:clamp(112px,10vw,140px)}
.fs-pm-plot{position:absolute;left:0;right:62px;top:0;bottom:0}
.fs-pm-plot svg{display:block;width:100%;height:100%;overflow:visible}
.fs-pm-grid{stroke:var(--pm-line);stroke-width:1;vector-effect:non-scaling-stroke}
.fs-pm-grid.is-mid{stroke-dasharray:3 3}
.fs-pm-ends{position:absolute;right:0;width:56px;top:0;bottom:0}
.fs-pm-end{position:absolute;left:8px;right:0;transform:translateY(-50%);display:flex;flex-direction:column;line-height:1.1;transition:top .3s ease}
.fs-pm-end i{font-style:normal;font-size:.62rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-pm-end b{font-family:var(--font-mono,ui-monospace,monospace);font-size:.86rem;font-weight:800}
.fs-pm-end.is-a{color:var(--pm-a)} .fs-pm-end.is-b{color:var(--pm-b)}
.fs-pm-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fs-pm-line.is-a{stroke:var(--pm-a)} .fs-pm-line.is-b{stroke:var(--pm-b)}
.fs-pm-dot{position:absolute;right:-4px;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--pm-a);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-a) 25%,transparent);transition:top .3s ease}
.fs-pm-dot.is-b{background:var(--pm-b);box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-b) 25%,transparent)}
.fs-pm-sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fs-pm-side{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 11px;border-radius:10px;font-size:.84rem;min-width:0}
.fs-pm-side b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-pm-side em{font-style:normal;font-weight:800;font-family:var(--font-mono,ui-monospace,monospace)}
.fs-pm-side.is-a{background:color-mix(in srgb,var(--pm-a) 14%,transparent);color:var(--pm-a)}
.fs-pm-side.is-b{background:color-mix(in srgb,var(--pm-b) 14%,transparent);color:var(--pm-b)}
.fs-board .fs-pm .fs-pm-cta{align-self:flex-start;margin-top:2px;font-size:.9rem;padding:11px 18px}
@keyframes fsPmPulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.fs-pm-k i,/* Bet door (2026-10-12, the founder: "have betting link to betting"). A
   quiet text link under the two sides; the card itself is a simulation,
   so the door says what the real one does. Sits above the hit anchor. */
.fs-pm-bet{position:relative;z-index:5;align-self:flex-start;font-size:.84rem;font-weight:700;color:var(--pm-a);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--pm-a) 40%,transparent);padding-bottom:1px}
.fs-pm-bet:hover,.fs-pm-bet:focus-visible{border-bottom-color:var(--pm-a)}