/* ============================================================
   CHALK — one world: cold machined steel, one hot point of worked metal.
   The accent is sampled from the footage (the ember at the punch) and is
   spent only on the call to action, focus, and the settled/refused stamp.
   ============================================================ */

:root{
  --steel-0:#0A0F1A;   /* canvas, cold graphite, never pure black */
  --steel-1:#101826;   /* raised */
  --steel-2:#162133;   /* panel */
  --edge:rgba(232,234,234,.11);
  --edge-2:rgba(232,234,234,.06);
  --edge-hi:rgba(232,234,234,.26);   /* interactive borders need their own value */
  --chalk:#EEF1F5;
  --mist:#A8B3C2;
  --mute:#7F8B9C;
  --ember:#F5B544;
  --ember-dim:rgba(245,181,68,.34);

  --tshadow:0 1px 2px rgba(3,6,13,.95),0 3px 12px rgba(3,6,13,.8),0 10px 44px rgba(3,6,13,.82);
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --pad:clamp(20px,4vw,64px);
}

*{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--steel-0);color:var(--chalk);
  font-family:"Chivo",system-ui,sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg{max-width:100%}
a{color:inherit}

/* one environment behind everything */
.env{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 80% at 78% 8%, rgba(120,150,210,.07), transparent 58%),
    radial-gradient(90% 70% at 12% 92%, rgba(245,181,68,.030), transparent 62%);
  animation:drift 84s var(--ease) -22s infinite alternate;
}
@keyframes drift{from{transform:translate3d(-1.4%,-1%,0) scale(1.04)}to{transform:translate3d(1.4%,1.6%,0) scale(1.09)}}

.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--chalk);color:var(--steel-0);padding:12px 18px;border-radius:3px}
.skip:focus{left:12px;top:12px}

:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:2px}

/* ---------- shared type ---------- */
.mono,.kick,.micro,.k,.s{font-family:"JetBrains Mono",ui-monospace,monospace}
.kick{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin:0 0 14px;font-weight:400}
.micro{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:14px 0 0}
.micro a,.page-head .micro a{text-transform:none;letter-spacing:.02em;color:var(--mist);text-decoration:none;border-bottom:1px solid var(--edge-2)}
h1,h2,h3{font-family:"Archivo",system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:.98;margin:0}
.lede{color:var(--mist);font-size:clamp(15px,1.15vw,17.5px);line-height:1.55;margin:18px 0 0;max-width:44ch}

button.btn{font:inherit;cursor:pointer}
.btn{
  background:transparent;display:inline-flex;align-items:center;gap:10px;border-radius:3px;
  font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  padding:14px 22px;text-decoration:none;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease);
}
.btn-solid{background:var(--ember);color:#0B0D0E;border:1px solid var(--ember);font-weight:500}
.btn-solid:hover{background:#F7C66C;transform:translateY(-1px)}
.btn-ghost{background:transparent;border:1px solid var(--edge-hi);color:var(--chalk)}
.btn-ghost:hover{border-color:var(--chalk);background:rgba(232,234,234,.05)}
.btn-lg{padding:18px 30px;font-size:12px}
@media (pointer:coarse){.btn{min-height:44px}}

.lnk{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--chalk);text-decoration:none;border-bottom:1px solid var(--edge-hi);padding-bottom:5px;transition:border-color .3s var(--ease)}
.lnk:hover{border-color:var(--ember)}

/* ---------- nav ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:14px var(--pad);
  background:linear-gradient(to bottom,rgba(10,15,26,.86),rgba(10,15,26,0));
  backdrop-filter:blur(7px);
}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:"Archivo";font-weight:800;letter-spacing:-.02em;font-size:17px}
.mark{width:19px;height:19px;color:var(--chalk);flex:none}
.navlinks{display:flex;gap:28px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}
.navlinks a{color:var(--mist);text-decoration:none;transition:color .3s var(--ease)}
.navlinks a:hover{color:var(--chalk)}
@media (max-width:860px){.navlinks{display:none}}
.navbar-m{display:none}
@media (max-width:860px){
  .nav{flex-wrap:wrap;row-gap:10px;padding-bottom:10px}
  .navbar-m{display:flex;gap:0;order:3;width:100%;overflow-x:auto;border-top:1px solid var(--edge-2);padding-top:9px}
  .navbar-m a{flex:1;text-align:center;white-space:nowrap;padding:9px 6px;color:var(--mute);text-decoration:none;
    font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
  .navbar-m a.on{color:var(--chalk)}
  body.page main{padding-top:122px}
  .hud{top:110px}
}

/* ============ HERO ============ */
.hero{position:relative;height:480vh;z-index:1}
.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--steel-0)}
.poster{position:absolute;inset:0;background-size:cover;background-position:60% 50%;opacity:1;transition:opacity 1.1s var(--ease)}
#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:0;transition:opacity 1.1s var(--ease);will-change:transform;transform:translateZ(0)}
.stage.video-ready #hero-video{opacity:1}
.stage.video-ready .poster{opacity:0}
.stage.video-failed #hero-video{display:none}
.scrim{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(100deg,rgba(7,11,20,.88) 0%,rgba(7,11,20,.62) 34%,rgba(7,11,20,.12) 62%,rgba(7,11,20,.42) 100%),
  radial-gradient(ellipse 120% 92% at 56% 46%,rgba(7,11,20,0) 34%,rgba(7,11,20,.6) 100%)}

.loadring{position:absolute;right:calc(var(--pad) + 2px);bottom:22px;width:26px;height:26px;color:var(--mist);opacity:.8}
.loadring svg{transform:rotate(-90deg)}
.stage.video-ready .loadring{opacity:0;transition:opacity .5s var(--ease)}

.chip{background:rgba(9,13,24,.6);border:1px solid var(--edge);border-radius:4px;backdrop-filter:blur(9px);text-shadow:0 1px 3px rgba(3,6,13,.85)}
.hud{position:absolute;top:74px;right:var(--pad);padding:12px 15px;display:grid;gap:5px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;z-index:4}
.hud .k{color:var(--mute)}
.hud .v{color:var(--chalk);font-size:13px;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid var(--edge-hi)}
.hud .s{color:var(--mist);font-size:10px}

.lane{position:absolute;inset:0;z-index:3;pointer-events:none}
.band{
  position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);
  width:min(46vw,620px);opacity:0;text-shadow:var(--tshadow);pointer-events:none;
}
.band::before{
  content:"";position:absolute;inset:-14% -22% -18% -26%;pointer-events:none;z-index:-1;
  opacity:calc(.3 + .7*var(--k,1));
  background:radial-gradient(ellipse 76% 64% at 42% 50%,rgba(4,7,14,.72) 0%,rgba(4,7,14,.5) 46%,rgba(4,7,14,0) 78%);
}
.band .btn{pointer-events:auto;text-shadow:none}
.band a{pointer-events:auto}
.band h1{font-size:clamp(40px,6.6vw,96px);text-transform:uppercase}
.band h2{font-size:clamp(27px,3.5vw,50px);max-width:15ch}
.band .lede{max-width:40ch}
.band .btn-solid{margin-top:26px}

/* character / word split entrances, transform+opacity only */
.split .w{display:inline-block;white-space:pre}
.split .c{display:inline-block;will-change:transform,opacity}
[data-entrance="scatter"] .c,[data-entrance="grid"] .c{
  --kc:clamp(0,(var(--k,0) - var(--th,0))*2.6,1);opacity:var(--kc);
  transform:translate(calc((1 - var(--kc))*var(--jx,0px)),calc((1 - var(--kc))*var(--jy,0px))) rotate(calc((1 - var(--kc))*var(--jr,0deg)));
}
[data-entrance="punch"] .w{
  --kc:clamp(0,(var(--k,0) - var(--th,0))*3,1);
  --ks:clamp(0,(var(--k,0) - var(--th,0) - .14)*2.8,1);
  display:inline-block;opacity:var(--kc);
  transform:translateY(calc((1 - var(--kc))*-.16em)) scale(calc(.72 + .5*var(--kc) - .22*var(--ks)));
}
[data-entrance="blur"] .split{position:relative}
[data-entrance="blur"] .c{opacity:1}
[data-entrance="blur"] h2{filter:none}
[data-entrance="blur"] .soft{position:absolute;inset:0;filter:blur(9px);opacity:calc(1 - var(--k,0));pointer-events:none}
[data-entrance="blur"] .sharp{opacity:var(--k,0)}

.cue{position:absolute;left:50%;bottom:26px;width:1px;height:44px;background:linear-gradient(to bottom,transparent,var(--edge-hi));z-index:4}
.cue span{position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--chalk);animation:cue 3.4s var(--ease) infinite}
@keyframes cue{0%{top:0;opacity:0}18%{opacity:1}82%{opacity:1}100%{top:40px;opacity:0}}
@media (max-height:560px){.cue,.hud{display:none}}

/* ============ SECTIONS ============ */
.section{position:relative;z-index:2;padding:clamp(70px,9vw,132px) var(--pad);border-top:1px solid var(--edge-2)}
.sec-head{margin-bottom:38px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec-head h2{font-size:clamp(26px,3.1vw,44px);max-width:18ch}
.foot-note{color:var(--mute);font-size:12.5px;line-height:1.6;margin:22px 0 0;max-width:76ch}
.foot-note a{color:var(--mist)}

/* --- 2. proof strip: a thin rail, not cards --- */
.proof{position:relative;z-index:2;display:flex;align-items:baseline;gap:clamp(20px,4vw,56px);flex-wrap:wrap;
  padding:22px var(--pad);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:rgba(16,23,36,.5)}
.proof dl{display:flex;align-items:baseline;gap:clamp(20px,4vw,56px);flex-wrap:wrap;margin:0;flex:1}
.proof .item{display:block}
.proof dt{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.proof dd{margin:6px 0 0;font-size:clamp(15px,1.35vw,19px);letter-spacing:-.02em;font-family:"Archivo";font-weight:600}
.proof dd small{font-family:"Chivo";font-weight:300;color:var(--mute);font-size:11.5px;margin-left:7px;letter-spacing:0}
.verify{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);text-decoration:none;border-bottom:1px solid var(--edge-hi);padding-bottom:4px}
.verify:hover{color:var(--chalk);border-color:var(--ember)}

/* --- 3. the strike field (the signature) --- */
.fieldbox{border:1px solid var(--edge);border-radius:5px;background:linear-gradient(180deg,rgba(22,31,48,.62),rgba(16,23,36,.42));overflow:hidden}
.field-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid var(--edge)}
.coin{display:flex;align-items:center;gap:13px}
.coin .glyph{width:38px;height:38px;border-radius:50%;flex:none;border:1px solid var(--edge-hi);display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--mist);background:var(--steel-1)}
.coin b{display:block;font-family:"Archivo";font-weight:700;font-size:20px;letter-spacing:-.025em}
.coin b span{color:var(--mute);font-weight:600}
.coin .sub{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;color:var(--mute);margin-top:4px}
.field-head .right{text-align:right;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.14em;color:var(--mute);line-height:1.9;text-transform:uppercase}
.field-head .right b{color:var(--chalk);font-weight:400}

.grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.field{width:100%;border-collapse:collapse;min-width:720px}
table.field th,table.field td{padding:0;text-align:right}
table.field thead th{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-weight:400;padding:14px 18px;border-bottom:1px solid var(--edge)}
table.field thead th.rail{text-align:left}
table.field thead th.atk{text-align:right;color:var(--mute)}
table.field tbody td{border-bottom:1px solid var(--edge-2);vertical-align:middle}
table.field tbody tr:last-child td{border-bottom:0}
table.field td.rail,table.field th.rail{text-align:left}
@media (min-width:721px){table.field th.rail,table.field td.rail{width:190px}table.field th.atk,table.field td.atk{width:186px}}
td.rail{padding:15px 18px;white-space:nowrap;border-right:1px solid var(--edge-2)}
td.rail .x{font-family:"Archivo";font-weight:700;font-size:22px;letter-spacing:-.03em}
td.rail .x i{font-style:normal;font-size:13px;color:var(--mute);margin-left:1px}
td.rail .mc{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--mute);margin-top:3px}
td.atk{text-align:right;padding:15px 18px;white-space:nowrap;border-left:1px solid var(--edge-2)}
td.atk .e{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--mist)}
td.atk .u{font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--mute);margin-top:3px}

.cell{padding:13px 18px;position:relative;transition:background .3s var(--ease)}
.cell .odds{font-family:"JetBrains Mono",monospace;font-size:19px;letter-spacing:0}
.cell .pool{font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--mute);margin-top:4px}
td:not(.rail):not(.atk):hover .cell{background:rgba(232,234,234,.045);cursor:pointer}
.cell.near{box-shadow:inset 0 0 0 1px var(--edge-hi);background:rgba(232,234,234,.03)}
.cell.full{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(232,234,234,.05) 5px 6px)}
.cell.full .odds{font-size:10.5px;letter-spacing:.18em;color:var(--chalk)}
.cell.full .pool{color:var(--mist)}
.cell.refused{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(232,234,234,.035) 5px 6px)}
.cell.refused .odds{font-size:10.5px;letter-spacing:.18em;color:var(--mute)}
.cell.refused .pool{color:var(--mute)}

.field-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--edge)}
.field-foot span{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.field-foot span.hot{color:var(--mist)}

/* --- 4. automatic: a typographic line, no cards --- */
.auto-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px;font-family:"Archivo";font-weight:800;letter-spacing:-.035em;line-height:1.06}
.auto-line .n{font-size:clamp(38px,6vw,86px)}
.auto-line .n.em{color:var(--chalk)}
.auto-line .w{font-size:clamp(17px,1.8vw,26px);color:var(--mist);font-weight:600}
.auto-line .x{font-size:clamp(17px,1.8vw,26px);color:var(--mute)}
.auto-line .arrow{font-size:clamp(20px,2vw,30px);color:var(--mute);margin:0 8px}
.auto-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,3vw,60px);margin-top:44px;padding-top:26px;border-top:1px solid var(--edge-2)}
.auto-cols p{margin:0;color:var(--mist);font-size:15px;line-height:1.65;max-width:48ch}
.thin-wrap{margin-top:clamp(44px,5vw,76px)}

/* --- 5. receipt: asymmetric, paper against steel --- */
.receipt-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(28px,4vw,72px);align-items:center}
@media (max-width:900px){.receipt-sec{grid-template-columns:1fr}}
.receipt{
  background:linear-gradient(178deg,#E4E0D6,#D3CEC2);color:#16181A;border-radius:2px;
  padding:24px 26px 28px;font-family:"JetBrains Mono",monospace;font-size:12.5px;line-height:1.75;
  box-shadow:0 30px 70px rgba(0,0,0,.55),0 2px 0 rgba(255,255,255,.25) inset;
  transform:rotate(-.5deg);max-width:520px;
}
.receipt .r-top{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#5C5F62;border-bottom:1px dashed #A9A69C;padding-bottom:10px;margin-bottom:14px}
.receipt .q{font-size:15px;line-height:1.4;margin:0 0 16px;color:#111314}
.receipt dl{display:grid;grid-template-columns:auto 1fr;gap:5px 18px;margin:0}
.receipt dt{color:#5C5F62}
.receipt dd{margin:0;text-align:right;color:#111314}
.receipt .r-res{color:#111314;font-weight:500}
.receipt .r-foot{margin-top:15px;padding-top:11px;border-top:1px dashed #A9A69C;font-size:9.5px;letter-spacing:.1em;color:#5C5F62;word-break:break-all}
.receipt-say h2{font-size:clamp(30px,3.8vw,54px)}
ul.plain{list-style:none;padding:0;margin:26px 0 28px}
ul.plain li{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mist);padding:9px 0;border-bottom:1px solid var(--edge-2)}

/* --- 6. the hold --- */
.check-sec{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start}
@media (max-width:900px){.check-sec{grid-template-columns:1fr}}
.check-copy h2{font-size:clamp(26px,3.2vw,44px);max-width:16ch;margin-bottom:22px}
.check-copy p{color:var(--mist);font-size:15px;line-height:1.65;margin:0 0 14px;max-width:50ch}
.check-copy .mono{color:var(--chalk)}
.check-rig{display:grid;gap:16px}
.check-case{border:1px solid var(--edge);border-radius:5px;padding:20px 22px;background:rgba(16,23,36,.55);position:relative;overflow:hidden}
.case-label{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 16px}
.meter{position:relative;height:8px;border-radius:2px;background:rgba(232,234,234,.07);overflow:hidden}
.meter-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--fill,0)*100%);background:var(--mist);transition:background .4s var(--ease)}
.meter-mark{position:absolute;top:-5px;bottom:-5px;left:calc(var(--mark,.5)*100%);width:1px;background:var(--chalk)}
.check-case[data-state="open"] .meter-fill{background:var(--chalk)}
.check-case[data-state="refused"] .meter-fill{background:var(--ember)}
.case-nums{display:flex;gap:28px;flex-wrap:wrap;margin:16px 0 0}
.case-nums div .k{display:block;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.case-nums div .v{display:block;font-family:"JetBrains Mono",monospace;font-size:14px;margin-top:5px}
.case-nums div .v small{color:var(--mute);font-size:10px;margin-left:6px}
.stamp{
  position:absolute;right:22px;top:50%;margin:0;transform:translateY(-50%) rotate(-7deg) scale(.9);
  font-family:"Archivo";font-weight:800;font-size:clamp(22px,2.6vw,36px);text-transform:uppercase;letter-spacing:-.02em;
  border:2px solid currentColor;border-radius:3px;padding:4px 14px;opacity:0;transition:opacity .35s var(--ease),transform .45s var(--ease-out);
}
.check-case[data-state="open"] .stamp{opacity:.92;color:var(--chalk);transform:translateY(-50%) rotate(-7deg) scale(1)}
.check-case[data-state="refused"] .stamp{opacity:.95;color:var(--ember);transform:translateY(-50%) rotate(-7deg) scale(1)}
.press{
  position:relative;overflow:hidden;border:1px solid var(--edge-hi);background:transparent;color:var(--chalk);
  border-radius:4px;padding:20px;cursor:pointer;font-family:"JetBrains Mono",monospace;font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;transition:border-color .3s var(--ease);touch-action:none;
}
.press:hover{border-color:var(--chalk)}
.press-face{position:relative;z-index:2}
.press-bar{position:absolute;inset:0 auto 0 0;width:calc(var(--hold,0)*100%);background:rgba(232,234,234,.1);z-index:1}

/* --- 7. fees --- */
.fees-sec{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(26px,4vw,64px);align-items:start}
@media (max-width:980px){.fees-sec{grid-template-columns:1fr}}
.fees-big .huge{font-family:"Archivo";font-weight:800;font-size:clamp(56px,8vw,116px);letter-spacing:-.05em;line-height:.86;margin:0}
.fees-big .huge span{font-size:.42em;color:var(--mute);margin-left:2px}
.fees-big p:last-child{color:var(--mist);font-size:15px;line-height:1.5;margin:18px 0 0}
.split-list{list-style:none;margin:0;padding:0;counter-reset:s}
.split-list li{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--edge-2)}
.split-list li:last-child{border-bottom:0}
.split-list .pc{font-family:"JetBrains Mono",monospace;font-size:16px}
.split-list .nm{font-family:"Archivo";font-weight:600;font-size:15px;letter-spacing:-.01em}
.split-list .nt{display:block;color:var(--mute);font-size:12.5px;line-height:1.55;margin-top:5px;font-family:"Chivo";font-weight:300;letter-spacing:0;max-width:52ch}
.split-list .barwrap{grid-column:1/-1;height:3px;background:rgba(232,234,234,.06);margin-top:13px;border-radius:2px;overflow:hidden}
.split-list .bar{height:100%;background:var(--chalk);opacity:.72;width:0;transition:width 1.1s var(--ease-out)}
.split-list li.in .bar{width:calc(var(--w)*1%)}
.fees-note{font-family:"JetBrains Mono",monospace;font-size:11px;line-height:2;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0}
.fees-note .lnk{display:inline-block;margin-top:16px}

/* --- 8. token --- */
.token-sec{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,64px);align-items:center}
@media (max-width:900px){.token-sec{grid-template-columns:1fr}}
.token-head h2{font-family:"Archivo";font-weight:800;font-size:clamp(38px,5vw,72px);letter-spacing:-.045em}
.token-head .kick{margin:12px 0 0}
.token-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px;margin:0}
.token-nums div .k{display:block;font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.token-nums div .v{display:block;font-family:"JetBrains Mono",monospace;font-size:clamp(16px,1.5vw,21px);margin-top:8px}
.token-nums div .v small{display:block;color:var(--mute);font-size:10.5px;margin-top:5px;letter-spacing:.06em}
.token-say{grid-column:1/-1;color:var(--mute);font-size:13px;line-height:1.7;margin:30px 0 0;padding-top:22px;border-top:1px solid var(--edge-2);max-width:78ch}

/* --- 9. league --- */
.league-sec{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(24px,4vw,60px);align-items:start}
@media (max-width:980px){.league-sec{grid-template-columns:1fr}}
.league-head h2{font-family:"Archivo";font-weight:800;font-size:clamp(34px,4.4vw,62px);letter-spacing:-.045em;text-transform:uppercase}
.league-head p{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:12px 0 0}
table.league{width:100%;border-collapse:collapse;font-family:"JetBrains Mono",monospace;font-size:13px}
table.league td{padding:12px 0;border-bottom:1px solid var(--edge-2)}
table.league td:first-child{color:var(--mute);width:44px}
table.league td:last-child{text-align:right}
table.league tr.you td{color:var(--chalk)}
table.league tr.you td:first-child{color:var(--mist)}
table.league tr.gap td{color:var(--mute);border-bottom:0;padding:6px 0}
.league-say p{color:var(--mist);font-size:14px;line-height:1.6;margin:0 0 20px}

/* --- 10. cta --- */
.cta{position:relative;z-index:2;padding:clamp(90px,12vw,180px) var(--pad);text-align:center;border-top:1px solid var(--edge-2);overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background-image:url('assets/hero-end.jpg');background-size:cover;background-position:center 62%;opacity:.3;z-index:-2}
.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--steel-0) 0%,rgba(10,15,26,.62) 38%,rgba(10,15,26,.86) 100%);z-index:-1}
.cta h2{font-size:clamp(32px,4.6vw,66px);line-height:1.02}
.cta .mono{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:22px 0 30px}
.cta .micro{margin-top:22px}

/* --- footer --- */
.foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:20px var(--pad);border-top:1px solid var(--edge);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.foot a{color:var(--mist);text-decoration:none;border-bottom:1px solid transparent}
.foot a:hover{border-color:var(--edge-hi)}

/* ---------- entrances ---------- */
.rise{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.rise.in{opacity:1;transform:none}
.stagger>*{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.stagger.in>*{opacity:1;transform:none}
.stagger.in>*:nth-child(1){transition-delay:0ms}
.stagger.in>*:nth-child(2){transition-delay:70ms}
.stagger.in>*:nth-child(3){transition-delay:140ms}
.stagger.in>*:nth-child(4){transition-delay:210ms}
.stagger.in>*:nth-child(5){transition-delay:280ms}
.stagger.done>*:nth-child(n){transition-delay:0ms}

/* ---------- mobile: the strike field keeps its rail, time scrolls ---------- */
@media (max-width:720px){
  .hero{height:auto}
  .stage{background-image:linear-gradient(180deg,rgba(9,13,24,.34),rgba(9,13,24,.62) 46%,rgba(10,15,26,.96)),url('assets/hero-mobile.jpg');background-size:cover;background-position:50% 42%;
    display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:38px}
  .poster,#hero-video,.scrim{display:none}
  .stage{position:relative;height:auto;min-height:100svh;display:flex;align-items:flex-end}
  .stage .lane{position:relative;inset:auto;padding:0}
  .band{position:relative;left:auto;top:auto;transform:none;width:auto;opacity:1 !important;padding:0 var(--pad)}
  .band:not(:first-child){display:none}
  .band .c,.band .w{opacity:1 !important;transform:none !important}
  .cue,.loadring{display:none}
  .hud{position:static;margin:0 var(--pad) 20px;width:max-content;max-width:calc(100% - var(--pad)*2)}

  .fieldbox{max-width:100%}
  .field-head{flex-direction:column;align-items:flex-start;gap:14px}
  .coin .sub{white-space:normal;line-height:1.6}
  table.field{min-width:0;width:max-content}
  .grid-scroll table.field{display:block}
  table.field thead,table.field tbody{display:block}
  table.field tr{display:grid;grid-template-columns:92px repeat(4,108px) 96px}
  .grid-scroll{overflow-x:auto;display:block;max-width:100%}
  tr.nowrow{display:block !important}
  tr.nowrow td{display:block;width:100%}
  table.field tr>*:first-child{position:sticky;left:0;z-index:2;background:#101826;width:auto;box-shadow:1px 0 0 rgba(232,234,234,.09)}
  td.rail .x{font-size:19px}
  .cell{padding:11px 13px;min-height:76px;display:flex;flex-direction:column;justify-content:center}
  td.atk,th.atk{padding:11px 13px}
  .field-head .right{text-align:left}
  .receipt{transform:none}
}
@media (max-width:420px){
  table.field tr{grid-template-columns:84px repeat(4,100px) 90px}
}

/* ---------- reduced motion, honoured completely ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important;transition-delay:0ms !important}
  .env{animation:none}
  .rise,.stagger>*{opacity:1 !important;transform:none !important}
  .band{opacity:1}
  .band .c,.band .w{opacity:1 !important;transform:none !important}
  .split-list .bar{width:calc(var(--w)*1%)}
}
body.audit .hero{height:900px}
body.audit .stage{position:relative;height:900px}
body.audit .rise,body.audit .stagger>*{opacity:1 !important;transform:none !important;transition:none !important}
body.audit .split-list .bar{width:calc(var(--w)*1%)}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused !important}

/* ============================================================
   PAGES BEYOND THE LANDING
   ============================================================ */
body.page main{padding-top:64px}
.page-head{position:relative;z-index:2;padding:clamp(52px,7vw,104px) var(--pad) clamp(30px,4vw,52px)}
.page-head h1{font-size:clamp(34px,5.4vw,76px);line-height:.98;max-width:18ch}
.page-head .kick a{color:var(--mist);text-decoration:none;border-bottom:1px solid var(--edge-2)}
.page-head .lede{max-width:62ch}
.page-stats{display:flex;flex-wrap:wrap;gap:clamp(18px,3.4vw,54px);margin:36px 0 0;padding-top:22px;border-top:1px solid var(--edge)}
.page-stats dt{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.page-stats dd{margin:7px 0 0;font-family:"Archivo";font-weight:700;font-size:clamp(17px,1.7vw,24px);letter-spacing:-.025em}
.page-stats dd small{display:block;font-family:"JetBrains Mono",monospace;font-weight:400;font-size:10px;color:var(--mute);margin-top:5px;letter-spacing:.08em}
.sec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:start}
@media (max-width:900px){.split2{grid-template-columns:1fr}}
.navlinks a.on{color:var(--chalk)}
.empty{color:var(--mute);font-size:13px;font-family:"JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.dim{color:var(--mute)}
.hot{color:var(--ember)}

/* the NOW line inside the ladder */
tr.nowrow td{padding:0 !important;background:rgba(245,181,68,.05);
  border-top:1px solid var(--ember-dim) !important;border-bottom:1px solid var(--ember-dim) !important}
.nowline{display:flex;align-items:baseline;gap:14px;padding:9px 18px}
tr.nowrow .l{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ember)}
tr.nowrow .v{font-family:"Archivo";font-weight:700;font-size:15px;letter-spacing:-.02em}
tr.nowrow .r{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
tr.down td.rail .x{color:var(--mist)}

/* ---------- markets list ---------- */
.toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:22px}
.srch{flex:1 1 260px;display:block}
.srch input{width:100%;background:var(--steel-1);border:1px solid var(--edge);border-radius:4px;color:var(--chalk);
  font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.06em;padding:13px 15px}
.srch input::placeholder{color:var(--mute)}
.sorts{display:flex;gap:2px;flex-wrap:wrap}
.sorts button,.quick button,.ksel button,.bagpick button{background:transparent;border:1px solid var(--edge);color:var(--mist);
  border-radius:4px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:11px 13px;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease)}
.sorts button:hover,.quick button:hover,.ksel button:hover,.bagpick button:hover{border-color:var(--edge-hi);color:var(--chalk)}
.sorts button.on,.quick button.on,.ksel button.on,.bagpick button.on{border-color:var(--chalk);color:var(--chalk)}
@media (pointer:coarse){.sorts button,.quick button,.ksel button,.bagpick button{min-height:44px}}

.coinlist{display:grid;gap:2px}
.crow{display:grid;grid-template-columns:minmax(180px,1.3fr) repeat(4,minmax(96px,.85fr)) 104px;gap:18px;align-items:center;
  padding:18px 20px;border:1px solid var(--edge-2);border-radius:5px;text-decoration:none;background:rgba(16,23,36,.42);
  transition:border-color .3s var(--ease),background .3s var(--ease)}
.crow:hover{border-color:var(--edge-hi);background:rgba(22,31,48,.6)}
.c-id{display:flex;align-items:center;gap:12px;min-width:0}
.c-id .glyph{width:34px;height:34px;border-radius:50%;flex:none;border:1px solid var(--edge-hi);display:grid;place-items:center;
  font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--mist);background:var(--steel-1)}
.c-id b{display:block;font-family:"Archivo";font-weight:700;font-size:17px;letter-spacing:-.02em}
.c-id span{display:block;font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--mute);margin-top:3px;letter-spacing:.08em}
.c-n .k{display:block;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.c-n .v{display:block;font-family:"JetBrains Mono",monospace;font-size:14px;margin-top:6px}
.c-n .v small{display:block;color:var(--mute);font-size:9.5px;margin-top:4px;letter-spacing:.08em}
.prev{display:grid;gap:3px;justify-items:end}
.prow{display:flex;gap:3px}
.prev i{width:9px;height:9px;border-radius:1px;background:rgba(232,234,234,.16)}
.prev i.full{background:var(--chalk)}
.prev i.refused{background:transparent;box-shadow:inset 0 0 0 1px rgba(232,234,234,.22)}
@media (max-width:1080px){.crow{grid-template-columns:minmax(150px,1fr) repeat(2,minmax(90px,1fr)) 104px}
  .crow .c-n:nth-of-type(3),.crow .c-n:nth-of-type(4){display:none}}
@media (max-width:640px){.crow{grid-template-columns:1fr 1fr;gap:14px}.prev{grid-column:1/-1;justify-items:start}}

/* ---------- the tape ---------- */
.tape{list-style:none;margin:0;padding:0;border-top:1px solid var(--edge-2)}
.tape li{display:grid;grid-template-columns:120px 46px 88px 1fr 96px 80px;gap:14px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid var(--edge-2);font-family:"JetBrains Mono",monospace;font-size:12px}
.tape .w{color:var(--mute)}
.tape .s{font-size:10px;letter-spacing:.16em}
.tape .s.yes{color:var(--chalk)}
.tape .s.no{color:var(--mute)}
.tape .c{color:var(--chalk);text-decoration:none;border-bottom:1px solid var(--edge-2)}
.tape .m{color:var(--mute);font-size:11px}
.tape .v{text-align:right}
.tape .t{text-align:right;color:var(--mute);font-size:10.5px}
@media (max-width:720px){.tape li{grid-template-columns:44px 78px 1fr 74px;font-size:11.5px}
  .tape .w,.tape .t{display:none}}

/* ---------- battles ---------- */
.battles{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.battles.wide{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}
.battle{border:1px solid var(--edge);border-radius:5px;padding:20px 22px;background:rgba(16,23,36,.55)}
.battle header,.battle footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.battle header span,.battle footer span{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.battle footer span:nth-child(2){flex:1;text-align:center}
.vs{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 14px}
.vs .side{flex:1;text-decoration:none;text-align:center;padding:14px 8px;border:1px solid var(--edge-2);border-radius:4px;
  transition:border-color .3s var(--ease)}
.vs .side:hover{border-color:var(--edge-hi)}
.vs .side b{display:block;font-family:"Archivo";font-weight:700;font-size:18px;letter-spacing:-.02em}
.vs .side span{display:block;font-family:"JetBrains Mono",monospace;font-size:19px;margin-top:7px}
.vs .x{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.2em;color:var(--mute)}
.bar2{height:4px;border-radius:2px;background:rgba(232,234,234,.09);overflow:hidden;margin-bottom:12px}
.bar2 span{display:block;height:100%;background:var(--chalk);opacity:.8}
.battle-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.battle-cta .btn{justify-content:center;font-size:10.5px;padding:13px 10px}
.battle .micro{margin-top:12px}

/* ---------- hedge ---------- */
.hedge-tease{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,72px);align-items:center}
@media (max-width:900px){.hedge-tease{grid-template-columns:1fr}}
.ht-copy h2{font-size:clamp(26px,3.2vw,46px);max-width:17ch}
.ht-copy p{color:var(--mist);font-size:15px;line-height:1.65;margin:20px 0 24px;max-width:52ch}
.ht-card,.hedge{border:1px solid var(--edge);border-radius:5px;padding:22px 24px;background:rgba(16,23,36,.55)}
.hedge-in{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--edge-2)}
.hedge-in label{display:grid;gap:8px;font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.hedge-in input,.hedge-in select,.sim-in input{background:var(--steel-1);border:1px solid var(--edge);border-radius:4px;color:var(--chalk);
  font-family:"JetBrains Mono",monospace;font-size:14px;padding:11px 13px;min-width:120px}
.ksel{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ksel .k{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.ksel button i{font-style:normal;color:var(--mute);margin-left:4px}
.ksel button.on i{color:var(--mist)}
.hedge-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:0}
.hedge-nums dt{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.hedge-nums dd{margin:8px 0 0;font-family:"JetBrains Mono",monospace;font-size:17px}
.hedge-nums dd small{display:block;color:var(--mute);font-size:10px;margin-top:5px;letter-spacing:.06em}
.hedge .btn,.ht-card .btn{margin-top:22px}
.warn{margin:20px 0 0;padding:14px 16px;border:1px solid var(--edge-hi);border-radius:4px;color:var(--mist);font-size:13.5px;line-height:1.55}
.bagpick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.bagpick button{display:grid;gap:5px;text-align:left;padding:12px 15px}
.bagpick button b{font-family:"Archivo";font-weight:700;font-size:14px;letter-spacing:-.01em;text-transform:none}
.bagpick button span{font-size:11px;letter-spacing:.06em;color:var(--mute);text-transform:none}

/* ---------- positions / wall / settlements ---------- */
table.pos{width:100%;border-collapse:collapse}
table.pos td{padding:14px 10px;border-bottom:1px solid var(--edge-2);vertical-align:top;font-family:"JetBrains Mono",monospace;font-size:12.5px}
table.pos tr:last-child td{border-bottom:0}
table.pos td:first-child{padding-left:0}
table.pos td:last-child{padding-right:0;text-align:right}
table.pos .c a{font-family:"Archivo";font-weight:700;font-size:15px;letter-spacing:-.02em;text-decoration:none;border-bottom:1px solid var(--edge-2)}
table.pos .m{color:var(--mist)}
table.pos small{display:block;color:var(--mute);font-size:9.5px;margin-top:5px;letter-spacing:.08em}
table.pos .s{font-size:10px;letter-spacing:.16em}
table.pos .s.yes{color:var(--chalk)}
table.pos .s.no{color:var(--mute)}
table.pos .n{text-align:right}
table.pos .b{color:var(--mute);font-size:10.5px}
table.pos .b a{color:var(--mute);text-decoration:none;border-bottom:1px solid var(--edge-2)}
table.pos .hot{color:var(--ember)}
table.pos .refused-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist)}
table.wall tr{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(232,234,234,.022) 6px 7px)}
@media (max-width:720px){table.pos td{font-size:11.5px;padding:11px 6px}}

/* ---------- simulator ---------- */
.sim{border:1px solid var(--edge);border-radius:5px;background:rgba(16,23,36,.55);padding:22px 24px}
.sim-in{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--edge-2)}
.sim-in label{display:flex;gap:10px;align-items:center;font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.sim-in .u{color:var(--mist)}
.quick{display:flex;gap:6px;flex-wrap:wrap}
.sim-v{font-size:16px;line-height:1.55;margin:0 0 22px;max-width:76ch;color:var(--mist)}
.sim-v b{color:var(--chalk)}
.sim-v.good{color:var(--mist)}
.sim-v.bad b{color:var(--ember)}
table.simtable{width:100%;border-collapse:collapse;font-family:"JetBrains Mono",monospace;font-size:12.5px}
table.simtable th{text-align:right;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:400;padding:0 10px 12px;border-bottom:1px solid var(--edge)}
table.simtable th:first-child,table.simtable td:first-child{text-align:left;padding-left:0}
table.simtable td{text-align:right;padding:12px 10px;border-bottom:1px solid var(--edge-2)}
table.simtable td:last-child{padding-right:0}
table.simtable small{display:block;color:var(--mute);font-size:9.5px;margin-top:4px}
table.simtable a{text-decoration:none;border-bottom:1px solid var(--edge-2)}
table.simtable tr.can .v{color:var(--ember)}
table.simtable .v{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* ---------- constants ---------- */
.consts{display:grid;gap:2px;margin:0}
.consts div{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--edge-2)}
.consts dt{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.consts dd{margin:0;text-align:right;font-family:"JetBrains Mono",monospace;font-size:14px}
.consts dd small{display:block;color:var(--mute);font-size:9.5px;margin-top:5px;letter-spacing:.08em}

/* ---------- squad ---------- */
.squad{border:1px solid var(--edge);border-radius:5px;padding:22px 24px;background:rgba(16,23,36,.55)}
.sq-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.sq-top b{font-family:"Archivo";font-weight:700;font-size:17px;letter-spacing:-.02em}
.sq-top .mono{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.sq-pnl{font-family:"Archivo";font-weight:800;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.045em;margin:14px 0 6px}
.sq-pnl.down{color:var(--mist)}
.squad .lnk{display:inline-block;margin-top:18px}

/* ---------- settled list on the coin page ---------- */
ul.settled{list-style:none;margin:0;padding:0}
ul.settled li{display:grid;grid-template-columns:96px 44px 1fr auto;gap:14px;align-items:baseline;padding:13px 0;
  border-bottom:1px solid var(--edge-2);font-family:"JetBrains Mono",monospace;font-size:12px}
ul.settled .q{color:var(--chalk)}
ul.settled .r{font-size:10px;letter-spacing:.16em;color:var(--mist)}
ul.settled .n{color:var(--mute)}
ul.settled .b{color:var(--mute);text-decoration:none;border-bottom:1px solid var(--edge-2)}

/* ---------- steps ---------- */
ol.steps{list-style:none;counter-reset:st;margin:0;padding:0}
ol.steps li{counter-increment:st;display:grid;grid-template-columns:36px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--edge-2)}
ol.steps li::before{content:counter(st,decimal-leading-zero);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;color:var(--mute)}
ol.steps b{font-family:"Archivo";font-weight:600;font-size:15px;letter-spacing:-.01em;display:block}
ol.steps span{display:block;color:var(--mist);font-size:13.5px;line-height:1.6;margin-top:6px;max-width:52ch}

/* ---------- league tables side by side ---------- */
.league-tables{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,56px)}
@media (max-width:820px){.league-tables{grid-template-columns:1fr;gap:34px}}
table.league.wide td:nth-child(2){width:auto}
table.league a{text-decoration:none;border-bottom:1px solid var(--edge-2)}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);z-index:120;
  background:rgba(16,23,36,.96);border:1px solid var(--edge-hi);border-radius:4px;padding:14px 20px;
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;color:var(--chalk);
  opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.sim-v.dimline{font-size:14px;color:var(--mute)}
.sim-v.dimline b{color:var(--mist)}
table.simtable .v.neg{color:var(--mist);font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:0;text-transform:none}
table.simtable .oob{color:var(--mute);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
table.simtable tr.can td:first-child a{border-bottom-color:var(--ember-dim)}

/* =====================================================================
   v2 — softer and product-first. Labels in the body face, mono only for
   numbers, rounded cards, and direction carried by colour: bone rises,
   ember falls. The world (steel, the press, the ember) stays.
   ===================================================================== */
:root{--r-card:18px;--r-btn:11px;--card:#111A29;--card-2:#162133;--up:#F5B544;--down:#86A9DB;
  --up-bg:rgba(245,181,68,.12);--down-bg:rgba(134,169,219,.14)}

.kick,.micro,.page-stats dt,.hedge-nums dt,.case-nums .k,.token-nums .k,.c-n .k,.consts dt,.case-label,
.field-head .right,.foot,.foot .mono,.league-head p,.sq-top .mono,.battle header span,.battle footer span,.hud,.hud .k,.hud .s{
  font-family:"Chivo",system-ui,sans-serif !important;text-transform:none !important;letter-spacing:.01em !important}
.kick{font-size:13.5px;color:var(--mute)}
.micro{font-size:12.5px}
.page-stats dt,.hedge-nums dt,.case-nums .k,.token-nums .k,.c-n .k,.consts dt,.case-label{font-size:12.5px}
.btn{border-radius:var(--r-btn);font-family:"Chivo",system-ui,sans-serif;font-size:15px;letter-spacing:0;text-transform:none;padding:13px 22px}
.btn-lg{font-size:16px;padding:16px 30px}
.btn-solid{font-weight:400}
.lnk{font-family:"Chivo",system-ui,sans-serif;font-size:14.5px;letter-spacing:0;text-transform:none}
.navlinks{font-family:"Chivo",system-ui,sans-serif;font-size:14.5px;letter-spacing:0;text-transform:none;gap:26px}
.navbar-m a{font-family:"Chivo",system-ui,sans-serif;font-size:13.5px;letter-spacing:0;text-transform:none}
.fieldbox,.check-case,.hedge,.ht-card,.sim,.squad,.battle,.crow{border-radius:var(--r-card)}
.srch input,.hedge-in input,.hedge-in select,.sim-in input,.sorts button,.quick button,.ksel button,.bagpick button,.vs .side{border-radius:var(--r-btn)}
.sorts button,.quick button,.ksel button,.bagpick button{font-family:"Chivo",system-ui,sans-serif;font-size:13px;letter-spacing:0;text-transform:none}
.hud{border-radius:12px}

/* hero */
.band h1{text-transform:none;font-size:clamp(44px,6.2vw,90px);letter-spacing:-.045em}
.pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:6px 6px 6px 14px;border:1px solid var(--edge);
  border-radius:999px;background:rgba(9,13,24,.55);backdrop-filter:blur(8px);font-size:13.5px;color:var(--mist);text-shadow:none}
.pill b{font-weight:400;color:#0B0D0E;background:var(--chalk);border-radius:999px;padding:3px 10px;font-size:12.5px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--chalk);box-shadow:0 0 0 3px rgba(232,234,234,.14)}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;pointer-events:auto}
.band .hero-btns .btn{margin:0}
.band .btn-ghost{background:rgba(9,13,24,.5);backdrop-filter:blur(8px);text-shadow:none}

/* stats card */
.stats-sec{position:relative;z-index:2;padding:34px var(--pad) 0}
.stats-card{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);overflow:hidden}
.stats-card>div{padding:22px 24px;border-right:1px solid var(--edge-2)}
.stats-card>div:last-child{border-right:0}
.stats-card dt{font-size:12.5px;color:var(--mute)}
.stats-card dd{margin:8px 0 0;font-family:"Archivo";font-weight:600;font-size:clamp(20px,2vw,28px);letter-spacing:-.03em}
.avatars{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0 0;color:var(--mist);font-size:14px}
.avatars .stack{display:flex}
.avatars .stack .logo{margin-left:-8px;box-shadow:0 0 0 2px var(--steel-0)}
.avatars .stack .logo:first-child{margin-left:0}
@media (max-width:720px){.stats-card{grid-template-columns:1fr 1fr}.stats-card>div:nth-child(2){border-right:0}
  .stats-card>div:nth-child(-n+2){border-bottom:1px solid var(--edge-2)}.avatars{flex-direction:column;gap:10px;text-align:center}}

/* logo placeholder until the indexer serves real coin images */
.logo{--s:40px;width:var(--s);height:var(--s);flex:none;border-radius:50%;display:inline-grid;place-items:center;
  font-family:"Archivo";font-weight:700;font-size:calc(var(--s)*.34);letter-spacing:-.02em;color:#fff;
  background:radial-gradient(circle at 30% 25%,hsl(var(--h) 38% 52%),hsl(calc(var(--h) + 40) 30% 22%));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}

/* the primitive */
.sec-lede{color:var(--mist);font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:58ch;margin:18px 0 0}
.sec-head h2{text-transform:none}
.prim-grid{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:clamp(30px,5vw,80px);align-items:start;margin-top:44px}
@media (max-width:900px){.prim-grid{grid-template-columns:1fr}}
.points{list-style:none;margin:8px 0 0;padding:0;counter-reset:pt;display:grid;gap:30px}
.points li{counter-increment:pt;display:grid;grid-template-columns:34px 1fr;gap:16px}
.points li::before{content:counter(pt);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;
  color:var(--chalk);background:var(--card-2);border:1px solid var(--edge)}
.points b{display:block;font-family:"Archivo";font-weight:600;font-size:19px;letter-spacing:-.02em}
.points span{display:block;color:var(--mist);font-size:15px;line-height:1.6;margin-top:6px;max-width:56ch}

.ccard{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);overflow:hidden;position:relative}
.ccard::before{content:"";position:absolute;inset:0 0 auto 0;height:92px;pointer-events:none;
  background:linear-gradient(135deg,rgba(245,181,68,.22),rgba(140,164,176,.10) 60%,transparent)}
.cc-top{position:relative;display:flex;align-items:center;gap:13px;padding:22px 22px 0}
.cc-top b{display:block;font-family:"Archivo";font-weight:700;font-size:20px;letter-spacing:-.02em}
.cc-top b a{text-decoration:none}
.cc-mc{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:22px 22px 0}
.cc-mc .k{display:block;font-size:12.5px;color:var(--mute)}
.cc-mc .v{display:block;font-family:"Archivo";font-weight:700;font-size:30px;letter-spacing:-.035em;margin-top:4px}
.cc-chg{text-align:right}
.cc-chg span{display:block;font-family:"JetBrains Mono",monospace;font-size:20px}
.cc-chg small{font-size:12px;color:var(--mute)}
.cc-chg .up,.cc-stats .up,table.board .up{color:var(--up)}
.cc-chg .down,.cc-stats .down,table.board .down{color:var(--down)}
.cc-chart{position:relative;height:150px;margin:14px 0 0}
.cc-chart svg{display:block;width:100%;height:100%}
.cc-chart .ln{fill:none;stroke:var(--chalk);stroke-width:1.6;vector-effect:non-scaling-stroke}
.cc-chart .k-up{stroke:rgba(232,234,234,.34);stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.cc-chart .k-dn{stroke:rgba(134,169,219,.6);stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.cc-chart .now{fill:var(--chalk);stroke:var(--card);stroke-width:2;vector-effect:non-scaling-stroke}
.klab{position:absolute;right:12px;transform:translateY(-125%);font-family:"JetBrains Mono",monospace;font-size:10px;
  color:var(--mist);background:rgba(17,26,41,.85);padding:1px 6px;border-radius:5px}
.klab.dn{color:var(--down)}
.cc-tabs{display:flex;gap:4px;padding:10px 22px 0}
.cc-tabs button{background:transparent;border:0;border-radius:8px;color:var(--mute);font:inherit;font-size:12.5px;padding:6px 10px;cursor:pointer}
.cc-tabs button.on{background:rgba(245,181,68,.14);color:var(--ember)}
.cc-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:16px 22px 0;padding-top:16px;border-top:1px solid var(--edge-2)}
.cc-stats dt{font-size:12.5px;color:var(--mute)}
.cc-stats dd{margin:4px 0 0;font-family:"JetBrains Mono",monospace;font-size:14.5px}
.cc-stats div:nth-child(even){text-align:right}
.cc-q{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 22px 0}
.cc-foot{display:flex;justify-content:space-between;gap:10px;margin:16px 22px 0;padding:14px 0 18px;border-top:1px solid var(--edge-2);font-size:12.5px;color:var(--mute)}
.cc-foot .dot{width:6px;height:6px;margin-right:8px;background:var(--down);box-shadow:none;vertical-align:1px}

/* quote buttons */
.q{display:flex;align-items:center;gap:8px;justify-content:center;border:0;border-radius:var(--r-btn);padding:11px 12px;font:inherit;
  font-size:13.5px;cursor:pointer;white-space:nowrap;min-width:0;transition:filter .25s var(--ease)}
.q .t{overflow:hidden;text-overflow:ellipsis}
.q .p{font-family:"JetBrains Mono",monospace;font-size:13px;opacity:.92}
.q.up,.q.yes{background:var(--up-bg);color:var(--up);box-shadow:inset 0 0 0 1px rgba(232,234,234,.12)}
.q.down{background:var(--down-bg);color:var(--down);box-shadow:inset 0 0 0 1px rgba(245,181,68,.22)}
.q.no{background:transparent;color:var(--mist);box-shadow:inset 0 0 0 1px var(--edge-hi)}
.q:hover{filter:brightness(1.25)}
.q.off{opacity:.45;cursor:not-allowed}
.q.off:hover{filter:none}
@media (pointer:coarse){.q{min-height:44px}}

/* two directions */
.dcards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
@media (max-width:820px){.dcards{grid-template-columns:1fr}}
.dcard{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);padding:24px}
.dcard .top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--mute)}
.dcard .tag{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--chalk);background:var(--card-2);border:1px solid var(--edge);border-radius:7px;padding:3px 8px}
.dcard h3{font-family:"Archivo";font-weight:600;font-size:21px;letter-spacing:-.02em;margin:14px 0 8px;line-height:1.2}
.dcard p{color:var(--mist);font-size:14.5px;line-height:1.6;margin:0}
.dcard .qline{margin:20px 0 12px;padding-top:18px;border-top:1px solid var(--edge-2);font-size:14px;color:var(--chalk)}
.dcard .qrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* how it works + ticket */
.howto{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:start}
@media (max-width:900px){.howto{grid-template-columns:1fr}}
.steps3{list-style:none;margin:36px 0 0;padding:0;counter-reset:s3;display:grid;gap:26px}
.steps3 li{counter-increment:s3;display:grid;grid-template-columns:32px 1fr;gap:12px}
.steps3 li::before{content:counter(s3,decimal-leading-zero);font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--mute);padding-top:6px}
.steps3 b{display:block;font-family:"Archivo";font-weight:600;font-size:19px;letter-spacing:-.02em}
.steps3 span{display:block;color:var(--mist);font-size:15px;line-height:1.6;margin-top:5px}
.ticket{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);padding:6px 24px 20px}
.ticket .th{font-size:12.5px;color:var(--mute);padding:14px 0;border-bottom:1px solid var(--edge-2);margin:0}
.ticket .tr{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 0;border-bottom:1px solid var(--edge-2)}
.ticket .tr b{display:block;font-weight:400;font-size:15px}
.ticket .tr small{display:block;color:var(--mute);font-size:12.5px;margin-top:3px}
.ticket .tr .v{font-family:"JetBrains Mono",monospace;font-size:14.5px;white-space:nowrap;text-align:right}
.ticket .tr.win b,.ticket .tr.win .v{color:var(--chalk);font-weight:500}
.ticket .tr.lose .v{color:var(--down)}
.ticket .note{color:var(--mute);font-size:12.5px;line-height:1.6;margin:16px 0 0}

/* live board */
.board-wrap{margin-top:34px;border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);overflow:hidden}
.board-scroll{overflow-x:auto}
table.board{width:100%;border-collapse:collapse;min-width:760px}
table.board th{font-weight:400;font-size:12.5px;color:var(--mute);text-align:right;padding:16px 18px;border-bottom:1px solid var(--edge)}
table.board th:nth-child(1),table.board th:nth-child(2){text-align:left}
table.board td{padding:12px 18px;border-bottom:1px solid var(--edge-2)}
table.board tr:last-child td{border-bottom:0}
table.board tbody tr:hover td{background:rgba(232,234,234,.02)}
table.board .rk{color:var(--mute);font-family:"JetBrains Mono",monospace;font-size:12px;width:36px}
table.board .nm a{display:flex;align-items:center;gap:12px;text-decoration:none}
table.board .nm b{display:block;font-family:"Archivo";font-weight:600;font-size:15.5px;letter-spacing:-.015em}
table.board .nm small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}
table.board .n{text-align:right;font-family:"JetBrains Mono",monospace;font-size:14px;white-space:nowrap}
table.board .qq{text-align:right;white-space:nowrap}
table.board .qq .q{display:inline-flex;margin-left:6px;padding:9px 11px;font-size:12.5px}
table.board .qq .q .t{display:none}
.board-more{display:inline-block;margin-top:18px}

.receipt{border-radius:8px}
.receipt-say h2,.cta h2,.check-copy h2{text-transform:none}

/* money: fees and the reserve */
.money{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(26px,4vw,60px);align-items:start}
@media (max-width:900px){.money{grid-template-columns:1fr}}
.money .fees-big .huge{font-size:clamp(52px,6vw,88px)}
.money .split-list{margin-top:26px}
.floor-card{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);padding:24px}
.floor-card h3{font-family:"Archivo";font-weight:700;font-size:26px;letter-spacing:-.03em;margin:0}
.floor-card .sub{color:var(--mute);font-size:13.5px;margin:6px 0 18px}
.floor-card dl{margin:0}
.floor-card dl div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--edge-2)}
.floor-card dt{font-size:13.5px;color:var(--mist)}
.floor-card dd{margin:0;font-family:"JetBrains Mono",monospace;font-size:14px;text-align:right}
.floor-card dd small{display:block;color:var(--mute);font-size:11.5px;margin-top:3px}
.floor-card p{color:var(--mute);font-size:13px;line-height:1.6;margin:16px 0 0}

/* questions */
.faq-list{margin-top:32px;border-top:1px solid var(--edge)}
.faq-list details{border-bottom:1px solid var(--edge)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;
  padding:20px 2px;font-family:"Archivo";font-weight:600;font-size:18px;letter-spacing:-.015em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-family:"Chivo";font-weight:300;font-size:26px;color:var(--mute);transition:transform .3s var(--ease)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{margin:0 0 22px;color:var(--mist);font-size:15px;line-height:1.65;max-width:70ch}
.faq-list details p a{color:var(--chalk)}

/* v2 fixes */
/* numbered lists: the body span was auto-placed into the 34px counter column */
.points li::before,.steps3 li::before{grid-row:1 / span 2}
.points li b,.points li span,.steps3 li b,.steps3 li span{grid-column:2}
/* the logo is a span, so the card's sub-text rule was turning it into a block */
.cc-top div span{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.cc-top .logo{display:inline-grid;font-size:calc(var(--s)*.34);color:#fff;margin:0}
.avatars .logo{font-size:0}
/* the global .k label rule is still mono from v1 */
.cc-mc .k,.case-nums .k,.token-nums .k{font-family:"Chivo",system-ui,sans-serif}
/* headings get room for a full line */
.sec-head h2,.howto h2,.check-copy h2,.receipt-say h2{max-width:24ch}
.howto h2{font-size:clamp(26px,3.1vw,44px)}

/* v2 polish: the last v1 uppercase mono labels */
.press{font-family:"Chivo",system-ui,sans-serif;font-size:15px;letter-spacing:0;text-transform:none;border-radius:var(--r-btn)}
ul.plain li{font-family:"Chivo",system-ui,sans-serif;font-size:15px;letter-spacing:0;text-transform:none;color:var(--mist)}
.split-list .nm{font-size:16px}

/* =====================================================================
   v3 — weather and scales. Same markets, said plainly.
   Sun gold rises and calls to action; storm blue falls.
   ===================================================================== */
.points3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 22px}
@media (max-width:820px){.points3{grid-template-columns:1fr}}
.points3 div{border:1px solid var(--edge);border-radius:14px;padding:18px;background:rgba(238,241,245,.02)}
.points3 i{font-style:normal;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ember);color:#0A0F1A;font-size:13px;font-weight:500}
.points3 b{display:block;font-family:"Archivo";font-weight:600;font-size:18px;margin:12px 0 5px;letter-spacing:-.015em}
.points3 span{display:block;color:var(--mist);font-size:14.5px;line-height:1.55}

/* the forecast */
.fc{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);overflow:hidden}
.fc-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid var(--edge)}
.fc-id{display:flex;align-items:center;gap:13px}
.fc-id b{display:block;font-family:"Archivo";font-weight:700;font-size:clamp(18px,1.7vw,23px);letter-spacing:-.02em}
.fc-id small{display:block;color:var(--mute);font-size:13.5px;margin-top:3px}
.fc-tabs{display:flex;gap:4px;background:rgba(238,241,245,.04);border:1px solid var(--edge);border-radius:12px;padding:4px;flex-wrap:wrap}
.fc-tabs button{background:transparent;border:0;border-radius:9px;color:var(--mist);font:inherit;font-size:13.5px;padding:8px 12px;cursor:pointer}
.fc-tabs button.on{background:var(--ember);color:#0A0F1A}
.fc-legend,.fc-row{display:grid;grid-template-columns:minmax(150px,1.05fr) minmax(170px,1.45fr) 96px minmax(236px,1fr);gap:18px;align-items:center}
.fc-legend{padding:10px 22px;font-size:12px;color:var(--mute);border-bottom:1px solid rgba(238,241,245,.05)}
.fc-rows{list-style:none;margin:0;padding:0}
.fc-row{padding:12px 22px;border-bottom:1px solid rgba(238,241,245,.05)}
.fc-row .t b{display:block;font-family:"Archivo";font-weight:600;font-size:16.5px;letter-spacing:-.015em}
.fc-row .t small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}
.fc-row .bar{position:relative;height:32px;border-radius:9px;background:rgba(238,241,245,.05);overflow:hidden}
.fc-row .bar i{position:absolute;inset:0 auto 0 0;border-radius:9px}
.fc-row.up .bar i{background:linear-gradient(90deg,rgba(245,181,68,.22),rgba(245,181,68,.5))}
.fc-row.down .bar i{background:linear-gradient(90deg,rgba(134,169,219,.2),rgba(134,169,219,.48))}
.fc-row .bar span{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--chalk);white-space:nowrap}
.fc-row .bar span b{font-family:"JetBrains Mono",monospace;font-weight:500;font-size:14px;margin-right:2px}
.fc-row .pool{display:flex;align-items:center;gap:6px}
.fc-row .pool small{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--mute);white-space:nowrap}
.fc-row .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fc-row .acts .q{padding:10px;font-size:14px}
.fc-row .acts .q .p{font-size:12.5px;font-family:"Chivo",system-ui,sans-serif;opacity:.9}
.fc-row .fullnote{grid-column:1/-1;font-size:12.5px;color:var(--mute);text-align:center;padding:10px;border:1px dashed var(--edge-hi);border-radius:10px}
.fc-row.off .t{opacity:.55}
.fc-row.off .lock{grid-column:2 / -1;font-size:13px;color:var(--mute);padding:9px 12px;border-radius:10px;
  background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(238,241,245,.035) 6px 7px)}
.fc-now{display:flex;align-items:baseline;gap:12px;padding:10px 22px;background:rgba(245,181,68,.06);
  border-top:1px solid rgba(245,181,68,.3);border-bottom:1px solid rgba(245,181,68,.3)}
.fc-now .l{font-size:12.5px;color:var(--ember)}
.fc-now b{font-family:"Archivo";font-weight:700;font-size:16px}
.fc-now small{margin-left:auto;color:var(--mute);font-size:12.5px}
.fc-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 22px;font-size:12.5px;color:var(--mute)}
@media (max-width:860px){
  .fc-legend{display:none}
  .fc-row{grid-template-columns:1fr auto;gap:10px 14px}
  .fc-row .bar{grid-column:1/-1;order:3}
  .fc-row .pool{order:2}
  .fc-row .acts{grid-column:1/-1;order:4}
  .fc-row.off .lock{grid-column:1/-1}
  .fc-now small{display:none}
}

/* scales */
.scale .sc-post,.scale .sc-beam{stroke:var(--mist);stroke-width:2.2;stroke-linecap:round}
.scale .sc-str{stroke:rgba(168,179,194,.5);stroke-width:1}
.scale .sc-pan.yes{fill:rgba(245,181,68,.5);stroke:var(--ember);stroke-width:1}
.scale .sc-pan.no{fill:rgba(134,169,219,.45);stroke:var(--down);stroke-width:1}
.scale .sc-pivot{fill:var(--chalk)}

/* yes is sun, no is storm */
.q.yes,.q.up{background:rgba(245,181,68,.13);color:#F7C66C;box-shadow:inset 0 0 0 1px rgba(245,181,68,.3)}
.q.no{background:rgba(134,169,219,.11);color:#AFC7EA;box-shadow:inset 0 0 0 1px rgba(134,169,219,.28)}
.q.down{color:#AFC7EA}

/* the scale you can tip */
.scalesec{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center}
@media (max-width:900px){.scalesec{grid-template-columns:1fr}}
.scale-demo{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--card);padding:26px 26px 22px}
.sd-q{font-size:15px;color:var(--chalk);margin:0 0 6px;font-family:"Archivo";font-weight:600;letter-spacing:-.01em}
.sd-scale{display:grid;place-items:center;padding:6px 0}
.sd-pans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.sd-pans div{border-radius:12px;padding:12px 14px;background:rgba(238,241,245,.03)}
.sd-pans span{display:block;font-size:12.5px;color:var(--mute)}
.sd-pans b{display:block;font-family:"JetBrains Mono",monospace;font-weight:500;font-size:18px;margin-top:4px}
.sd-pans small{display:block;font-size:13px;margin-top:4px}
.sd-pans .y small{color:#F7C66C}
.sd-pans .n small{color:#AFC7EA}
.sd-slider{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:18px;font-size:13.5px;color:var(--mist)}
.sd-slider input{width:100%;accent-color:var(--ember)}
.sd-slider output{font-family:"JetBrains Mono",monospace;font-size:13px;color:#F7C66C;min-width:84px;text-align:right}
.bullets{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:16px}
.bullets li{padding-left:22px;position:relative;color:var(--mist);font-size:15.5px;line-height:1.55}
.bullets li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--ember)}
.bullets li b{color:var(--chalk);font-weight:500}
.scalesec h2{font-size:clamp(26px,3.1vw,44px);max-width:20ch}

/* the bet slip */
.slip-wrap{position:fixed;inset:0;z-index:150}
.slip-bg{position:absolute;inset:0;background:rgba(4,7,14,.62);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s var(--ease)}
.slip{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:#0F1624;border-left:1px solid var(--edge);
  padding:26px 26px 30px;overflow-y:auto;transform:translateX(24px);opacity:0;transition:transform .35s var(--ease-out),opacity .3s var(--ease)}
.slip-wrap.on .slip-bg{opacity:1}
.slip-wrap.on .slip{transform:none;opacity:1}
.slip-x{position:absolute;right:16px;top:14px;width:40px;height:40px;border-radius:10px;border:1px solid var(--edge);background:transparent;color:var(--mist);font-size:22px;cursor:pointer}
.slip h3{font-family:"Archivo";font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.025em;margin:6px 44px 20px 0}
.slip-ctx{margin:-12px 44px 18px 0;color:var(--mist);font-size:13.5px}
.slip-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.slip-side button{text-align:left;border-radius:12px;padding:13px 14px;font:inherit;cursor:pointer;background:rgba(238,241,245,.04);border:1px solid var(--edge);color:var(--mist)}
.slip-side button b{display:block;font-family:"Archivo";font-size:18px;color:var(--chalk)}
.slip-side button span{display:block;font-size:12.5px;margin-top:3px}
.slip-side button[data-side="yes"].on{background:rgba(245,181,68,.14);border-color:rgba(245,181,68,.55)}
.slip-side button[data-side="no"].on{background:rgba(134,169,219,.14);border-color:rgba(134,169,219,.55)}
.slip-stake{display:block;margin:20px 0 0}
.slip-stake .k{display:block;font-size:13px;color:var(--mute);margin-bottom:8px}
.slip-stake .in{display:flex;align-items:center;border:1px solid var(--edge-hi);border-radius:12px;background:rgba(238,241,245,.03);padding:0 14px}
.slip-stake input{flex:1;background:transparent;border:0;color:var(--chalk);font-family:"JetBrains Mono",monospace;font-size:24px;padding:12px 0;outline:none;min-width:0}
.slip-stake em{font-style:normal;color:var(--mist)}
.slip-stake .usd{display:block;color:var(--mute);font-size:12.5px;margin-top:6px}
.slip-scale{margin:20px 0 0;padding:18px 14px 14px;border-radius:14px;background:rgba(238,241,245,.03);border:1px solid rgba(238,241,245,.06)}
.slip-scale .scale{display:block;margin:0 auto}
.slip-scale .pans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.slip-scale .pans span{font-size:12.5px;color:var(--mute);padding:8px 10px;border-radius:10px}
.slip-scale .pans b{display:block;font-family:"JetBrains Mono",monospace;font-weight:500;font-size:14px;color:var(--chalk);margin-top:3px}
.slip-scale .pans .me{background:rgba(238,241,245,.06)}
.slip-out{margin:16px 0 0}
.slip-out div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(238,241,245,.06)}
.slip-out dt{font-size:14px;color:var(--mist)}
.slip-out dd{margin:0;text-align:right;font-family:"JetBrains Mono",monospace;font-size:15px}
.slip-out dd small{display:block;color:var(--mute);font-size:11.5px;margin-top:2px;font-family:"Chivo",system-ui,sans-serif}
.slip-out .win dt,.slip-out .win dd{color:#F7C66C}
.slip-go{width:100%;justify-content:center;margin-top:18px}
@media (max-width:560px){.slip{top:auto;height:92vh;width:100%;border-left:0;border-top:1px solid var(--edge);border-radius:18px 18px 0 0;transform:translateY(30px)}}

/* ---------- live wiring ---------- */
.livenote{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;width:max-content;max-width:calc(100% - 32px);padding:8px 16px;border-radius:999px;text-align:center;font:400 12px/1.45 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.02em;color:#0A0F1A;background:var(--ember);box-shadow:0 6px 24px rgba(3,6,13,.5);pointer-events:none}
.slip-go[disabled]{opacity:.55;cursor:not-allowed}
.slip-msg{min-height:1.2em;margin-top:10px;color:var(--ember)}
.slip-msg:empty{display:none}
.slip-done{padding:18px 0 6px}
.slip-done b{display:block;font:700 22px/1.2 Archivo,system-ui,sans-serif;color:var(--chalk);margin-bottom:6px}
.slip-done p{color:var(--mist);margin:0 0 10px}
.slip-done a{color:var(--ember)}
.pos .btn-claim{padding:6px 12px;font-size:12px}
/* the two-row mobile nav is taller than the desktop one; this sits after the base rule so it wins */
@media (max-width:860px){body.page main{padding-top:128px}}

/* ---------- $CHALK token plaque (top of every page) ---------- */
:root{--tb:40px}
.nav{flex-wrap:wrap;row-gap:10px}
.tokenbar{order:-1;flex-basis:100%;display:flex;justify-content:center;min-width:0}
.tpill{display:inline-flex;align-items:center;gap:10px;height:30px;max-width:100%;padding:0 14px 0 12px;border-radius:999px;
  border:1px solid var(--edge-hi);background:rgba(16,24,38,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font:400 12px/1 "JetBrains Mono",ui-monospace,monospace;color:var(--mist);white-space:nowrap;
  box-shadow:0 6px 22px rgba(3,6,13,.35),inset 0 1px 0 rgba(238,241,245,.05)}
.tpill b{font:700 12.5px/1 "Archivo",system-ui,sans-serif;letter-spacing:.02em;color:var(--chalk)}
.tsep{width:1px;height:14px;background:var(--edge-hi);flex:none}
.tdot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--ember);flex:none}
.tpill.soon .tdot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ember)}
.tpill.soon .tdot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ember-dim);animation:tpulse 2.4s var(--ease) infinite}
@keyframes tpulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}
.tmsg{color:var(--chalk)}
.thint{color:var(--mute);overflow:hidden;text-overflow:ellipsis}
.thint::before{content:"·";margin-right:10px;color:var(--edge-hi)}
.tpill.live{cursor:pointer;padding-right:4px;appearance:none;-webkit-appearance:none;
  transition:border-color .25s var(--ease),background .25s var(--ease),transform .15s var(--ease)}
.tpill.live .tdot{box-shadow:0 0 0 3px rgba(245,181,68,.16)}
.tpill.live:hover{border-color:var(--ember-dim);background:rgba(245,181,68,.07)}
.tpill.live:active{transform:scale(.985)}
.tpill.live:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.tca{color:var(--chalk);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis}
.tca .short{display:none}
.tcopy{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px 0 8px;border-radius:999px;
  background:rgba(245,181,68,.14);color:#F7C66C;font-size:11px;transition:background .25s var(--ease),color .25s var(--ease)}
.tcopy svg{width:13px;height:13px;flex:none}
.tpill.live:hover .tcopy{background:rgba(245,181,68,.24)}
.tpill.copied{border-color:rgba(245,181,68,.55)}
.tpill.copied .tcopy{background:var(--ember);color:#0A0F1A}
body.page main{padding-top:calc(64px + var(--tb))}
.hud{top:calc(74px + var(--tb))}
@media (max-width:860px){body.page main{padding-top:calc(128px + var(--tb))}.hud{top:calc(110px + var(--tb))}}
@media (max-width:720px){.thint{display:none}.tca .full{display:none}.tca .short{display:inline}}
@media (max-width:380px){.tpill{gap:8px;padding-left:10px}.tcopy span{display:none}.tcopy{padding:0 7px}}
@media (prefers-reduced-motion:reduce){.tpill.soon .tdot::after{animation:none;opacity:0}}

/* real coin pictures over the generated initials */
.logo,.glyph{position:relative;overflow:hidden}
.logo img,.glyph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--steel-0,#0A0F1A)}

/* the brand ring */
.brand img.mark{width:28px;height:28px;border-radius:50%;display:block;flex:none}

/* grid cells that cannot take a bet do not pretend to be buttons */
td:not(.rail):not(.atk):hover .cell.refused,td:not(.rail):not(.atk):hover .cell.full{cursor:default;background:none}

/* wallet app links in the bet slip */
.slip-msg a,.note-connect a:not(.btn),#wallet-note .micro a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* wallet picker, shown when more than one wallet is installed */
.wpick-wrap{position:fixed;inset:0;z-index:220;display:grid;place-items:center}
.wpick-bg{position:absolute;inset:0;background:rgba(4,7,14,.62);backdrop-filter:blur(4px)}
.wpick{position:relative;width:min(360px,92vw);background:#0F1624;border:1px solid var(--edge);border-radius:16px;padding:18px;display:grid;gap:8px}
.wpick-t{margin:0 0 6px;font:700 18px/1.2 Archivo,system-ui,sans-serif;color:var(--chalk)}
.wpick button{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--edge);background:rgba(238,241,245,.04);color:var(--chalk);font:inherit;cursor:pointer;text-align:left}
.wpick button i{position:relative;width:28px;height:28px;border-radius:8px;flex:none;background:rgba(238,241,245,.08);display:grid;place-items:center;overflow:hidden;font-style:normal}
.wpick button i::before{content:attr(data-l);font:600 13px/1 Archivo,system-ui,sans-serif;color:var(--mist)}
.wpick button i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1b2130}
.wpick button:hover{border-color:rgba(245,181,68,.55)}
.wpick .wpick-x{justify-content:center;color:var(--mist);background:transparent}

/* estimates on empty markets, folded far prices, seed tags */
.fc-row .bar.est i{opacity:.4}
.fc-row .bar.est span{color:var(--mist)}
.fc:not(.all) .fc-row.far{display:none}
.fc-toggle{display:block;margin:6px auto 2px;padding:10px 16px;background:transparent;border:0;color:var(--mist);font:inherit;font-size:13.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.fc-toggle:hover{color:var(--chalk)}
.tape .seed{font-style:normal;font-size:11px;letter-spacing:.04em;color:var(--ember);margin-left:6px}

/* the four date tabs stay on one row on a phone */
@media (max-width:560px){.fc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.fc-tabs button{padding-left:4px;padding-right:4px;white-space:nowrap}}

/* the seed mark sits under the pool size instead of pushing into the buttons */
.fc-row .pool small em.seeded{display:block;font-style:normal;font-size:10.5px;letter-spacing:.04em;color:var(--ember);margin-top:1px}

/* the connected wallet menu */
.wmenu{position:fixed;z-index:210;min-width:240px;max-width:min(320px,92vw);background:#0F1624;border:1px solid var(--edge);border-radius:14px;padding:8px;display:grid;gap:2px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.wmenu-a{margin:4px 8px 8px;font:12px/1.4 'JetBrains Mono',monospace;color:var(--mute);word-break:break-all}
.wmenu a,.wmenu button{display:block;text-align:left;padding:10px 10px;border-radius:9px;border:0;background:transparent;color:var(--chalk);font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.wmenu a:hover,.wmenu button:hover{background:rgba(238,241,245,.06)}
.wmenu [data-act=off]{color:var(--ember)}

/* how it works: readable prose, tables that scroll on their own */
.doc-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.doc-toc a{padding:7px 12px;border-radius:999px;border:1px solid var(--edge);color:var(--mist);text-decoration:none;font-size:13px}
.doc-toc a:hover{color:var(--chalk);border-color:rgba(245,181,68,.5)}
.doc{max-width:820px}
.doc p{color:var(--mist);font-size:16px;line-height:1.7;margin:0 0 14px;max-width:74ch}
.doc ul{margin:0 0 16px;padding-left:20px;color:var(--mist);font-size:16px;line-height:1.7;max-width:74ch}
.doc li{margin:5px 0}
.doc b{color:var(--chalk);font-weight:600}
.doc a{color:var(--chalk);text-underline-offset:3px}
.doc code{font-family:"JetBrains Mono",monospace;font-size:13.5px;color:var(--chalk);background:rgba(238,241,245,.05);padding:1px 6px;border-radius:6px}
.doc .formula{padding:13px 16px;border-radius:12px;background:rgba(238,241,245,.04);border:1px solid rgba(238,241,245,.07);font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--chalk)}
.doc .wrap{overflow-x:auto;margin:6px 0 16px}
.doc table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.doc th,.doc td{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(238,241,245,.08);vertical-align:top;color:var(--mist)}
.doc th{color:var(--mute);font-weight:400;font-size:12.5px}
.doc td small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.doc td.mono{font-family:"JetBrains Mono",monospace;font-size:12.5px;word-break:break-all}
.doc td.links a{color:var(--ember)}
.doc-sec{scroll-margin-top:140px}

/* X link in the nav */
.navx{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--edge);color:var(--mist);margin-left:auto;margin-right:10px;flex:none}
.navx:hover{color:var(--chalk);border-color:rgba(245,181,68,.5)}
.navx svg{width:16px;height:16px}