/* The sourcing race duel page: the operator's own artifact as he updated it on
   2026-10-19, verbatim but for the two demo guides (the "Test winner" switch and
   the "Demo mode" note, and their rules). Its fonts are self-hosted (the race's
   CSP allows fonts from this host only). Additions below the original are marked. */
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BigShouldersDisplay-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/BigShouldersDisplay-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/InstrumentSans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/InstrumentSans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/InstrumentSans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Newsreader-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Newsreader-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Layout: a page split down the middle, glass green (Manet) left, glass pink-red (Origami) right.
   The duel row sits on the seam: gunslinger · prompt · gunslinger. Lanes race underneath. */
:root{
  --ground:#EEF2EF;
  --ink:#101614;
  --ink-2:#4A5550;
  --line:rgba(16,22,20,.11);
  --manet:#3A9DE6;
  --manet-deep:#14609F;
  --manet-tint:#D9ECFB;
  --origami:#E0335F;
  --origami-deep:#A41C42;
  --origami-tint:#FBDCE4;
  --win:#12A355;
  --gold:#FFC23D;
  --ember:#FF6A2A;
  --smoke:#9AA4A0;
  --paper:#FFFFFF;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
html,body{background:var(--ground);color:var(--ink)}
body{font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- background field ---------- */
.field{position:fixed;inset:0;display:grid;grid-template-columns:1fr 1fr;z-index:0;pointer-events:none}
.half.l{background:
  radial-gradient(55% 40% at 12% 88%,rgba(58,157,230,.5),transparent 70%),
  radial-gradient(45% 35% at 88% 62%,rgba(125,198,250,.5),transparent 70%),
  linear-gradient(180deg,#F2F8FD 0%,#D7EBFB 55%,#BFDFF8 100%)}
.half.r{background:
  radial-gradient(55% 40% at 88% 88%,rgba(224,51,95,.5),transparent 70%),
  radial-gradient(45% 35% at 12% 62%,rgba(255,122,151,.5),transparent 70%),
  linear-gradient(180deg,#FDF3F5 0%,#FADCE3 55%,#F6C3D0 100%)}
.seam{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.95) 18%,rgba(255,255,255,.95) 82%,transparent)}

/* ---------- app shell ---------- */
.app{position:relative;z-index:1;max-width:1240px;margin:0 auto;
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px));
  padding-block:20px 28px;overflow-x:clip;display:flex;flex-direction:column;gap:22px}

/* ---------- stage ---------- */
.stage{display:grid;justify-items:center;text-align:center;gap:14px;padding-block:clamp(20px,6vh,64px) 4px;transition:padding .5s ease}
.app:not([data-state="idle"]) .stage{padding-block:2px 0;gap:10px}
.eyebrow{margin:0;display:flex;gap:10px;align-items:center;font:700 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase}
.eyebrow .m{color:var(--manet-deep)}
.eyebrow .o{color:var(--origami-deep)}
.eyebrow .vs{color:var(--ink-2);font-weight:500}

.collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s ease,opacity .3s ease;width:100%}
.collapse>div{overflow:hidden;min-height:0}
.app:not([data-state="idle"]) .collapse{grid-template-rows:0fr;opacity:0}

h1{margin:0 auto;font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(36px,6.6vw,82px);line-height:.9;letter-spacing:.005em;max-width:15ch;text-wrap:balance}
h1 .west{color:var(--ink);background:linear-gradient(90deg,var(--manet) 0%,var(--manet) 50%,var(--origami) 50%,var(--origami) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* duel row */
.duel{width:100%;display:grid;align-items:center;justify-content:center;
  grid-template-columns:clamp(62px,12vw,148px) minmax(0,620px) clamp(62px,12vw,148px);
  gap:clamp(6px,2vw,28px);transition:grid-template-columns .45s ease}
.app:not([data-state="idle"]) .duel{grid-template-columns:clamp(50px,7vw,92px) minmax(0,580px) clamp(50px,7vw,92px)}
.slinger{min-width:0}
.slinger svg{width:100%;height:auto;display:block;overflow:visible}
.slinger.right svg{transform:scaleX(-1)}

.prompt{display:flex;align-items:flex-end;gap:10px;min-width:0;
  background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.95);border-radius:20px;padding:10px 10px 10px 18px;
  box-shadow:0 18px 44px -20px rgba(16,22,20,.45),inset 0 1px 0 var(--paper)}
.prompt:focus-within{outline:2px solid var(--ink);outline-offset:3px}
.prompt textarea{flex:1;min-width:0;border:0;background:transparent;resize:none;outline:none;
  font:500 17px/1.4 var(--body);color:var(--ink);padding:9px 0;text-align:left}
.prompt textarea::placeholder{color:var(--ink-2)}
.app:not([data-state="idle"]) .prompt textarea{font-size:15px;padding:6px 0;color:var(--ink-2)}
.app:not([data-state="idle"]) .prompt{align-items:center;padding:8px 14px}
.fire{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:0;
  border-radius:14px;padding:11px 16px 11px 12px;font:700 15px/1 var(--body);letter-spacing:.02em;cursor:pointer;
  transition:transform .15s ease,background .2s}
.fire svg{width:30px;height:30px;transition:transform .45s cubic-bezier(.2,1.5,.4,1)}
.fire:hover svg{transform:rotate(-24deg)}
.fire:active{transform:scale(.96)}
.fire:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.app:not([data-state="idle"]) .fire{display:none}

.hint{margin:0;font-size:13px;color:var(--ink-2)}

/* clock */
.clockbox{display:none;flex-direction:column;align-items:center;gap:4px}
.app:not([data-state="idle"]) .clockbox{display:flex}
.clock{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:900;
  font-size:clamp(36px,5vw,54px);line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);
  transition:transform .55s cubic-bezier(.2,1.7,.4,1),color .3s ease;transform-origin:50% 60%}
.app[data-state="done"] .clock{color:var(--win);transform:scale(1.3)}
.clock .unit{font-size:.5em;margin-left:-4px;align-self:flex-end;padding-bottom:.18em}
.flames{display:inline-flex;align-items:flex-end;gap:2px}
.flame{width:22px;height:30px;transform-origin:50% 100%;animation:flicker .45s ease-in-out infinite alternate}
.flame.sm{width:14px;height:19px;animation-duration:.38s;animation-delay:-.2s}
@keyframes flicker{from{transform:scaleY(1) rotate(-4deg)}to{transform:scaleY(.84) rotate(5deg)}}
.clock-sub{margin:6px 0 0;font:700 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);min-height:13px}
.app[data-state="done"] .clock-sub{color:var(--win)}
.again{display:none;margin-top:6px;border:1.5px solid var(--ink);background:rgba(255,255,255,.6);color:var(--ink);
  border-radius:999px;padding:9px 18px;font:700 14px/1 var(--body);cursor:pointer}
.again:hover{background:var(--ink);color:var(--paper)}
.again:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.app[data-state="done"] .again{display:inline-block}

/* ---------- gunslinger poses ---------- */
.fig .solid{fill:var(--ink)}
.fig .whole{transform-box:view-box;transform-origin:52px 186px;transition:transform .55s cubic-bezier(.55,.05,.75,.45),opacity .5s ease}
.fig .hat{transform-box:view-box;transform-origin:52px 30px;transition:transform .6s ease}
.fig .arm{transform-box:view-box;transform-origin:60px 58px;transform:rotate(72deg);transition:transform .13s cubic-bezier(.3,1.5,.5,1)}
.fig .flash{opacity:0;transform-box:fill-box;transform-origin:0% 50%}
.fig .flash path{fill:var(--gold)}
.fig .flash path.core{fill:var(--ember)}
.fig .puff{fill:var(--smoke);opacity:0;transform-box:fill-box;transform-origin:center}
[data-pose="ready"] .arm{animation:twitch 1s ease-in-out infinite}
@keyframes twitch{0%,100%{transform:rotate(71deg)}50%{transform:rotate(63deg)}}
[data-pose="draw"] .arm{transform:rotate(0deg)}
[data-pose="draw"] .flash{animation:flash .32s ease-out forwards}
@keyframes flash{0%{opacity:1;transform:scale(.5)}100%{opacity:0;transform:scale(1.5)}}
[data-pose="victory"] .arm{transform:rotate(-70deg);transition-duration:.5s;transition-timing-function:cubic-bezier(.2,1.4,.4,1)}
[data-pose="victory"] .puff{animation:puff 1.8s ease-out infinite}
[data-pose="victory"] .puff.p2{animation-delay:.6s}
[data-pose="victory"] .puff.p3{animation-delay:1.2s}
@keyframes puff{0%{opacity:0;transform:translate(0,0) scale(.4)}25%{opacity:.85}100%{opacity:0;transform:translate(26px,-3px) scale(1.9)}}
[data-pose="dead"] .whole{transform:rotate(-84deg);opacity:.5}
[data-pose="dead"] .hat{transform:translate(-18px,-34px) rotate(-55deg)}
[data-pose="dead"] .arm{transform:rotate(36deg)}

/* ---------- lanes ---------- */
.lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,2vw,22px)}
.lane{position:relative;min-width:0;border-radius:22px;padding:clamp(12px,2vw,20px);display:flex;flex-direction:column;gap:14px;
  min-height:440px;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 26px 60px -32px var(--shadow);
  transition:filter .6s ease,opacity .6s ease,box-shadow .5s ease}
.lane.manet{--shadow:rgba(20,96,159,.55);background:linear-gradient(165deg,rgba(240,248,254,.82),rgba(190,222,248,.45))}
.lane.origami{--shadow:rgba(164,28,66,.55);background:linear-gradient(165deg,rgba(255,242,246,.82),rgba(250,194,209,.42))}
.app[data-winner="manet"] .lane.origami,.app[data-winner="origami"] .lane.manet{filter:grayscale(1);opacity:.55}
.app[data-winner="manet"] .lane.manet,.app[data-winner="origami"] .lane.origami{
  box-shadow:0 0 0 2.5px var(--win),inset 0 1px 0 rgba(255,255,255,.95),0 26px 60px -28px rgba(18,163,85,.7)}

.lane-head{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}
.brand{font-family:var(--display);font-weight:900;font-size:clamp(22px,2.6vw,30px);line-height:1;text-transform:uppercase;letter-spacing:.01em}
.manet .brand{color:var(--manet-deep)}
.origami .brand{color:var(--origami-deep)}
.chip{font:700 10.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.75);color:var(--ink-2);white-space:nowrap}
.ltime{margin-left:auto;font:600 14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.app[data-winner="manet"] #ltimeM,.app[data-winner="origami"] #ltimeO{color:var(--win)}

.stamp{position:absolute;top:-16px;right:16px;font-family:var(--display);font-weight:900;font-size:clamp(24px,3.6vw,42px);line-height:1;
  color:var(--win);border:3.5px solid var(--win);border-radius:10px;padding:4px 12px 2px;letter-spacing:.06em;background:var(--paper);
  opacity:0;transform:rotate(-7deg) scale(1.8);pointer-events:none;
  transition:opacity .3s ease .55s,transform .4s cubic-bezier(.2,1.7,.4,1) .55s}
.app[data-winner="manet"] #laneM .stamp,.app[data-winner="origami"] #laneO .stamp{opacity:1;transform:rotate(-7deg) scale(1)}

/* App windows inside each lane */
.win{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;border-radius:16px;border:1px solid rgba(16,22,20,.08);padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px -20px rgba(16,22,20,.4)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Manet (Aria) */

.m-top{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.m-top b{display:block;font-size:14.5px;line-height:1.2}
.m-top small{display:block;font-size:11.5px;color:var(--ink-2)}
.spark{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(16,22,20,.1);background:var(--paper);color:var(--ink)}
.spark svg{width:16px;height:16px}
.spark.sm{width:26px;height:26px}
.spark.sm svg{width:14px;height:14px}
.m-thread{display:flex;flex-direction:column;gap:12px;min-width:0}
.m-you{align-self:flex-end;max-width:88%;background:#F0F1F3;border-radius:16px;padding:8px 13px;font-size:13.5px;line-height:1.35;overflow-wrap:anywhere}
.m-msg{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;animation:pop .35s ease both}
.m-body{min-width:0}
.m-msg p{margin:2px 0 0;font-size:13.5px;line-height:1.45}
.m-msg.idle p{color:var(--ink-2)}
.m-meta{display:block;font-size:11.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.m-pill{align-self:flex-start;margin-left:36px;display:inline-flex;align-items:center;gap:10px;background:var(--paper);border:1px solid rgba(16,22,20,.12);
  border-radius:10px;padding:8px 13px 8px 8px;font:600 13.5px/1.2 var(--body);animation:pop .3s ease both}
.wand{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(16,22,20,.1);display:grid;place-items:center}
.wand svg{width:15px;height:15px;animation:wiggle 1.2s ease-in-out infinite}
.wand i{position:absolute;width:5px;height:5px;border-radius:50%}
.wand i:nth-of-type(1){top:-1px;left:3px;background:#1E2A4A}
.wand i:nth-of-type(2){bottom:2px;right:-2px;background:#F08A2E}
.wand i:nth-of-type(3){bottom:-1px;left:4px;background:#2FA36B}
@keyframes wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}
.app[data-state="done"] .wand svg{animation:none}
.m-leads{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.m-leads li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:center;padding:7px 9px;border-radius:10px;background:#F5F6F7;animation:pop .3s ease both}
.ini{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--manet-tint);color:var(--manet-deep);font:700 10.5px/1 var(--body)}
.lname{display:block;font-weight:600;font-size:13px;line-height:1.25;min-width:0}
.lrole{display:block;font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Origami */
.origami-win{--o-pink:#C63E86}
.o-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);padding-bottom:12px;border-bottom:1px solid var(--line);min-width:0;white-space:nowrap}
.o-crumbs .o-name{overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--ink)}
.o-tag{flex:none;border:1px solid rgba(16,22,20,.18);border-radius:999px;padding:2px 9px;font-size:11.5px;color:var(--ink)}
.o-prompt{background:#EBEBEB;border-radius:6px;padding:11px 14px;font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
.o-working{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}
.o-mark{flex:none;width:14px;height:14px;color:var(--o-pink)}
.o-clock{font-variant-numeric:tabular-nums}
.o-step{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:start;font-size:13px;line-height:1.45;color:var(--ink-2)}
.o-step p{margin:0}
.o-spin{width:14px;height:14px;margin-top:2px;border-radius:50%;border:1.5px solid rgba(16,22,20,.35);border-top-color:transparent;box-sizing:border-box}
.app[data-state="racing"] .o-spin{animation:spin .9s linear infinite}
.o-spin.ok,.o-steps li.done::before{border-color:var(--o-pink);background:var(--o-pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.6 7.3l2.3 2.3 4.6-5' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.o-spin.ok{animation:none!important}
.o-tool{display:flex;align-items:center;gap:8px;margin-left:26px;font-size:13px;color:var(--ink-2);min-width:0}
.o-tool svg{flex:none;width:13px;height:13px}
.shimmer{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:linear-gradient(90deg,var(--ink-2) 0%,var(--ink-2) 38%,rgba(74,85,80,.22) 50%,var(--ink-2) 62%,var(--ink-2) 100%);background-size:260% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shim 1.6s linear infinite}
.app[data-state="done"] .shimmer{animation:none}
@keyframes shim{from{background-position:100% 0}to{background-position:-160% 0}}
.o-progress{border:1px solid rgba(16,22,20,.16);border-radius:10px;padding:12px 14px;background:var(--paper)}
.o-ph{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px}
.o-ph b{font-size:14px}
.o-ph span{font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.o-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.o-steps li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.3}
.o-steps li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(16,22,20,.22);box-sizing:border-box}
.o-steps li.active::before{border-color:var(--o-pink)}
.o-steps li.done{color:var(--ink-2)}
.o-leads-h{margin:2px 0 0;font:600 13px/1 var(--body)}
.o-leads{list-style:none;margin:0;padding:0;border:1px solid rgba(16,22,20,.12);border-radius:10px;background:var(--paper);overflow:hidden}
.o-leads:empty{display:none}
.o-leads li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:12.5px;min-width:0;animation:rowin .45s ease both}
.o-leads li:last-child{border-bottom:0}
.o-leads .lname{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o-leads .lco{flex:none;color:var(--ink-2);white-space:nowrap}
@keyframes rowin{from{background:rgba(198,62,134,.14)}to{background:var(--paper)}}


/* Start screens (shown before the prompt fires) */
.run{display:contents}
.app[data-state="idle"] .run{display:none}
.app:not([data-state="idle"]) .m-home,.app:not([data-state="idle"]) .o-home{display:none}
.win{position:relative;overflow:hidden}
.m-home,.o-home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding-block:18px}
.m-home{position:relative;gap:12px}
.manet-win{background:
  radial-gradient(30% 34% at 0% 22%,rgba(255,196,120,.42),transparent 70%),
  radial-gradient(36% 30% at 0% 82%,rgba(160,165,255,.26),transparent 70%),
  radial-gradient(28% 30% at 100% 22%,rgba(255,170,215,.26),transparent 70%),
  #FDFCFE}
.dot{position:absolute;width:6px;height:6px;border-radius:50%}
.dot.d1{background:#4BB37E;top:11%;left:9%}
.dot.d2{background:#5B7BE8;top:24%;right:12%}
.dot.d3{background:#E8913A;top:48%;right:3%}
.mline{position:absolute;height:1px;background:rgba(16,22,20,.1);transform-origin:0 0}
.mline.l1{width:40px;top:25%;right:5%;transform:rotate(128deg)}
.mline.l2{width:60px;top:49%;right:-8%;transform:rotate(24deg)}
.orbit{position:relative;width:64px;height:64px;border-radius:50%;border:1px solid rgba(16,22,20,.1);display:grid;place-items:center}
.orbit-core{width:38px;height:38px;border-radius:50%;background:#F1F2F6;display:grid;place-items:center;color:#18213A}
.orbit-core svg{width:19px;height:19px}
.orbit i{position:absolute;width:5px;height:5px;border-radius:50%}
.orbit i:nth-of-type(1){background:#18213A;top:4px;left:12px}
.orbit i:nth-of-type(2){background:#E8913A;bottom:12px;right:2px}
.orbit i:nth-of-type(3){background:#3E9E6F;bottom:3px;left:16px}
.m-h{margin:2px 0 0;font:700 clamp(21px,2.4vw,27px)/1.1 var(--body);letter-spacing:-.02em;color:#121826;text-wrap:balance}
.m-sub{margin:0;max-width:40ch;font-size:12.5px;line-height:1.5;color:#5E6573}
.m-cards{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:4px}
.m-card{display:grid;grid-template-columns:24px minmax(0,1fr) 10px;gap:7px;align-items:center;text-align:left;background:var(--paper);
  border:1px solid rgba(16,22,20,.1);border-radius:8px;padding:9px 8px 9px 9px;font:400 11.5px/1.4 var(--body);color:#121826;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.m-card:hover{border-color:rgba(16,22,20,.25);box-shadow:0 6px 16px -10px rgba(16,22,20,.4)}
.m-card:focus-visible{outline:2px solid #18213A;outline-offset:2px}
.m-card>svg{width:12px;height:12px;color:#5E6573}
.m-ic{width:24px;height:24px;border-radius:7px;background:#F4F5F7;border:1px solid rgba(16,22,20,.06);display:grid;place-items:center;color:#5E6573}
.m-ic svg{width:14px;height:14px}
.m-or{margin:6px 0 0;font:600 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#6A707C}
.sig-strip{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.sig-track{display:flex;gap:7px;width:max-content;animation:marq 32s linear infinite}
@keyframes marq{to{transform:translateX(-50%)}}
.sig{--c:#C0384A;--bg:#FDEEF0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 11px;border-radius:999px;font:500 11.5px/1 var(--body);
  color:#121826;background:var(--bg);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.sig svg{width:13px;height:13px;color:var(--c)}
.sig.indigo{--c:#5560D8;--bg:#EEF0FD}.sig.rose{--c:#D23A4E;--bg:#FDF0F1}.sig.teal{--c:#1E9AA0;--bg:#EAF8F8}
.sig.violet{--c:#8A3FD8;--bg:#F5EEFD}.sig.green{--c:#2F9E62;--bg:#EDF8F1}.sig.amber{--c:#D08A1E;--bg:#FDF6E9}

.origami-win{background:linear-gradient(180deg,#FAFAFA 0%,#F7F6F6 70%,#F1F0EF 100%)}
.o-home{gap:16px;padding-inline:4px}
.o-h{margin:0;font:600 clamp(22px,2.6vw,30px)/1.1 "Newsreader",Georgia,"Times New Roman",serif;letter-spacing:-.015em;color:#3A3633;text-wrap:balance}
.o-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.o-chip{display:inline-flex;align-items:center;gap:7px;background:#EEEEEE;border-radius:999px;padding:8px 13px;font:500 12.5px/1 var(--body);color:#4A4643}
.o-chip svg{width:14px;height:14px}
.o-ex{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;align-self:stretch;max-width:420px;margin-inline:auto;width:100%}
.o-ex button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;border-radius:8px;padding:8px 6px;
  font:400 13px/1.35 var(--body);color:#6B6764;cursor:pointer}
.o-ex button:hover{background:rgba(0,0,0,.035);color:#3A3633}
.o-ex button:focus-visible{outline:2px solid #C63E86;outline-offset:1px}
.o-ex svg{flex:none;width:13px;height:13px;color:#9B9693}
@media (prefers-reduced-motion:reduce){.sig-track{animation:none}}


[hidden]{display:none!important}

/* History overlay */
.lb-more{margin-top:9px;width:100%;background:var(--ink);color:var(--paper);border:0;border-radius:9px;padding:8px 10px;font:600 12px/1 var(--body);cursor:pointer}
.lb-more:hover{background:#2A3330}
.lb-more:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
body.noscroll{overflow:hidden}
.hist{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(16,22,20,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:fadein .2s ease both}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.hist-panel{width:min(720px,100%);max-height:min(640px,100%);display:flex;flex-direction:column;background:var(--paper);border-radius:20px;
  box-shadow:0 40px 90px -30px rgba(16,22,20,.6);overflow:hidden;animation:rise .28s cubic-bezier(.2,1.2,.4,1) both}
@keyframes rise{from{transform:translateY(14px) scale(.98)}to{transform:none}}
.hist-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 12px;
  background:linear-gradient(90deg,rgba(58,157,230,.12),rgba(224,51,95,.12))}
.hist-head h2{margin:0;font:900 26px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.hist-head p{margin:4px 0 0;font-size:12.5px;color:var(--ink-2)}
.h-avg{display:flex;flex-wrap:wrap;gap:4px 14px;font-weight:600}
.h-avg .m{color:var(--manet-deep)}.h-avg .o{color:var(--origami-deep)}
.hist-x{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:14px;cursor:pointer;color:var(--ink)}
.hist-x:hover{background:#F2F4F3}
.hist-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.h-cols,.h-row{display:grid;grid-template-columns:88px minmax(0,1fr) 76px 76px;gap:6px 12px;align-items:center}
.h-cols{padding:9px 20px;border-bottom:1px solid var(--line);font:700 10px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.h-cols span:nth-child(n+3){text-align:right}
.hist-list{list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain}
.h-row{padding:11px 20px;border-bottom:1px solid var(--line)}
.h-row.fresh{animation:fresh 2.4s ease both}
.h-win{justify-self:start;font:700 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:999px}
.h-win.m{background:var(--manet-tint);color:var(--manet-deep)}
.h-win.o{background:var(--origami-tint);color:var(--origami-deep)}
.h-when{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.h-t{text-align:right;font:500 13px/1 var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}
.h-t.won{color:var(--win);font-weight:600}
.h-t em{font:italic 500 11.5px/1 var(--body);color:var(--ink-2)}
.h-prompt{grid-column:2/-1;font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-empty{padding:24px 20px;color:var(--ink-2)}
@media (max-width:520px){
  .h-cols,.h-row{grid-template-columns:minmax(0,1fr) 60px 60px;gap:6px 10px;padding-inline:14px}
  .h-cols span:nth-child(2){display:none}
  .h-cols span:nth-child(1){grid-column:1}
  .h-win{grid-column:1}
  .h-when{grid-column:1;grid-row:2;font-size:12px;color:var(--ink-2)}
  .h-row .h-t:nth-of-type(3){grid-column:2;grid-row:1}
  .h-row .h-t:nth-of-type(4){grid-column:3;grid-row:1}
  .h-prompt{grid-column:1/-1;grid-row:3}
  .hist-head{padding-inline:14px}
}
/* Lane times sit at the top right of each glass panel */
.ltime{font:600 18px/1 var(--mono)}
.app[data-phase="finishing"] .again{display:none!important}
.stamp{right:auto;left:62%;top:-18px;transform:translateX(-50%) rotate(-7deg) scale(1.8)}
.app[data-winner="manet"] #laneM .stamp,.app[data-winner="origami"] #laneO .stamp{transform:translateX(-50%) rotate(-7deg) scale(1)}

/* Leaderboard + test switch */
.topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.board{width:212px;max-width:100%;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.95);border-radius:16px;padding:12px 13px;box-shadow:0 14px 34px -22px rgba(16,22,20,.5);font-size:12px}
.lb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.lb-title{font:900 15px/1 var(--display);text-transform:uppercase;letter-spacing:.04em}
.lb-live{display:inline-flex;align-items:center;gap:5px;font:700 10px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.lb-live i{width:7px;height:7px;border-radius:50%;background:#E5484D;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.3}}
.lb-score{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;font-weight:600}
.lb-score b{font:900 22px/1 var(--display);font-variant-numeric:tabular-nums}
.lb-score .m{color:var(--manet-deep)}.lb-score .o{color:var(--origami-deep)}
.lb-bar{height:7px;border-radius:999px;background:var(--origami);overflow:hidden;margin:6px 0 9px}
.lb-bar i{display:block;height:100%;background:var(--manet);transition:width .6s ease}
.lb-best{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 9px}
.lb-best div{background:rgba(16,22,20,.04);border-radius:8px;padding:6px 7px}
.lb-best dt{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.lb-best dd{margin:2px 0 0;font:600 12.5px/1 var(--mono);font-variant-numeric:tabular-nums}
.lb-h{margin:0 0 5px;font:700 9.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.lb-list li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center;padding:4px 5px;border-radius:6px}
.lb-list li.fresh,.lb-score.fresh{animation:fresh 2.4s ease both;border-radius:6px}
@keyframes fresh{0%{background:rgba(255,194,61,.55)}100%{background:transparent}}
.lb-dot{width:8px;height:8px;border-radius:50%}
.lb-dot.m{background:var(--manet)}.lb-dot.o{background:var(--origami)}
.lb-p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.lb-s{font:500 11px/1 var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}
.lb-count{margin:7px 0 0;font-size:10.5px;color:var(--ink-2)}
.lb-empty{margin:2px 0;color:var(--ink-2);line-height:1.4}
.lb-note{margin:8px 0 0;font-size:10.5px;line-height:1.35;color:var(--ink-2)}
@media (min-width:1180px){
  .topline{position:absolute;inset:20px max(16px,env(safe-area-inset-right,0px)) auto max(16px,env(safe-area-inset-left,0px));z-index:2;pointer-events:none}
  .topline>*{pointer-events:auto}
  .board{width:176px;padding:10px 11px;border-radius:14px}
  .lb-head{margin-bottom:7px}
  .lb-title{font-size:13px}
  .lb-score{font-size:10.5px}
  .lb-score b{font-size:18px}
  .lb-bar{height:5px;margin:5px 0 8px}
  .lb-best{gap:5px;margin-bottom:0}
  .lb-best div{padding:5px 6px}
  .lb-best dt{font-size:8.5px}
  .lb-best dd{font-size:11.5px}
  .lb-more{margin-top:8px;padding:7px 8px;font-size:11.5px}
  .lb-note{font-size:10px}
  .app:not([data-state="idle"]) .lb-best,.app:not([data-state="idle"]) .lb-h,.app:not([data-state="idle"]) .lb-list,.app:not([data-state="idle"]) .lb-count,.app:not([data-state="idle"]) .lb-note,.app[data-state="racing"] .lb-more{display:none}
  .board{transition:transform .45s ease}
}
@media (max-width:1179px){
  /* small screens: the leaderboard folds into one slim strip so the headline stays the hero */
  .topline{gap:8px}
  .board{order:2;width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 12px;border-radius:12px}
  .lb-head{margin:0;flex:none}
  .lb-title{font-size:13px}
  .lb-live{display:none}
  #lbBody{flex:1;min-width:0}
  .lb-best,.lb-h,.lb-list,.lb-note{display:none!important}
  .lb-score{font-size:11px}
  .lb-score b{font-size:17px}
  .lb-bar{height:5px;margin:4px 0 0}
  .lb-empty{font-size:11.5px;margin:0}
  .lb-more{flex:none;width:auto;margin:0;padding:7px 11px;font-size:11.5px}
}
@media (max-width:420px){
  .lb-title{display:none}
}
@media (max-width:700px){
  /* phones: the two apps stack instead of squeezing side by side */
  .lanes{grid-template-columns:minmax(0,1fr)}
  .lane{min-height:0}
  .m-home,.o-home{padding-block:10px}
  .prompt textarea{min-height:5.8em}
  .app:not([data-state="idle"]) .prompt textarea{min-height:2.9em}
  .m-cards{grid-template-columns:minmax(0,1fr)}
  .stamp{font-size:20px;top:-26px;left:60%;border-width:3px;padding:3px 9px 1px}
}
/* the WINNER stamp lands after the shot, but clears at once on a new duel */
.stamp{transition-delay:0s,0s}
.app[data-winner="manet"] #laneM .stamp,.app[data-winner="origami"] #laneO .stamp{transition-delay:.55s,.55s}

/* Origami results */
.o-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.o-found{margin:4px 0 0;font-size:13.5px;color:var(--ink)}
#leadO .lead+.lead{margin-top:8px}
.origami-more span{background:var(--origami-tint);color:var(--origami-deep)}
.origami-more:hover{border-color:var(--origami);background:#FFF7F9}
.lead.checking.ruled-out{filter:none;opacity:.75;background:#FFF6F6}
.lead.checking.ruled-out .lead-name{text-decoration:line-through;text-decoration-color:rgba(214,59,59,.6)}
/* Loading states */
.o-skel{display:grid;gap:9px;padding:4px 0 2px 22px}
.o-skel i{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,#ECECEC 0%,#F6F6F6 50%,#ECECEC 100%);background-size:200% 100%;animation:skel 1.4s ease-in-out infinite}
.o-skel i:nth-child(1){width:88%}.o-skel i:nth-child(2){width:72%}.o-skel i:nth-child(3){width:50%}
@keyframes skel{from{background-position:100% 0}to{background-position:-100% 0}}
.o-working .shimmer{flex:0 1 auto}
.m-check{display:grid;gap:8px;margin-top:8px}
.m-check .lead{margin-top:0}
.lead.checking{filter:grayscale(1);opacity:.62;background:#F6F7F8;box-shadow:none;animation:pop .35s ease both}
.verify.wait b{color:var(--ink-2)}
.mini-spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(16,22,20,.25);border-top-color:transparent;box-sizing:border-box;animation:spin .8s linear infinite}
.app[data-state="done"] .mini-spin{animation:none}
.m-body .lead+.lead{margin-top:8px}
.m-more{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid rgba(16,22,20,.16);border-radius:999px;
  padding:8px 8px 8px 14px;font:600 13px/1 var(--body);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.m-more span{min-width:22px;padding:4px 7px;border-radius:999px;background:var(--manet-tint);color:var(--manet-deep);font-size:11.5px;text-align:center}
.m-more:hover{border-color:var(--manet);background:#F6FAFE}
.m-more:focus-visible,.m-back:focus-visible{outline:2px solid var(--manet);outline-offset:2px}
.m-full{display:flex;flex-direction:column;gap:10px;min-width:0;animation:pop .3s ease both}
.m-full-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.m-full-head b{font-size:14px}
.m-back{background:none;border:1px solid rgba(16,22,20,.16);border-radius:999px;padding:6px 12px;font:600 12.5px/1 var(--body);color:var(--ink);cursor:pointer}
.m-back:hover{background:#F4F5F7}
.m-full-list{display:grid;gap:8px;max-height:460px;overflow-y:auto;padding-right:2px}
.m-full-list .lead{margin-top:0}

/* First-lead card (the shot that wins) */
.lead{display:grid;gap:10px;background:var(--paper);border:1px solid rgba(16,22,20,.12);border-radius:14px;padding:12px 14px;margin-top:8px;
  box-shadow:0 10px 24px -18px rgba(16,22,20,.5);animation:land .5s cubic-bezier(.2,1.5,.4,1) both}
@keyframes land{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
.lead-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center}
.lead-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--manet-tint);color:var(--manet-deep);font:700 13px/1 var(--body)}
.origami-win .lead-av{background:var(--origami-tint);color:var(--origami-deep)}
.lead-name{display:block;font-weight:700;font-size:15px;line-height:1.2}
.lead-role{display:block;font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-link{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(16,22,20,.12);background:var(--paper);transition:transform .15s ease}
a.li-link:hover{transform:scale(1.08)}
a.li-link:focus-visible{outline:2px solid #0A66C2;outline-offset:2px}
.li-link svg{width:18px;height:18px}
.verify{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.verify .li-mini{width:16px;height:16px;flex:none}
.verify b{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px}
.verify b svg{width:20px;height:20px}
.verify.yes b{color:var(--win)}
.verify.no b{color:#D63B3B}
.empty{margin:4px 0 0;font-size:13px;color:var(--ink-2)}
.app[data-state="done"] .lane.lost .empty{color:var(--ink)}

@media (max-width:760px){
  .lane{min-height:400px}
  .prompt textarea{font-size:16px}
  .fire span{display:none}
  .fire{padding:10px}
  .o-leads li{flex-direction:column;gap:1px}
  .o-tool,.m-pill{margin-left:0}
}
@media (max-width:460px){
  .lane{padding:10px}
  .win{padding:10px}
  .ltime{margin-left:0}
  .m-msg{grid-template-columns:minmax(0,1fr)}
  .m-msg .spark{display:none}
  .m-leads li{grid-template-columns:minmax(0,1fr)}
  .ini{display:none}
  .m-pill{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
}

/* ---------- additions to the original (live runs) ---------- */
/* The bot check runs as the page loads (duel.js) and its box takes no room until Cloudflare
   needs the visitor: Turnstile's before-interactive callback adds .asking, the after one removes it.
   Never display:none, which can stop the hidden check from running. */
#turnstileBox{display:flex;justify-content:center}
#turnstileBox:not(.asking){position:absolute;width:0;height:0;overflow:hidden}
/* His lead card's inline min-width:0, as a class (the race's style-src is 'self'). */
.lead-who{min-width:0}
/* A requirement question from Manet's own setup, in Aria's thread, answered with his card style. */
.ask-q{margin:0 0 8px;font-size:13.5px;line-height:1.45}
.m-ask{display:grid;gap:8px}
.m-ask .m-card{grid-template-columns:minmax(0,1fr) 10px}
/* How many more people were checked than the cards show. */
.m-check-more{margin:6px 0 0;font-size:12px;color:var(--ink-2)}
/* A sentence where a lane's results would be, when it ended without any. */
.lane-none{margin:6px 0 0;font-size:13px;color:var(--ink-2)}

/* The median caption folds away with the median boxes his small-screen strip hides. */
@media (max-width:1179px){.lb-count{display:none!important}}