@font-face{font-family:BS;src:url(/assets/fonts/big-shoulders.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:MM;src:url(/assets/fonts/martian-mono.woff2) format("woff2");font-weight:300 800;font-stretch:75% 100%;font-display:swap}
:root{--paper:#E5E3DD;--sheet:#F3F2EE;--ink:#0F1215;--mute:#5A6168;--rule:#C2C5C5;--steel:#59636C;--punch:#D2D0C9;--cob:#2F5D8A;--vio:#5A2D91;
  --d1:BS,Impact,sans-serif;--mono:MM,ui-monospace,monospace;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .12 0 0 0 0 .14 0 0 0 .95 -.36'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.6 var(--mono);font-stretch:87.5%;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:var(--grain);opacity:.5;mix-blend-mode:multiply}
main,.ft{overflow-x:clip}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink);color:var(--sheet);padding:8px 12px}
.wrap{width:min(1360px,100% - 64px);margin-inline:auto}
.kick{font:600 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}
.note{font:400 12px/1.6 var(--mono);color:var(--mute);margin:10px 0 0}
h1,h2,h3{margin:0;font-family:var(--d1);text-transform:uppercase}
.mis{text-shadow:3px 2px 0 rgba(90,45,145,.30),-2px -1px 0 rgba(47,93,138,.22)}
:focus-visible{outline:2px solid var(--vio);outline-offset:3px}

/* top */
.top{background:var(--ink);color:var(--sheet)}
.top-in{display:flex;align-items:center;gap:26px;height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 30px/1 var(--d1);text-transform:uppercase;letter-spacing:.04em}
.tabs{display:flex;margin-left:auto;border:1px solid #3B4249}
.tabs a{font:600 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:9px 16px;border-right:1px solid #3B4249}
.tabs a:last-child{border-right:0}
.tabs a[aria-current=page]{background:var(--sheet);color:var(--ink)}
.tabs a:hover{background:#252B31}.tabs a[aria-current=page]:hover{background:var(--sheet)}
.chip{margin:0;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1.5px dashed #9E8BC0;color:#CDBEE6}

/* steelyard svg */
.yard{display:block;width:100%;height:auto;overflow:visible}
.y-ring{fill:none;stroke:var(--ink);stroke-width:4}.y-shk{stroke:var(--ink);stroke-width:4}.y-strap{fill:var(--ink)}
.y-tk{stroke:var(--ink);stroke-width:1.6}.y-tk.z{stroke:var(--vio);stroke-width:3.2}
.y-tl{font:700 14px var(--mono);fill:var(--mute);text-anchor:middle}
.y-knife{fill:var(--ink)}
.y-gap{fill:var(--ink);opacity:.78}
.y-nl{font:500 15px var(--mono);fill:var(--ink);letter-spacing:.06em}.y-nl .v{font-weight:800}.y-nl.c{fill:var(--cob)}
.y-dia{fill:var(--sheet);stroke:var(--cob);stroke-width:3.5}
.y-rider{fill:none;stroke:var(--ink);stroke-width:3.5}
.y-str{stroke:var(--ink);stroke-width:2}
.y-pl{font:600 13px var(--mono);fill:var(--mute);letter-spacing:.1em}
.y-pv{font:800 34px var(--d1);fill:var(--ink);letter-spacing:.01em}
.y-off{font:900 34px var(--d1);fill:var(--vio)}
.yard .pz,.ryard .pz{transition:transform 1.7s cubic-bezier(.2,1.25,.34,1) var(--d,0ms)}
.yard.rest .pz,.ryard.rest .pz{transform:none!important;transition:none}
.yard .sw{transform-box:view-box}
.yard.n .y-nl{font-size:19px}.yard.n .y-tl{font-size:17px}.yard.n .y-pl{font-size:16px}.yard.n .y-pv{font-size:38px}.yard.n .z-l{font-size:26px}.yard.n .z-s{display:none}.yard.n .z-pl{font-size:15px}
.ryard .sw{transform-box:view-box;transform-origin:200px 19px}
.yard:not(.rest) .sw,.ryard:not(.rest) .sw{animation:swing 2.6s ease-out var(--d,0ms) both}
.row:hover .ryard .sw{animation:swing2 1.3s ease-out}
@keyframes swing{0%{rotate:0deg}14%{rotate:10deg}34%{rotate:-6deg}54%{rotate:3.5deg}74%{rotate:-1.5deg}100%{rotate:0deg}}
@keyframes swing2{0%{rotate:0deg}25%{rotate:-8deg}50%{rotate:5deg}75%{rotate:-2deg}100%{rotate:0deg}}
.ryard{display:block;width:100%;height:auto;overflow:visible;position:relative}
.r-tk{stroke:var(--mute);stroke-width:1.2}
.r-arm{fill:var(--steel)}
.r-gap{fill:var(--ink);opacity:.8}
.r-dia{fill:var(--sheet);stroke:var(--cob);stroke-width:2.4}
.r-rider{fill:var(--sheet);stroke:var(--ink);stroke-width:2}
.r-str{stroke:var(--ink);stroke-width:1.4}.r-pear{fill:var(--ink)}
.r-off{fill:none;stroke:var(--vio);stroke-width:2.4}

/* hallmarks and stamps */
.hm{display:block;width:132px;height:32px;overflow:visible}
.hm1{width:30px;height:32px;overflow:visible;display:inline-block}
.pf{fill:var(--punch)}
.pt{font:800 13px var(--mono);fill:#22262A;text-anchor:middle;font-stretch:75%}
.pu.warn .pt{fill:var(--vio)}
.pu{transform-box:fill-box;transform-origin:center;animation:punch .4s cubic-bezier(.2,.9,.3,1.3) calc(.25s + var(--i,0) * 80ms) both}
@keyframes punch{0%{transform:scale(1.5);opacity:0}100%{transform:none;opacity:1}}
.vst{display:inline-block;position:relative;vertical-align:middle}
.vst .ink{display:inline-block;font:800 13px/1 var(--d1);letter-spacing:.12em;text-transform:uppercase;padding:5px 10px 4px;border:2px solid currentColor;border-radius:999px;box-shadow:inset 0 0 0 2px var(--sheet),inset 0 0 0 3.2px currentColor;transform:rotate(var(--r,0deg));filter:url(#vink);white-space:nowrap;color:var(--vio)}
.v-div .ink{background:var(--vio);color:var(--sheet);box-shadow:none;border-color:var(--vio)}
.v-nc .ink{color:#53585E;border-style:dashed;box-shadow:none}
.office{display:block;width:100%;height:auto;filter:url(#vink)}
.o-r{fill:none;stroke:var(--vio);stroke-width:3.4}.o-r.t{stroke-width:1.4}
.o-t{font:700 11.5px var(--mono);letter-spacing:.2em;fill:var(--vio)}
.o-c{font:900 27px var(--d1);letter-spacing:.1em;fill:var(--vio);text-anchor:middle}
.vstamp-pin{position:absolute;width:210px;right:-6px;top:30px;transform:rotate(-9deg);mix-blend-mode:multiply;opacity:.88;animation:strike .55s cubic-bezier(.2,.9,.3,1.25) 1.2s both;pointer-events:none}
@keyframes strike{0%{transform:rotate(-9deg) scale(1.6);opacity:0}100%{transform:rotate(-9deg) scale(1);opacity:.88}}
.tip{cursor:help;position:relative}
.tipbox{position:fixed;z-index:90;max-width:min(280px,calc(100vw - 16px));background:var(--ink);color:var(--sheet);font:400 11.5px/1.45 var(--mono);font-stretch:87.5%;padding:7px 9px;box-shadow:0 6px 18px rgba(0,0,0,.25);pointer-events:none}
.tipbox[hidden]{display:none}

/* hero */
.hero{position:relative;padding:44px 0 26px}
.hero-t{display:grid;grid-template-columns:1.3fr .7fr;gap:12px 48px;align-items:end}
.hero-t .kick{grid-column:1/-1}.hero-t h1{grid-column:1}.hero-side{grid-column:2;padding-bottom:6px}
.hero h1{font-size:clamp(64px,10.6vw,168px);line-height:.8;font-weight:900;letter-spacing:-.005em;animation:reg 1.1s cubic-bezier(.2,.8,.2,1) both}
.outline{color:transparent;-webkit-text-stroke:2.5px var(--ink);text-shadow:none}
@keyframes reg{0%{text-shadow:16px 7px 0 rgba(90,45,145,0),-10px -5px 0 rgba(47,93,138,0);opacity:.15}100%{text-shadow:3px 2px 0 rgba(90,45,145,.30),-2px -1px 0 rgba(47,93,138,.22);opacity:1}}
.lede{font-size:15px;line-height:1.6;margin:0;max-width:520px}
.tally{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.tally li{background:var(--punch);padding:8px 13px 6px;display:flex;flex-direction:column;box-shadow:inset 1.5px 2px 3px rgba(0,0,0,.38),inset -1px -1px 1px rgba(255,255,255,.8);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);animation:punch .4s cubic-bezier(.2,.9,.3,1.3) calc(.4s + var(--i) * 80ms) both}
.tally b{font:900 40px/1 var(--d1);color:#22262A;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.tally span{font:700 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#41474D}
.yard-fig{position:relative;margin:34px 0 0;padding:26px 30px 18px;background:radial-gradient(rgba(15,18,21,.075) 1px,transparent 1.4px) 0 0/6px 6px,var(--sheet);border:1px solid var(--ink)}
.yard-fig::before{content:"";position:absolute;inset:-12px;pointer-events:none;background:
  linear-gradient(var(--ink),var(--ink)) 0 0/22px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 0/1px 22px no-repeat,
  linear-gradient(var(--ink),var(--ink)) 100% 0/22px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 100% 0/1px 22px no-repeat,
  linear-gradient(var(--ink),var(--ink)) 0 100%/22px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 100%/1px 22px no-repeat,
  linear-gradient(var(--ink),var(--ink)) 100% 100%/22px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 100% 100%/1px 22px no-repeat}
.yard-fig figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;border-top:1px solid var(--rule);padding-top:12px;margin-top:8px}
.hc-h{display:flex;align-items:center;gap:14px}
.hc-h b{font:900 34px/1 var(--d1)}.hc-h i{font-style:normal;color:var(--mute)}
.hc-t{font-size:12.5px;color:var(--mute)}
.yard-fig .vstamp-pin{top:12px;right:34px;width:170px}

/* how to read */
.howto{border-top:4px solid var(--ink);margin-top:36px;padding:22px 0 26px;border-bottom:1px solid var(--ink)}
.howto h2{font:800 30px/1 var(--d1);margin-bottom:18px;letter-spacing:.02em}
.ht-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
.ht-yard{background:var(--sheet);border:1px solid var(--rule);padding:16px 18px}
.ht-yard .kick{margin-bottom:4px}
.ht-yk{list-style:none;margin:12px 0 0;padding:0;font-size:12.5px;line-height:1.5}
.ht-yk li{display:grid;grid-template-columns:26px 1fr;gap:8px;margin:7px 0}.ht-yk em{color:var(--mute)}
.ht-yk .k{display:block;width:18px;height:14px;margin-top:3px}
.k-hook{border-left:3px dashed var(--vio);margin-left:7px;width:3px!important}
.k-dia{width:12px!important;height:12px!important;transform:rotate(45deg);border:2.5px solid var(--cob);margin-left:3px}
.k-poise{width:14px!important;height:16px!important;background:var(--ink);border-radius:50% 50% 45% 45%/40% 40% 60% 60%}
.k-bar{height:5px!important;margin-top:7px!important;background:var(--ink);opacity:.8}
.ht-marks{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin:0;align-content:start}
.ht-marks dt{font:800 20px/1 var(--d1);text-transform:uppercase;display:flex;flex-direction:column;gap:8px}
.ht-marks .ms{display:flex;gap:6px;align-items:center;min-height:34px}
.ht-marks dd{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#2D3238}

/* bar + register */
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:22px 0 6px}
.seg{display:flex;flex-wrap:wrap;border:1.5px solid var(--ink);background:var(--sheet)}
.seg button{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;border:0;background:none;color:var(--ink);padding:9px 12px;cursor:pointer;border-right:1px solid var(--rule)}
.seg button:last-child{border-right:0}.seg button span{color:var(--mute)}
.seg button[aria-pressed=true]{background:var(--ink);color:var(--sheet)}.seg button[aria-pressed=true] span{color:#B9A6DA}
.sel{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.bar select,.sel select{font:500 12.5px var(--mono);background:var(--sheet);border:1.5px solid var(--ink);padding:7px 8px;color:var(--ink);border-radius:0}
.grp{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:26px 0 10px}
.grp span{font:900 40px/1 var(--d1)}.grp b{font:900 40px/1 var(--d1);color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.grp small{font:400 12px var(--mono);color:var(--mute)}
.rows{background:var(--sheet);border:1px solid var(--ink);border-top:4px solid var(--ink)}
.row{position:relative;display:grid;grid-template-columns:140px minmax(130px,170px) minmax(240px,1fr) 84px 84px 92px 80px 74px 170px;gap:0 14px;align-items:center;padding:7px 14px;border-bottom:1px solid var(--rule);transition:background .2s}
.row:last-child{border-bottom:0}
.row:hover,.row:focus-within{background:#E9E7E1}
.row.is-thin{background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(15,18,21,.035) 10px 11px)}
.row.is-thin:hover{background-color:#E9E7E1}
.row.hd{white-space:nowrap;cursor:default;font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding-top:9px;padding-bottom:9px;background:none}
.row.hd .c-yd{display:flex;justify-content:space-between;padding:0 2.5%}
.row.hd .c-yd span:nth-child(2){color:var(--vio)}
.c-tk b{font:900 24px/1 var(--d1);display:block}.c-tk i{font-style:normal;font-size:11.5px;color:var(--mute);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lnk{text-decoration:none;display:block;min-width:0}.lnk::after{content:"";position:absolute;inset:0;z-index:1}.lnk:focus-visible{outline:0}.row:has(.lnk:focus-visible){outline:2px solid var(--vio);outline-offset:-2px}
.c-mk,.c-v .tip,.c-hm{position:relative;z-index:2}
.tk-v{display:none;font-size:11px;color:var(--mute)}
.c-yd{position:relative;align-self:stretch;display:flex;align-items:center}
.c-yd::before{content:"";position:absolute;left:50%;top:-8px;bottom:-8px;border-left:1.5px dashed rgba(90,45,145,.55)}
.row.hd .c-yd::before{top:auto;bottom:-10px;height:10px}
.c-n,.c-g,.c-v{text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px}
.c-n.c{color:var(--cob)}
.c-g{font:800 22px/1 var(--d1);letter-spacing:.02em}
.c-v{color:var(--mute);font-size:12.5px}
.c-mk{display:flex;flex-wrap:wrap;gap:6px}
.c-mk .vst .ink{font-size:11.5px;padding:4px 8px 3px}
.row.hd .c-n,.row.hd .c-g,.row.hd .c-v{font:700 10px var(--mono)}

/* report */
.rep-h{position:relative;padding:40px 0 0}
.rep-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.rep-top h1{font-size:clamp(64px,10vw,160px);line-height:.8;font-weight:900}
.rep-top h1 span{font-size:.5em;margin-left:.1em}
.rep-marks .hm.big{width:300px;height:73px}
.rep-marks ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,68px);gap:8px;font:600 9.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);text-align:center}
.verdict{font-size:18px;margin:22px 0 0;max-width:780px}.verdict b{font:900 26px/1 var(--d1);letter-spacing:.02em}
.yard-fig.big{margin-top:26px}
.read{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0 0;border:1px solid var(--ink);border-top:4px solid var(--ink);background:var(--sheet)}
.read div{padding:12px 16px 10px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}
.read div:nth-child(4n){border-right:0}.read div:nth-last-child(-n+4){border-bottom:0}
.read dt{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.read dt.c{color:var(--cob)}
.read dd{margin:2px 0 0;font:800 30px/1.1 var(--d1);font-variant-numeric:tabular-nums}
.read dd small{font:400 11.5px var(--mono);color:var(--mute)}
.read .tip{border-bottom:2px dotted var(--mute)}
.fig{padding:34px 0 0}
.fig-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;border-bottom:4px solid var(--ink);padding-bottom:8px;margin-bottom:12px}
.fig-h h2,.two h2,.plate h2,.bt h2{font:800 26px/1.05 var(--d1);letter-spacing:.02em}
.legend{margin:0;font:400 11px var(--mono);color:var(--mute);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.legend i{display:inline-block;width:18px;height:10px;margin-right:6px;vertical-align:-1px}
.lg-p{border-top:2px solid var(--vio);height:0!important}.lg-n{border-top:2.5px solid var(--ink);height:0!important}.lg-b{background:rgba(47,93,138,.3)}.lg-a{background:rgba(15,18,21,.1)}.lg-o{width:10px!important;border:1.5px solid var(--ink);border-radius:50%}
.chart{background:var(--sheet);padding:14px 10px 6px;border:1px solid var(--rule)}
.two{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;padding:40px 0 10px}
.two h2,.bt h2{border-bottom:4px solid var(--ink);padding-bottom:8px;margin-bottom:6px}
.two h2 small,.bt h2 small{font:600 10.5px var(--mono);color:var(--mute);letter-spacing:.12em;margin-left:8px}
.log ol{list-style:none;margin:0;padding:0}
.log li{display:grid;grid-template-columns:110px 1fr auto;gap:14px;padding:8px 0;border-bottom:1px solid var(--rule);align-items:baseline;font-size:13px}
.log b{font-weight:700;font-variant-numeric:tabular-nums}
.log time{color:var(--mute)}
.log li.an span::before{content:"";display:inline-block;width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;margin-right:9px;vertical-align:-1px}
.log li.al span::before{content:"";display:inline-block;width:9px;height:2px;background:var(--cob);margin-right:9px;vertical-align:3px}
.bt{color:var(--mute)}
.bt h2{font-size:20px;color:var(--ink);border-bottom-width:2px}
.bt dl{margin:8px 0 0;font-size:12px;line-height:1.6}
.bt dl div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dotted var(--rule)}
.bt dd{margin:0;color:#3E454B;text-align:right;font-variant-numeric:tabular-nums}.bt dd small{display:block;font-size:10.5px;color:var(--mute)}
.bt b{color:#3E454B}

/* bench */
.bench-h{position:relative;padding:40px 0 0}
.bench-h h1{font-size:clamp(64px,10vw,160px);line-height:.8;font-weight:900}
.bench-h .lede{margin-top:18px;max-width:640px}
.z-bid{fill:rgba(47,93,138,.16);stroke:var(--cob);stroke-width:2}
.z-ask{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:7 5}
.z-l{font:900 24px var(--d1);text-anchor:middle;fill:var(--ink);letter-spacing:.08em}
.z-s{font:500 12px var(--mono);text-anchor:middle;fill:var(--mute)}
.z-px{fill:var(--vio)}.z-pl{font:600 13px var(--mono);fill:var(--vio)}
.z-bid,.z-ask,.z-l,.z-s{transition:x .45s,width .45s}
.rd rect{fill:var(--sheet);stroke:var(--ink);stroke-width:3}.rd.b rect{stroke:var(--cob)}
.rd{transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
#s-fig figcaption{font-size:12.5px;color:var(--mute);display:block}
.bench{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;padding:34px 0 20px;align-items:start}
.knobs fieldset{border:0;border-top:4px solid var(--ink);background:var(--sheet);margin:0 0 16px;padding:14px 18px 18px;min-width:0;box-shadow:0 0 0 1px var(--rule)}
.knobs legend{float:left;width:100%;font:800 22px/1 var(--d1);text-transform:uppercase;display:flex;align-items:center;gap:10px;padding:0;margin-bottom:12px;letter-spacing:.02em}
.knobs legend .n{font:900 14px var(--d1);background:var(--punch);box-shadow:inset 1px 1.5px 2px rgba(0,0,0,.4),inset -1px -1px 1px rgba(255,255,255,.8);padding:5px 7px;color:#22262A}
.knobs legend+*{clear:both}
.usdc{display:flex;align-items:baseline;gap:12px;font:700 11px var(--mono);letter-spacing:.12em;color:var(--mute)}
.usdc input{font:900 40px/1 var(--d1);width:100%;max-width:260px;border:0;border-bottom:3px solid var(--ink);background:none;color:var(--ink);padding:2px 0;border-radius:0}
.rng{display:grid;grid-template-columns:88px 1fr 64px;align-items:center;gap:12px;font:700 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:8px 0}
.rng output{font:900 26px/1 var(--d1);color:var(--ink);text-align:right}
input[type=range]{width:100%;accent-color:var(--vio);margin:0}
.opt{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:13px;margin:8px 0;line-height:1.5}
.opt input{accent-color:var(--ink);margin-top:4px}
.bench-r{display:grid;gap:22px}
.plate{background:var(--sheet);border:1px solid var(--rule);border-top:4px solid var(--ink);padding:14px 18px 18px}
.plate h2{margin-bottom:10px}
.ladder{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.ladder th{text-align:left;font-weight:400;padding:6px 0}.ladder td{text-align:right;padding:6px 0 6px 14px}
.ladder tr{border-bottom:1px solid var(--rule)}
.ladder .nv{font-weight:800;border-bottom:2px solid var(--vio)}.ladder .px{color:var(--vio)}

/* footer */
.ft{margin-top:56px;background:var(--ink);color:#C9CDD1;padding:26px 0 30px}
.ft-in{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}
.fine{margin:0;font-size:13.5px}.fine strong{color:#fff}
.src{margin:0;font-size:11.5px;line-height:1.6;color:#9AA1A8}
.sig{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;align-items:center;font:600 11.5px var(--mono);letter-spacing:.1em;color:#9AA1A8;padding-top:14px;border-top:1px solid #343A40}
.sig a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}

@media (max-width:1299px){
  .row{grid-template-columns:140px 140px minmax(200px,1fr) 76px 76px 84px 72px}
  .c-v{display:none}.tk-v{display:block}
  .c-mk{grid-column:2/-1;padding-top:2px}.c-mk:empty{display:none}
  .row.hd .c-mk{display:none}
}
@media (max-width:1100px){.hero-t h1,.hero-side{grid-column:1}.hero-t,.ht-grid,.two,.bench{grid-template-columns:1fr}.ht-marks{grid-template-columns:1fr 1fr}.read{grid-template-columns:repeat(2,1fr)}.read div:nth-child(2n){border-right:0}.read div:nth-last-child(-n+4){border-bottom:1px solid var(--rule)}.read div:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:1023px){
  .row{display:flex;flex-wrap:wrap;gap:6px 12px;padding:12px 14px}
  .row.hd{display:none}
  .c-hm{order:1}.c-tk{order:2;flex:1;min-width:0}.c-g{order:3;font-size:26px}
  .c-yd{order:4;flex:0 0 100%;padding:4px 0}
  .c-yd::before{top:0;bottom:0}
  .c-n{order:5;flex:1 1 0;text-align:left;font-size:12.5px}
  .c-n::before,.c-v::before{content:attr(data-l);display:block;font:700 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
  .c-n.c::before{color:var(--cob)}
  .c-mk{order:6;flex:0 0 100%}
  .tk-v{display:block}
  .yard-fig .vstamp-pin,.yard-fig .vs-r{top:8px;right:14px;width:130px}
}
@media (max-width:620px){
  .wrap{width:calc(100% - 28px)}
  .top-in{height:auto;flex-wrap:wrap;gap:8px 12px;padding:12px 0 10px}
  .tabs{margin-left:0;order:3;width:100%}.tabs a{flex:1;text-align:center;padding:8px 4px;font-size:10.5px}
  .chip{margin-left:auto;font-size:9.5px;padding:4px 7px}
  .hero{padding-top:30px}
  .yard-fig .vstamp-pin,.yard-fig .vs-r{width:84px;top:4px;right:4px}
  .tally li{padding:6px 10px 5px}.tally b{font-size:30px}.tally span{font-size:8.5px}
  .yard-fig{padding:14px 10px 12px;margin-top:26px}
  .yard-fig::before{inset:-7px}
  .ht-marks{grid-template-columns:1fr}
  .hc-h b{font-size:26px}
  .row{padding:10px 10px}
  .c-tk b{font-size:21px}
  .seg button{padding:8px 8px;font-size:10px}
  .rep-marks .hm.big{width:240px;height:58px}.rep-marks ul{grid-template-columns:repeat(4,54px);gap:8px;font-size:8.5px}
  .read dd{font-size:24px}.read div{padding:10px}
  .log li{grid-template-columns:86px 1fr auto;gap:8px;font-size:12px}
  .rng{grid-template-columns:70px 1fr 56px;gap:8px}
  .ft-in{grid-template-columns:1fr}
}

/* production additions */
[hidden]{display:none!important}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{top:12px}
main{display:block;outline:0}
.brand-sh{fill:var(--punch)}.brand-y{fill:var(--ink);stroke:var(--ink);stroke-width:0}.brand-y circle:first-child{fill:none;stroke-width:1.6}.brand-y path:nth-child(2){stroke-width:1.6}.brand-y path:nth-child(5){stroke-width:1.3}
.brand-d{color:transparent;-webkit-text-stroke:1.2px var(--sheet)}
.tagline{font:800 clamp(26px,2.4vw,40px)/1 var(--d1);text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px;max-width:560px}
.tabs a[aria-current=page]{background:var(--sheet);color:var(--ink)}
.loading{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:40px 0;text-align:center}
.yard-host{min-height:120px}
.hov{display:inline}@media (hover:none){.hov{display:none}}
.ht-yk li strong{font-weight:700}
.v-rev .ink{color:var(--ink);border-style:double;border-width:4px;box-shadow:none}
.v-row{display:inline-flex;flex-wrap:wrap;gap:8px;vertical-align:middle;margin-left:6px}
.vst[tabindex]{cursor:help}
.vst[tabindex]:focus-visible{outline:2px solid var(--vio);outline-offset:4px}
.na{font:700 15px var(--mono);color:var(--mute);letter-spacing:.04em}
.read dd .tip{cursor:help}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 18px}
.crumbs a{color:var(--ink)}
.pn{margin-left:auto;display:flex;gap:6px}
.pn a{text-decoration:none;border:1.5px solid var(--ink);padding:5px 10px;background:var(--sheet)}
.pn a:hover{background:var(--ink);color:var(--sheet)}
.issues{margin:22px 0 0;background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--vio);padding:14px 18px}
.issues h2{font:800 20px/1 var(--d1);letter-spacing:.02em;margin-bottom:8px}
.issues ul{list-style:none;margin:0;padding:0}
.issues li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:6px 0;border-top:1px dotted var(--rule);font-size:12.5px;line-height:1.55}
.issues li:first-child{border-top:0}
.issues .lv{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding-top:2px}
.issues .lv-review .lv{color:var(--vio)}
.ch{display:block;width:100%;height:auto;font-family:var(--mono);overflow:visible}
.ch-g{stroke:#C9CCCC;stroke-width:1}
.ch-t{font-size:11px;fill:#545B62}
.ch-t.px{fill:var(--vio)}
.ch-bid{fill:rgba(47,93,138,.20)}.ch-ask{fill:rgba(15,18,21,.07)}
.ch-mb{fill:var(--cob)}.ch-ma{fill:var(--ink)}
.ch-nav{fill:none;stroke:var(--ink);stroke-width:2.2}
.ch-px{fill:none;stroke:var(--vio);stroke-width:1.4;stroke-linejoin:round}
.ch-an{fill:var(--sheet);stroke:var(--ink);stroke-width:1.5}
.ch-last{fill:var(--vio)}
.ps-u{fill:rgba(47,93,138,.55)}.ps-t{fill:rgba(15,18,21,.22)}.ps-c{stroke:var(--vio);stroke-width:1.4;stroke-dasharray:5 4}
.lg-u{background:rgba(47,93,138,.55)}.lg-t{background:rgba(15,18,21,.22)}.lg-c{border-top:2px dashed var(--vio);height:0!important}
#r-pos{margin-top:14px}#r-pos .legend{margin-top:6px}
.bn-b{fill:var(--cob)}.bn-a{fill:none;stroke:var(--ink);stroke-width:1}.bn-n{stroke:var(--vio);stroke-width:2}
.more,.reset,.btn{display:inline-block;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--ink);background:var(--sheet);color:var(--ink);padding:9px 14px;cursor:pointer;text-decoration:none;border-radius:0;margin-top:12px}
.more:hover,.reset:hover,.btn:hover{background:var(--ink);color:var(--sheet)}
.btn{background:var(--ink);color:var(--sheet)}.btn:hover{background:var(--vio);border-color:var(--vio)}
.btn.ghost{background:var(--sheet);color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--sheet)}
.log li.none{grid-template-columns:1fr;color:var(--mute)}
.bt.held dl,.res.held dl{border-left:3px solid var(--vio);padding-left:10px;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(90,45,145,.05) 10px 11px)}
.bt a{color:var(--ink)}
.knobs select{font:500 13px var(--mono);background:var(--paper);border:1.5px solid var(--ink);padding:8px;color:var(--ink);border-radius:0;width:100%;max-width:360px}
.knobs fieldset .sel{margin-bottom:6px}
.knobs legend .n{font:900 14px var(--d1)}
.rng label{cursor:pointer}
.grid-note{border-left:3px solid var(--vio);padding-left:10px}
.res dl{margin:8px 0 0;font-size:13px;line-height:1.55}
.res dl div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dotted var(--rule)}
.res dt{color:var(--mute)}
.res dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.res dd small{display:block;font-size:10.5px;color:var(--mute)}
.flag{font-size:12px;line-height:1.55;margin:8px 0 0;color:#2D3238}
.flag .vst .ink{font-size:11px;padding:3px 7px 2px}
.ladder caption{text-align:left}
.ladder thead th{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:4px 0;text-align:left}
.ladder thead th+th{text-align:right}
.lost{padding:56px 0 10px}
.lost h1{font-size:clamp(64px,12vw,190px);line-height:.8;font-weight:900}
.lost .lede{margin-top:22px}
.lost-a{display:flex;flex-wrap:wrap;gap:12px}
.lost .yard-fig{margin-top:40px}
.src em{font-style:italic}
.ft a{color:#fff}
@media (min-width:1800px){.wrap{width:min(1680px,100% - 120px)}body{font-size:15px}}
@media (max-width:620px){.brand{font-size:22px;gap:8px}.brand svg{width:24px;height:26px}.tagline{font-size:26px}.tally{gap:6px}.tally li{padding:6px 8px 5px}.tally b{font-size:27px}.issues li{grid-template-columns:1fr;gap:2px}.pn{margin-left:0;width:100%}.crumbs{gap:6px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* bench v3 */
.rng.num input{font:700 15px var(--mono);letter-spacing:0;text-transform:none;padding:7px 9px;border:1.5px solid var(--ink);background:var(--sheet);color:var(--ink);width:100%;min-width:0;border-radius:2px}
.rng.num output{font-size:20px}
.rules{border:1.5px solid var(--ink);padding:12px 14px;margin:16px 0 10px}
.rules h3{font:700 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}
.rules ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.55}
.ch-op{fill:none;stroke:var(--cob);stroke-width:1.6;stroke-dasharray:5 3}
.lg-op{border-top:2px dashed var(--cob);height:0!important}
.bn-o{fill:rgba(15,18,21,.38)}

/* paper desk */
.top-tools{display:flex;align-items:center;gap:8px;position:relative}
.top-tools .chip{margin:0}
.wbtn{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1.5px solid #9E8BC0;background:transparent;color:#CDBEE6;cursor:pointer}
.wbtn:hover{background:#252B31}
.wpanel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(320px,calc(100vw - 24px));background:var(--sheet);color:var(--ink);border:1px solid var(--ink);padding:12px 14px 14px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.wpanel p{margin:0 0 8px}
.wpanel .btn{display:block;width:100%;text-align:left;margin-top:8px}
.wpanel .who{font:800 18px/1.2 var(--d1);letter-spacing:.04em}
.meter{height:14px;border:1.5px solid var(--ink);background:var(--paper);position:relative}
.meter span{display:block;height:100%;width:0;background:var(--cob)}
.meter.warn span{background:var(--vio)}
.ro-h{font:800 18px/1 var(--d1);text-transform:uppercase;margin:18px 0 6px}
.ro{list-style:none;margin:0;padding:0}
.ro li{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:5px 0;border-bottom:1px dotted var(--rule);font-size:12px;line-height:1.45}
.ro b{font:800 16px/1.2 var(--d1)}
.pcard{border-top:4px solid var(--ink);background:var(--paper);padding:12px 14px 14px;margin:0 0 12px}
.pcard h3{font:800 26px/1 var(--d1);letter-spacing:.02em}
.pcard .sub{color:var(--mute);font-size:12px;margin:4px 0 0}
.fees{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.fees div{background:var(--sheet);border:1px solid var(--rule);padding:8px 10px}
.fees b{display:block;font:800 22px/1.1 var(--d1);font-variant-numeric:tabular-nums}
.fees span{font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.fees .cut{box-shadow:inset 0 3px 0 var(--vio)}
.spark{display:block;width:100%;height:46px;margin-top:8px}
.spark path{fill:none;stroke:var(--cob);stroke-width:1.6}
.jup-out{margin-top:10px}
.jup-out dl{margin:8px 0 0}
.closed{margin:8px 0 0;padding:0;list-style:none;font-size:12px;color:var(--mute)}
.closed li{padding:4px 0;border-top:1px dotted var(--rule)}
@media (max-width:620px){
  .top-tools{margin-left:auto;order:2}
  .tabs{order:3}
  .fees{grid-template-columns:1fr}
  .ro li{grid-template-columns:64px 1fr}
}
