/* Market-style Trade Board: Blue Grotto + deep red + Topps yellow, vintage cardboard meets fintech */
#board{--up:#12A15E;--dn:#C8102E}
.mk-ticker{display:flex;align-items:center;gap:.6rem;background:var(--grotto-dd);color:#fff;border-radius:99px;padding:.4rem .5rem .4rem .9rem;margin:0 0 1rem;overflow:hidden;box-shadow:inset 0 0 0 2px rgba(255,203,5,.25)}
.mk-live{font:700 .72rem Inter;color:var(--yellow);white-space:nowrap;letter-spacing:.06em}.mk-live em{font-style:normal;background:var(--yellow);color:var(--ink);border-radius:4px;padding:0 .3rem;margin-left:.3rem}
.mk-tt{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mk-track{display:inline-flex;gap:2rem;white-space:nowrap;animation:mkscroll 40s linear infinite;font:500 .82rem Inter}
.mk-track em{font-style:normal;opacity:.6}.mk-track .up{color:#5BE39A;font-style:normal}.mk-track .dn{color:#FF7A85;font-style:normal}
@keyframes mkscroll{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.mk-track{animation:none}}
.mk-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.mk-chips{margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.mk-chips button{white-space:nowrap;padding:.4rem .85rem;font-size:.84rem}
.mk-tools{display:flex;gap:.5rem;flex:1;min-width:260px;justify-content:flex-end}.mk-tools input{flex:1;min-width:200px;max-width:340px;border-radius:99px;padding:.5rem 1rem}
.mk-tools select{width:auto;flex:none;border-radius:99px;padding:.5rem .9rem;font:600 .85rem Inter;border:1.5px solid var(--line);background:#fff}
.mk-note{font-size:.78rem;color:var(--muted);margin:.2rem 0 1rem}
.mk-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
.mt{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:var(--sh);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;font-family:Inter,sans-serif;color:var(--ink)}
.mt:hover,.mt:focus-visible{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--grotto-m)}
.mt.is-ex{border-style:dashed}.mt.is-hr{box-shadow:0 0 0 3px rgba(255,203,5,.4),var(--sh)}
.mt-art{position:relative;height:120px;background:linear-gradient(135deg,var(--cardboard),var(--paper));display:grid;place-items:center;border-bottom:3px solid var(--red)}
.mt-art img{height:108px;width:auto;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.25);transform:rotate(-2deg)}
.mt-art.ph{background:repeating-linear-gradient(45deg,var(--grotto) 0 10px,var(--grotto-d) 10px 20px)}.mt-art.ph span{font-size:2.6rem;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));background:var(--yellow);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;border:3px solid #fff}
.mt-gr{position:absolute;right:8px;bottom:8px;font:700 .7rem Inter;font-style:normal;background:var(--red);color:#fff;padding:.15rem .45rem;border-radius:6px;border:1.5px solid var(--yellow)}
.mt-body{padding:.7rem .8rem .5rem;display:flex;flex-direction:column;gap:.15rem;flex:1}
.mt-tags{display:flex;gap:.3rem;align-items:center;min-height:18px}.mt-tags .ex{position:static;box-shadow:none}.mt-sp{font:600 .68rem Inter;text-transform:uppercase;letter-spacing:.08em;color:var(--grotto)}
.mt-pl{font:400 1.25rem/1.1 var(--display);letter-spacing:.02em}.mt-set{color:var(--muted);font-size:.78rem}
.mt-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:.4rem}.mt-k{display:block;font:600 .64rem Inter;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.mt-row strong{font:700 1rem Inter}.mt-ch{font:700 .85rem Inter;padding:.15rem .45rem;border-radius:6px}.mt-ch em{font:500 .6rem Inter;opacity:.7;margin-left:.2rem}
.mt-ch.up{color:var(--up);background:rgba(18,161,94,.1)}.mt-ch.dn{color:var(--dn);background:rgba(200,16,46,.08)}
.spark{width:100%;height:34px;margin-top:.3rem}.spark polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.spark.up polyline{stroke:var(--up)}.spark.dn polyline{stroke:var(--dn)}
.spark .area{opacity:.12}.spark.up .area{fill:var(--up)}.spark.dn .area{fill:var(--dn)}
.mt-poll,.mt-tuc{cursor:default;padding:.9rem;gap:.35rem}.mt-poll .ex,.mt-tuc .ex{position:static;align-self:flex-start}
.mt-poll{background:linear-gradient(160deg,#fff,var(--grotto-l))}
.odds{display:flex;height:30px;border-radius:8px;overflow:hidden;font:700 .78rem Inter;margin:.4rem 0}.odds span{display:flex;align-items:center;padding:0 .5rem;color:#fff;white-space:nowrap}.odds .yes{background:var(--up)}.odds .no{background:var(--dn);justify-content:flex-end}
.mt-vote{display:flex;gap:.4rem}.mt-vote button{flex:1;font:700 .9rem Inter;padding:.5rem;border-radius:8px;cursor:pointer;border:2px solid}.vy{background:rgba(18,161,94,.1);color:var(--up);border-color:var(--up)!important}.vn{background:rgba(200,16,46,.08);color:var(--dn);border-color:var(--dn)!important}.mt-vote .on{color:#fff}.vy.on{background:var(--up)}.vn.on{background:var(--dn)}
.mt-tuc{background:radial-gradient(circle at 80% 0,rgba(255,203,5,.5),transparent 55%),linear-gradient(160deg,var(--red),#8E0B1C 120%);color:#fff;border-color:var(--yellow);border-width:2px}
.mt-tuc .mt-k{color:var(--yellow)}.mt-tuc .mt-pl{font-size:1.7rem}.mt-tuc small{opacity:.9}
.ladder{list-style:none;padding:0;margin:.5rem 0;display:flex;gap:.25rem;counter-reset:r}.ladder li{flex:1;font:600 .66rem Inter;text-align:center;background:rgba(255,255,255,.15);border-radius:6px;padding:.35rem .2rem;counter-increment:r}.ladder li:before{content:counter(r);display:block;font:400 1rem var(--display);color:var(--yellow)}
.mt-tuc .btn{align-self:flex-start;background:var(--yellow);color:var(--ink)}
.mk-drawer{position:fixed;inset:0;z-index:90}.mk-dback{position:absolute;inset:0;background:rgba(6,58,82,.55);opacity:0;transition:opacity .2s}
.mk-dpanel{position:absolute;top:0;right:0;bottom:0;width:min(520px,100%);background:#fff;padding:1.3rem;overflow:auto;transform:translateX(100%);transition:transform .25s var(--ease);box-shadow:-10px 0 40px rgba(0,0,0,.2);border-left:5px solid var(--yellow)}
.mk-drawer.on .mk-dback{opacity:1}.mk-drawer.on .mk-dpanel{transform:none}
.mk-x{position:absolute;top:.8rem;right:.8rem;border:0;background:var(--grotto-l);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:1rem}
.dh{display:flex;gap:1rem;align-items:center}.dh .mt-art{width:110px;height:140px;flex:none;border-radius:10px;border:0}.dh .mt-art img{height:120px}
.dchart{margin:1rem 0;background:var(--grotto-dd);border-radius:12px;padding:.8rem}.dchart .spark{height:160px}.dchart .tiny{color:#cfe3ee}
.drange{display:flex;gap:.4rem;margin-top:.4rem}.drange span{font:600 .72rem Inter;color:#cfe3ee;padding:.2rem .5rem;border-radius:6px}.drange .on{background:var(--yellow);color:var(--ink)}
.dcta{margin:1rem 0}.dcta .btn{width:100%;text-align:center;justify-content:center;font-size:1.05rem;background:var(--red)}
@media (max-width:640px){.mk-grid{grid-template-columns:1fr 1fr;gap:.55rem}.mt-art{height:92px}.mt-art img{height:82px}.mt-pl{font-size:1.05rem}.mt-row strong{font-size:.85rem}.mt-poll,.mt-tuc{grid-column:1/-1}.mk-tools{min-width:100%}.mk-tools input{max-width:none}
 .mk-dpanel{top:auto;height:88vh;width:100%;border-left:0;border-top:5px solid var(--yellow);border-radius:18px 18px 0 0;transform:translateY(100%)}}
.mt-est{font:400 1.35rem/1 var(--display);color:var(--grotto-d);margin-top:.35rem;letter-spacing:.02em}.mt-est em,.dest em,.balt em{font:600 .6rem Inter;color:var(--muted);font-style:normal;margin-left:.2rem}.mt-est .noest{font:500 .75rem Inter;color:var(--muted)}
.dest{margin:1rem 0 .4rem;padding:.7rem .9rem;border-radius:12px;background:var(--paper);border:1.5px solid var(--yellow)}.dest b{font:400 1.8rem var(--display);color:var(--grotto-d)}.dest small{display:block;color:var(--muted)}.dest .tiny{margin:.3rem 0 0}
.bal{margin:.6rem 0;padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px}.bal label{font:600 .85rem Inter}.bal input{width:110px;display:inline-block;padding:.3rem .5rem;margin-left:.2rem}
.balt{margin:.5rem 0 .2rem;font-size:.9rem}.bbar .yes{background:var(--grotto)}.bbar .no{background:var(--red)}.bal .ok,.bal-hint .ok{color:#12A15E;font-weight:600}
.mt-age{font:600 .72rem Inter;color:var(--muted)}.mt-link{all:unset;cursor:pointer;font:600 .8rem Inter;color:var(--grotto);margin-top:.4rem}.mt-poll .mt-vote{margin-top:.5rem}
.mk-ticker[hidden]{display:none}.mk-track i{font-style:normal;opacity:.6}
/* Simplified homepage: short hero, board high, condensed accordions, compact Grail Trades strip */
.hero.hero-s{grid-template-columns:1fr;padding:clamp(1.4rem,3.5vw,2.6rem) clamp(1.2rem,6vw,6rem) 1.4rem;min-height:0}
.hero-s h1{margin:.3rem 0}.hero-s .lead{margin:.4rem 0 .8rem;max-width:46rem}.hero-s .cta{margin:.4rem 0}.hero-s .stats,.hero-s .founding-line{margin:.3rem 0;font-size:.85rem}
.hero-s .wordmark{font-size:clamp(2.2rem,6vw,3.8rem)}
#board.sec{padding-top:1.6rem}
.how-s{padding-top:1.2rem;padding-bottom:1.2rem}.how-s .steps,.how-s .step{gap:.6rem}
.stitle.sm{font-size:1.4rem}
.sec.more{padding-bottom:.2rem}
.sec.acc{padding-top:.25rem;padding-bottom:.25rem}
.acc details{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--sh)}
.acc summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;padding:.9rem 1.1rem;position:relative;padding-right:3rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary b{font:400 1.35rem var(--display);letter-spacing:.03em;color:var(--grotto-dd)}.acc summary span{color:var(--muted);font-size:.85rem}
.acc summary:after{content:'+';position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font:800 1.1rem Inter}
.acc details[open] summary:after{content:'–';background:var(--red);color:#fff}.acc details[open] summary{border-bottom:3px solid var(--red)}
.acc .acc-b{padding:.6rem 1.1rem 1.1rem}.acc .acc-b>h2.stitle,.acc .acc-b>.demo-head>h2.stitle{display:none}
.grails{padding-top:.8rem;padding-bottom:.8rem}.grails .stitle{margin-bottom:.3rem}
.grail-strip{display:flex;gap:.7rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.3rem}
.g-empty{margin:0;color:var(--muted)}.g-note{flex:none;align-self:center;max-width:220px}
.gt{flex:none;width:250px;background:linear-gradient(160deg,#fff,var(--paper));border:1.5px solid var(--yellow);border-radius:12px;padding:.6rem .8rem;display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem}
.gt-n{grid-row:span 3;font:400 1.6rem var(--display);color:var(--red)}.gt-s{margin:0;font-size:.85rem;font-weight:600}.gt-s i{font-style:normal;color:var(--grotto);font-size:.75rem}.gt-x{color:var(--muted);font-size:.8rem}.gt small{grid-column:2;color:var(--muted);font-size:.72rem}
.hero.hero-s h1 .wordmark{font-size:clamp(2rem,4.2vw,3rem)}.hero.hero-s h1 .wordmark .wm-1,.hero.hero-s h1 .wordmark .wm-2{display:inline-block;margin-right:.25em}
.hero.hero-s h1 .brandrow{margin-bottom:.15em}.hero.hero-s h1 .tagline{font-size:clamp(1.3rem,2.6vw,2rem)}
@media(max-width:700px){.hero.hero-s .kicker,.hero.hero-s .founding-line{display:none}.hero.hero-s{padding-top:1rem;padding-bottom:1rem}}

.est-edit{margin:.4rem 0}.est-lock{font:600 .8rem Inter;color:var(--muted);background:var(--grotto-l);border-radius:8px;padding:.35rem .6rem;display:inline-block;margin:.4rem 0}
#est-dlg label{display:block;margin:.4rem 0}#est-dlg input{width:100%}