:root {
  color-scheme:light;--paper:#f8f4eb;--white:#fffcf5;--ink:#2b211d;--muted:#6e5d54;--line:#e6d9ca;
  --brick:#ac3b2a;--brick-dark:#8d2c21;--soft:#f4e6d5;--navy:#29272f;--serif:Georgia,"Times New Roman",serif;
  --mono:ui-monospace,Consolas,"SFMono-Regular",monospace;--sans:system-ui,"PingFang SC","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 var(--sans)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ad5d2d;outline-offset:4px}
[hidden]{display:none!important}
.shell{width:min(1220px,calc(100% - 96px));margin-inline:auto}
.skip{position:fixed;left:8px;top:8px;z-index:10;background:var(--ink);color:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}
.masthead{position:sticky;top:0;z-index:5;background:#fcf8eff0;backdrop-filter:blur(15px);border-bottom:1px solid #e2d1be80}
.mast-inner{min-height:73px;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand img{display:block}.brand span{display:grid;gap:3px}.brand strong{font-size:17px;line-height:1;letter-spacing:-.045em;font-weight:900}.brand small{font:750 9px/1.1 var(--mono);color:var(--muted);letter-spacing:.09em}
nav{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:750}nav a{padding:8px 12px;border-radius:99px;white-space:nowrap;color:#57493f}nav a:hover,nav a.active{background:#f3e4d5;color:#812d23}
.top-status{margin-left:auto;display:flex;align-items:center;gap:7px;padding:6px 9px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;color:#594840;font-size:11px;font-weight:800}.top-status i,.pass-state i,.overline i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#c45a41}
.menu-toggle{display:none}
.hero-section{overflow:hidden;background:radial-gradient(ellipse at 85% 52%,#f0d7b694 0,transparent 50%),linear-gradient(123deg,#fbf6ed 0%,#f8f1e6 67%,#f9f3e9 100%);border-bottom:1px solid var(--line)}
.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:center;padding:42px 0 26px;min-height:530px}
.hero-copy{position:relative;z-index:1;padding-block:20px}
.eyebrow,.overline,.hero-tag,.hero-label,.art-credit,.tape,.pass-state,.pass-foot{font:800 10px/1.3 var(--mono);letter-spacing:.14em}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#674137;padding:7px 10px;border:1px solid #e6cfbb;border-radius:6px;background:#fff9ee90}
.slashes{width:24px;height:8px;background:repeating-linear-gradient(112deg,#a9392c 0 3px,transparent 3px 6px)}.rule{height:1px;width:15px;background:#9a6d58}
.hero-name{margin:22px 0 13px}.hero h1{font-size:clamp(53px,6.8vw,101px);line-height:.99;letter-spacing:-.09em;font-weight:930;margin:0}
.hero h1 span,.wordmark span{color:var(--brick)}
.wordmark{font:900 clamp(18px,3.5vw,49px)/1.04 var(--serif);letter-spacing:-.06em;margin-top:10px;color:#7b352b}
.hero h2{font-size:clamp(23px,2.8vw,37px);letter-spacing:-.05em;margin:18px 0 9px;color:var(--brick-dark)}
.hero p{font-size:14px;color:var(--muted);max-width:410px;margin:0;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:820;transition:background .2s,color .2s,transform .2s;line-height:1.3}
.btn:hover{transform:translateY(-1px)}.red{color:#fff8eb;background:var(--brick);border-color:#9c3629;box-shadow:0 6px 14px #972b2625}.red:hover{background:var(--brick-dark)}.full{width:100%}
.quiet{font-size:13px;font-weight:770;color:#694536;text-decoration:underline;text-decoration-color:#b9876d;text-underline-offset:5px}
.hero-art{position:relative;min-width:0;isolation:isolate;height:clamp(390px,41vw,500px);margin-right:7px;display:grid;place-items:center}
.plot-grid{position:absolute;inset:7% 4% 7%;z-index:-2;background:linear-gradient(#9b5e4b25 1px,transparent 1px),linear-gradient(90deg,#9b5e4b25 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#000 40%,transparent 74%);transform:rotate(-8deg)}
.planet{position:absolute;z-index:-1;aspect-ratio:1;width:66%;max-width:383px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 68% 17%,#ffd9ac 2%,#ed9b79 35%,#bd4a3a 64%,#88332c 91%);box-shadow:inset -18px -15px 45px #6f242836,0 0 40px #f7ac6a49;overflow:hidden}
.planet::after{content:"";position:absolute;inset:-12%;transform:rotate(-17deg);background:repeating-linear-gradient(174deg,transparent 0 28px,#913b373d 30px 41px,transparent 43px 49px);opacity:.63;mask-image:linear-gradient(0deg,transparent 6%,#000 44%,transparent 94%)}
.spark{position:absolute;z-index:1;top:13%;left:17%;color:#b64a36;opacity:.83}
.hero-tag{position:absolute;right:3%;top:11%;color:#774638;font-size:9px;writing-mode:vertical-rl}.hero-label{position:absolute;z-index:2;left:2%;bottom:21%;padding:10px;background:#fff0d6;border:1px solid #c58c6d;border-radius:5px;transform:rotate(-9deg);box-shadow:4px 6px 0 #b68b6b30;color:#7f332b}.hero-label b{display:block;font:900 20px/.95 var(--serif);letter-spacing:-.07em}.hero-label span{display:block;font-size:8px;letter-spacing:.10em;margin-top:6px}
.platform{position:absolute;z-index:0;bottom:9%;left:14%;right:12%;height:11%;border-radius:50%;background:linear-gradient(#f9e3be,#e4bd96 30%,#ae6e53);border:1px solid #cc9a73;box-shadow:0 14px 30px #843e2a29;transform:rotate(-2deg)}
.mascot{display:block;position:relative;z-index:1;width:min(83%,470px);height:auto;aspect-ratio:1;object-fit:contain;margin-top:-5%;filter:drop-shadow(0 19px 15px #6f2b233e)}
/* Gold X logo as the hero mark */
.hero-art .mascot.xlogo{
  width:min(76%,430px);
  aspect-ratio:1;
  object-fit:cover;
  margin-top:0;
  border-radius:28px;
  border:7px solid #fff0d6;
  box-shadow:0 28px 65px #6f2b2340;
  filter:saturate(.98) contrast(1.03);
  rotate:-2deg;
}
@media(max-width:820px){.hero-art .mascot.xlogo{width:min(68%,280px);border-width:5px}}
.art-credit{position:absolute;bottom:2%;right:9%;color:#734f3e;font-size:9px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:28px}.stat{display:flex;gap:11px;min-height:112px;align-items:flex-start;padding:17px;border-radius:16px;border:1px solid #e7d8c7;background:#fffcf5cb;box-shadow:0 9px 16px #68504007;transition:border-color .2s,background .2s}.stat:hover{border-color:#c9a38c;background:#fffdf8}.stat-id{border-radius:7px;background:#f7e8da;color:#8e3d31;padding:5px;font:800 10px/1 var(--mono)}.stat div{display:grid;gap:1px}.stat div>span{font-size:12px;font-weight:760;color:#5b4b41}.stat strong{font:850 28px/1.17 var(--serif);color:#4b2e28}.stat small{font-size:10px;color:#6e5d53}
.tape{background:#ecd4b3;border-block:1px solid #dcc0a1;color:#683b30;overflow:hidden}.tape-inner{height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px;white-space:nowrap}.tape i{font-style:normal;color:#943e2e}
.workbench{padding-top:59px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px;gap:12px}.section-head h2,.faq h2{font-size:clamp(31px,3.4vw,46px);line-height:1.09;letter-spacing:-.06em;margin:7px 0 0;font-weight:900}.section-head p,.faq>div>p{color:var(--muted);font-size:13px;margin:0}.overline{color:#7d4639}.overline i{vertical-align:1px;margin-right:4px}
.work-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:19px}
.panel{border:1px solid var(--line);border-radius:21px;background:var(--white);box-shadow:0 12px 26px #52332108;min-width:0}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:20px 23px 16px;border-bottom:1px solid #eee0d0}.panel-head h3,.data-card h3{margin:3px 0 0;font-size:23px;font-weight:850;letter-spacing:-.045em}
.chip,.in-btn{font-size:10px;font-weight:850;white-space:nowrap;padding:4px 7px;border-radius:6px}.chip{color:#7c3b30;background:#f6e8db;border:1px solid #e8cebb}.in-btn{color:#fff2e4;border:1px solid #ffd2bd66}
.panel-body{padding:21px 23px 23px}.reward,.quote{background:linear-gradient(110deg,#f5e5d2,#fbf5ea);border:1px solid #edddca;border-radius:12px;padding:13px 15px}.reward span,.quote span{font-size:12px;color:#695347}.reward strong,.quote strong{display:block;margin-top:2px;font:850 34px/1.18 var(--serif);color:var(--brick-dark);letter-spacing:-.05em}.reward strong small{font:750 10px var(--mono);letter-spacing:.1em;color:#785649}.reward p,.quote small{font-size:11px;margin:1px 0 0;color:var(--muted)}
.info-rows{margin:12px 0 0;font-size:12px}.info-rows div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.info-rows dt{color:#68584e}.info-rows dd{margin:0;font-weight:770;color:#403028;text-align:right}
.flow-block{margin-top:17px;padding-top:14px;border-top:1px solid #eddfd1}.flow-block h4{margin:0 0 8px;font-size:15px;font-weight:860;letter-spacing:-.015em}.flow-block h4 span{font:850 11px var(--mono);color:#a14233;margin-right:5px}.flow-block p{color:#625249;font-size:12px;margin:0 0 10px}
.qty-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:11px}.stepper{display:grid;grid-template-columns:43px 41px 43px;align-items:center;text-align:center;border:1px solid #deccba;border-radius:8px;min-height:42px}.stepper button,.preset button{border:0;background:transparent;min-height:41px;line-height:1;font-size:20px}.stepper button:hover:enabled{background:#f5e9dd;border-radius:7px}.stepper output{font:850 16px var(--mono)}
.preset{display:flex;gap:5px}.preset button{border:1px solid #e3d3c3;border-radius:7px;min-width:33px;min-height:35px;font:800 12px var(--mono)}.preset button[aria-pressed=true],.preset button:hover{color:#78372a;background:#f4e3d3;border-color:#d5a38f}
.quote{padding:11px 14px}.quote small{display:block}.quote small span{font-size:11px;font-weight:760}.receipt-slot{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#f6f1e9;border-radius:9px;color:#6e6056;border:1px dashed #ddcebd;font-size:12px}
.agent-pass{position:relative;isolation:isolate;overflow:hidden;padding:23px;background:radial-gradient(ellipse at 69% 41%,#5e3b45,#332b35 58%,#28262e);border-color:#584653;color:#fbefdd}
.pass-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(#e5ac9523 1px,transparent 1px),linear-gradient(90deg,#e5ac9523 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#000 20%,transparent 77%)}
.pass-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.pass-head .overline{color:#e7b2a0}.pass-state{border:1px solid #b57b7666;border-radius:99px;color:#f1d7cd;padding:5px 8px;white-space:nowrap}.pass-state i{background:#e6937b}
.agent-pass h3{font:850 clamp(35px,4.3vw,62px)/1 var(--serif);letter-spacing:-.075em;margin:17px 0 5px}.agent-pass h3 span{color:#f4a28a}.agent-pass>p{font-size:13px;margin:0;color:#dcc5bb}
.pass-art{display:grid;place-items:center;position:relative;height:clamp(228px,26vw,318px);isolation:isolate}.pass-art img{width:min(87%,290px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 12px #1e1419bb)}
.pass-disc{position:absolute;z-index:-1;aspect-ratio:1;width:min(65%,236px);border-radius:50%;background:radial-gradient(circle at 55% 33%,#c76c60,#7a3e4c 68%,#532e3c);border:1px solid #de9c8966;box-shadow:0 0 0 15px #d4837518,0 0 0 29px #d4837514}
.pass-cross{position:absolute;color:#f4ad96;font:700 23px var(--mono)}.pass-cross-left{left:11%;top:44%}.pass-cross-right{right:11%;top:31%}
.pass-meta{margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #e1a39740;padding:10px 0;gap:10px}.pass-meta dt{font:800 10px var(--mono);letter-spacing:.12em;color:#e2aaa0}.pass-meta dd{font-size:13px;margin:3px 0 0}.pass-btn{color:#f8ecdf;background:#ffffff0c;border-color:#e8b8a858;width:100%}.pass-btn:hover{background:#fff1dc21}
.pass-foot{display:flex;justify-content:space-between;color:#d2b0a4;margin-top:16px;font-size:9px}
.content-section{padding-top:52px}.chain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.data-card{padding:19px 22px}.data-card p{font-size:12px;color:#6e5d54;margin:9px 0 0}.data-card h3{font-size:17px}
.empty-chart{margin-top:14px;display:grid;place-items:center;min-height:105px;border-radius:9px;background:linear-gradient(#e8dacc75 1px,transparent 1px),linear-gradient(90deg,#e8dacc75 1px,transparent 1px),#fcf6eb;background-size:19px 19px;color:#644e44;font-size:12px;border:1px solid #eaddca}.empty-chart span{padding:5px 10px;border-radius:5px;background:#fff8ec}
.chain-value{font:900 34px var(--serif);color:#793a30;margin-top:8px}.chain-value small{font:750 12px var(--sans);color:#6e5d54}.empty-meter{height:7px;background:#eee2d4;border-radius:99px;margin-top:6px}
.activity{padding:15px 19px}.tabs{display:flex;gap:6px;border-bottom:1px solid #e9dece;padding:0 0 11px}.tabs button{border:1px solid transparent;background:none;color:#68574c;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:780}.tabs button[aria-selected=true]{background:#f6e8d9;border-color:#e8d1ba;color:#79382c}
.activity-empty{display:grid;justify-items:center;text-align:center;padding:24px 10px 23px;gap:3px}.activity-empty strong{font-size:15px}.activity-empty p{font-size:12px;color:#6e5d54;margin:0}.empty-icon{color:#9b4837;font:850 19px/1 var(--mono);background:#f6e8d9;border-radius:8px;padding:7px;margin-bottom:4px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;margin-bottom:42px}.faq>div>p{margin-top:9px}details{border-bottom:1px solid var(--line);padding:13px 0}summary{cursor:pointer;list-style:none;font-weight:800;font-size:14px;position:relative;padding-right:22px}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:0;color:var(--brick);font:800 17px var(--mono)}details[open] summary::after{content:"−"}summary span{font:800 10px var(--mono);color:#a14233;margin-right:8px}details p{margin:8px 0 0;color:#655349;font-size:13px}
.footer{border-top:1px solid var(--line);background:#f2e7d7}.footer-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:14px}.footer p{font-size:12px;color:#625349;margin:0}
dialog{width:min(430px,calc(100% - 26px));padding:21px 23px 23px;background:#fffbf1;color:var(--ink);border:1px solid #dcc4ae;border-radius:19px;box-shadow:0 25px 90px #32201d7a}dialog::backdrop{background:#2b1c2bc0;backdrop-filter:blur(3px)}
.modal-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon-close{min-height:39px;min-width:39px;border:1px solid var(--line);border-radius:8px;background:#fff8ec;font-size:22px}.modal-symbol{display:grid;place-items:center;margin-top:12px;width:45px;height:45px;border-radius:11px;background:#f6e5d4;color:#963d32;font-size:26px}dialog h2{font:900 35px/1 var(--serif);letter-spacing:-.07em;margin:12px 0 8px}dialog p{font-size:13px;color:#66544b;margin:0}.modal-state{display:flex;justify-content:space-between;font-size:13px;margin:14px 0;padding:10px 0;border-block:1px solid var(--line)}
@media(max-width:1050px){.shell{width:calc(100% - 52px)}.mast-inner{gap:16px}nav a{padding:8px 9px}.hero{min-height:450px;padding-top:28px}.hero-art{height:420px}}
@media(max-width:820px){.top-status{display:none}.mast-inner{justify-content:space-between}.hero{min-height:400px}.hero-art{height:350px}.hero-label{left:0}.panel-head,.panel-body,.agent-pass{padding-inline:17px}.stats{gap:8px}.stat{padding:12px;gap:6px}.stat-id{padding:4px}}
@media(max-width:680px){
  html{scroll-padding-top:76px}.shell{width:calc(100% - 28px)}.mast-inner{min-height:62px;gap:10px}.brand img{width:34px;height:34px}
  .menu-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:40px;background:#fff8ed;font-size:12px;font-weight:800}.menu-toggle span{font-size:17px;line-height:1}
  nav{display:none;position:absolute;left:14px;right:14px;top:calc(100% - 1px);border:1px solid var(--line);border-radius:12px;background:#fffbf1;box-shadow:0 12px 30px #4a2d2226;padding:7px;grid-template-columns:1fr 1fr;gap:4px}nav[data-open=true]{display:grid}nav a{padding:10px;border-radius:7px}
  .hero{grid-template-columns:1fr;gap:0;padding:20px 0 12px;min-height:0}.hero-copy{padding-block:6px}.eyebrow{font-size:9px}.hero-name{margin:13px 0 8px}.hero h1{font-size:clamp(49px,14vw,72px)}.wordmark{font-size:25px;margin-top:7px}.hero h2{font-size:24px;margin:9px 0 4px}.hero p{font-size:12px;line-height:1.6}.hero-actions{margin-top:13px;gap:13px}.hero-actions .btn{min-height:42px;padding-inline:11px}.quiet{font-size:12px}
  .hero-art{height:clamp(245px,78vw,360px);margin:-1px 0 0}.mascot{width:min(75%,300px);margin-top:-3%}.planet{width:62%;max-width:250px}.hero-label{bottom:17%;left:2%;padding:7px}.hero-label b{font-size:16px}.hero-label span,.hero-tag,.art-credit{font-size:7px}.spark{width:22px;height:22px}.platform{bottom:8%;left:13%;right:13%}.art-credit{bottom:0}
  .stats{grid-template-columns:1fr 1fr;padding-bottom:14px}.stat{min-height:76px;gap:8px;padding:9px;border-radius:10px}.stat strong{font-size:22px}.stat small{font-size:9px}.stat div>span{font-size:11px}.tape-inner{height:32px;justify-content:flex-start;font-size:8px;overflow:hidden;gap:13px}
  .workbench,.content-section{padding-top:31px}.section-head{margin-bottom:12px;align-items:start}.section-head h2,.faq h2{font-size:32px}.section-head p{font-size:11px;margin-top:10px;text-align:right}.overline{font-size:9px}
  .work-grid,.chain-grid,.faq{grid-template-columns:minmax(0,1fr);gap:12px}.panel{border-radius:15px}.panel-head{padding:15px}.panel-head h3{font-size:21px}.panel-body,.agent-pass,.data-card{padding:15px}.agent-pass h3{font-size:43px}.pass-art{height:218px}.pass-art img{width:min(78%,227px)}.pass-disc{max-width:172px}
  .faq{margin-bottom:25px}.footer-inner{padding-block:13px;flex-wrap:wrap}.footer p{order:3;width:100%;font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mascot,.spark{animation:none}.btn,.stat{transition:none}}
/* NB on-chain panels */
.secondary{border-color:#e0ccba;background:#fffaf1;color:#743b31}
.secondary:hover{background:#f8eadb}
button:disabled{cursor:not-allowed;opacity:.56;transform:none}
.mint-rule{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 14px;border:1px solid #edddca;border-radius:12px;padding:10px 14px;background:#faf0e1}
.mint-rule strong{font:850 25px var(--serif);color:var(--brick-dark);white-space:nowrap}
.mint-rule span,.flow-block h4 small{font-size:11px;color:var(--muted)}
.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inline-actions .quiet{margin-top:8px}
.flow-block p.nb-status,p.nb-status{font-size:12px;margin:8px 0;line-height:1.65}
.live-quote{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.live-quote>div{min-width:0;padding:10px 12px;border:1px solid #edddca;border-radius:10px;background:#faf3e8}
.live-quote span,.reward-claim>span{font-size:12px;color:#695347}
.live-quote strong,.reward-claim strong{display:block;margin-top:2px;color:var(--brick-dark);font-size:clamp(14px,2vw,23px);overflow-wrap:anywhere}
.launch-progress{appearance:none;display:block;width:100%;height:8px;overflow:hidden;border:0;border-radius:100px;background:#eee2d4;margin:8px 0}
.launch-progress::-webkit-progress-bar{background:#eee2d4}
.launch-progress::-webkit-progress-value{background:#a94236}
.launch-progress::-moz-progress-bar{background:#a94236}
.launch-progress:indeterminate::-moz-progress-bar{background:#eee2d4}
.contract-address,.tx-detail dd{font-family:var(--mono);overflow-wrap:anywhere;word-break:break-word}
.address-link{display:inline-block;margin-top:8px}
#refresh-chain{margin-top:10px}
.mechanism-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mechanism-card{padding:19px 20px}
.mechanism-card h3{margin:8px 0;font-size:19px;letter-spacing:-.035em}
.mechanism-card p,.rewards-panel p{font-size:13px;color:#68564d;margin:0;line-height:1.75}
.split-bar{display:grid;grid-template-columns:4fr 1fr;margin:10px 0;border-radius:6px;overflow:hidden;font-size:10px;font-weight:800}
.split-bar span{padding:4px 6px;text-align:center;background:#953a30;color:#fff8eb}
.split-bar span+span{background:#eed5b4;color:#562b24}
.rewards-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.68fr);align-items:center;gap:18px;padding:22px;background:linear-gradient(115deg,#fffaf1,#f7e8d5)}
.rewards-panel h2{margin:5px 0;font-size:clamp(24px,3vw,34px);letter-spacing:-.05em}
.reward-claim{border:1px solid #ead8c4;border-radius:12px;padding:12px 15px;background:#fffaf1}
.reward-claim strong{margin-bottom:8px}
.reward-claim p{font-size:11px;margin-top:5px}
#tx-dialog .tx-detail{margin:14px 0}
#tx-dialog #confirm-tx{margin-top:8px}
@media(max-width:680px){.mechanism-grid,.rewards-panel{grid-template-columns:1fr}.mechanism-card,.rewards-panel{padding:15px}.launch-progress{height:7px}}
/* The quoted post is presented as a source, separate from the NB identity. */
.story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,5vw,68px);align-items:center}
.story-copy p{font-size:14px;line-height:1.8;color:#56463c;margin:0 0 9px;max-width:40em}
.story-card{min-width:0;margin:0;background:radial-gradient(ellipse at 91% 12%,#c664494d 0%,transparent 53%),#392a2f;border:1px solid #795249;border-radius:18px;color:#fff5e7;padding:clamp(18px,3.5vw,35px);box-shadow:0 14px 34px #4a28171a}
.story-card .overline{color:#edc2a5}
.story-card blockquote{margin:12px 0 17px;font:850 clamp(24px,4.4vw,62px)/1.14 var(--serif);letter-spacing:-.05em;overflow-wrap:normal}
.story-card blockquote span{display:inline-block;font-family:var(--sans);color:#f4c2a4}
.story-source{display:flex;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;align-items:center;padding-top:12px;border-top:1px solid #9d6c60;font-size:12px;color:#f0d7c9}
.story-source a.quiet{color:#fff5e7;text-decoration-color:#e4a17c}
@media(max-width:680px){.story{grid-template-columns:1fr;gap:12px}.story-card{border-radius:14px}.story-card blockquote{font-size:clamp(25px,8vw,42px)}}

/* Mars arrival: one short scene, then the composition rests. */
.hero-art{
  --nb-x:0px;--nb-y:0px;
}
.mars-atmosphere{
  position:absolute;z-index:-2;inset:4% 5% 7%;pointer-events:none;
  background:radial-gradient(ellipse at 53% 48%,#f9be8d95 0%,#f6c59d68 33%,#f5c3992c 55%,transparent 73%);
}
.hero-art .plot-grid{opacity:.8}
.hero-art .planet{
  background:radial-gradient(ellipse at 68% 17%,#ffddb1 1%,#ed9b79 29%,#c65341 53%,#9d382f 75%,#612b2c 98%);
  box-shadow:inset 0 1px 1px #fff1d8c4,inset -18px -17px 46px #63232c58,0 0 46px #e38e614f;
  translate:calc(var(--nb-x) * .26) calc(var(--nb-y) * .26);
}
.hero-art .planet::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(ellipse at 79% 3%,#fff3c7b8 0%,#ffc9a43d 28%,transparent 67%);
  opacity:.78;pointer-events:none;
}
.mars-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.mars-back{z-index:0;translate:calc(var(--nb-x) * .48) calc(var(--nb-y) * .48)}
.mars-front{z-index:2;translate:calc(var(--nb-x) * .72) calc(var(--nb-y) * .72)}
.mars-orbits ellipse,.mars-orbits path{fill:none;vector-effect:non-scaling-stroke}
.mars-route{stroke:#a65443;stroke-width:1;opacity:.65}
.mars-route-faint{opacity:.39}
.mars-route-dash{stroke:#ab654c;stroke-dasharray:.24 1.6;opacity:.43}
.mars-trace,.mars-front-pulse{stroke:url(#mars-orbit-gold);stroke-linecap:round;stroke-width:2.3;opacity:0}
.mars-front-trail{stroke:#f5c28d;stroke-width:1;opacity:.29}
.mars-waypoints{fill:#f5d0a7;stroke:#b77053;stroke-width:1;opacity:.72}
.mars-waypoints circle:nth-child(3){fill:none;opacity:.48}
.hero-art .mascot{translate:calc(var(--nb-x) * .86) calc(var(--nb-y) * .86)}
.hero-art .platform{translate:calc(var(--nb-x) * .16) calc(var(--nb-y) * .16)}
html[data-nb-motion=on] .hero-art :is(.planet,.mars-orbits,.mascot,.platform){transition:translate .22s ease-out}
html[data-nb-motion=on][data-nb-intro=true] .hero-name{animation:nb-text-arrival .72s cubic-bezier(.19,1,.22,1) both}
html[data-nb-motion=on][data-nb-intro=true] .hero-copy>h2{animation:nb-text-arrival .76s .06s cubic-bezier(.19,1,.22,1) both}
html[data-nb-motion=on][data-nb-intro=true] .hero-art .mars-atmosphere{animation:nb-atmosphere-in 3.1s cubic-bezier(.18,.67,.31,1) both}
html[data-nb-motion=on][data-nb-intro=true] .hero-art .planet::before{animation:nb-sunrise 2.6s .08s ease-out both}
html[data-nb-motion=on][data-nb-intro=true] .hero-art .mars-trace{animation:nb-orbit-pass 3.85s .10s cubic-bezier(.26,.17,.33,1) both}
html[data-nb-motion=on][data-nb-intro=true] .hero-art .mars-front-pulse{animation:nb-orbit-pass 2.35s 1.85s ease-out both}
html[data-nb-motion=on][data-nb-intro=true] .hero-art .spark{animation:nb-star-arrival 2s .38s ease-out both}
html[data-nb-motion=on][data-nb-intro=true] .hero-art[data-art-ready=true] .mascot{animation:nb-mascot-arrival 1.06s cubic-bezier(.16,.8,.2,1) both}
html[data-nb-motion=on] .hero-art[data-motion-active=false] :is(.mars-atmosphere,.mars-trace,.mars-front-pulse,.spark,.mascot),
html[data-nb-motion=on] .hero-art[data-motion-active=false] .planet::before{animation-play-state:paused}
@keyframes nb-text-arrival{from{transform:translateY(9px);opacity:.73}to{transform:none;opacity:1}}
@keyframes nb-atmosphere-in{0%{transform:scale(.86);opacity:.46}43%{transform:scale(1.065);opacity:1}100%{transform:none;opacity:.88}}
@keyframes nb-sunrise{0%{opacity:.15}48%{opacity:1}100%{opacity:.78}}
@keyframes nb-orbit-pass{0%{stroke-dasharray:16 84;stroke-dashoffset:4;opacity:0}18%{opacity:.96}77%{opacity:.9}100%{stroke-dasharray:16 84;stroke-dashoffset:-112;opacity:0}}
@keyframes nb-star-arrival{0%{opacity:.46;transform:scale(.74)}54%{opacity:1;transform:scale(1.11)}100%{opacity:.83;transform:none}}
@keyframes nb-mascot-arrival{0%{transform:translateY(22px) scale(.974);opacity:.43}100%{transform:none;opacity:1}}
html[data-nb-motion=on] [data-nb-reveal][data-nb-seen=true]{
  animation:nb-section-arrival .66s var(--nb-reveal-delay,0ms) cubic-bezier(.19,1,.22,1) both;
}
.story-card[data-nb-reveal]{--nb-reveal-delay:70ms}
.mechanism-card:nth-child(2){--nb-reveal-delay:85ms}
.mechanism-card:nth-child(3){--nb-reveal-delay:170ms}
html[data-nb-motion=on] [data-nb-reveal]:focus-within{animation:none}
@keyframes nb-section-arrival{from{opacity:.30;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:680px){.mars-orbits{width:105%;max-width:none;left:-2.5%}.mars-route-dash{opacity:.31}.mars-front-trail{opacity:.19}}
@media(prefers-reduced-motion:reduce){
  .hero-art :is(.planet,.mars-orbits,.mascot,.platform){translate:none!important;transition:none!important}
  .hero-copy *,.hero-art *,.hero-art .planet::before,[data-nb-reveal]{animation:none!important}
}
html[data-nb-motion=on] [data-nb-reveal][data-nb-instant=true]{animation:none}

/* Reading flow: a clear entry, then three stages connected by the same orbital line. */
.hero-launch-status{display:flex;gap:7px;align-items:center;margin-top:13px;color:#655247;font:750 11px/1.4 var(--mono)}
.hero-launch-status i{flex:none;width:6px;height:6px;border-radius:50%;background:#b85b42;box-shadow:0 0 0 3px #b85b4223}
.hero-actions .launch-cta{gap:11px;padding-inline:15px}
.launch-cta svg{flex:none;transition:transform .2s ease}
.launch-cta:hover svg{transform:translateY(2px)}
.story{padding-top:clamp(34px,5.8vw,77px)}
.story-copy p{font-size:clamp(14px,1.36vw,19px);line-height:1.85;margin:0;max-width:31em}
.story-card{isolation:isolate;position:relative;overflow:hidden}
.story-card::before{content:"";pointer-events:none;position:absolute;z-index:-1;right:-22%;top:-112%;width:81%;aspect-ratio:1;border:1px solid #edbd9760;border-radius:50%;box-shadow:0 0 0 21px #f3c5a010,0 0 0 53px #f3c5a00b}
.launch-section{padding-top:clamp(40px,5.4vw,72px)}
.launch-heading{margin-bottom:20px}
.launch-heading h2{margin-top:0}
.launch-heading>a{flex:none;margin-bottom:3px}
.mechanism-grid{position:relative;isolation:isolate;gap:16px;--rail:#b7806a}
.mechanism-grid::before,.mechanism-grid::after{content:"";position:absolute;z-index:-1;pointer-events:none;top:19px;left:21px;right:calc(33.333% - 21px);height:1px}
.mechanism-grid::before{background:repeating-linear-gradient(90deg,var(--rail) 0 4px,transparent 4px 10px)}
.mechanism-grid::after{background:linear-gradient(90deg,#8c362f,#d4a081);transform-origin:left center;opacity:.54}
html[data-nb-motion=on] .mechanism-grid[data-nb-seen=true]{animation:none}
html[data-nb-motion=on] .mechanism-grid[data-nb-seen=true]:not([data-nb-instant=true])::after{animation:nb-connect-stages .9s .08s cubic-bezier(.19,1,.22,1) both}
@keyframes nb-connect-stages{from{transform:scaleX(0);opacity:.85}to{transform:none;opacity:.54}}
.mechanism-card{position:relative;padding:0 19px 18px;margin-top:39px;border-radius:17px;background:linear-gradient(155deg,#fffdf6,#fcf5ea);box-shadow:0 12px 22px #5233210a}
.mechanism-step{display:flex;align-items:center;gap:8px;color:#67483c;font-size:12px;font-weight:800;line-height:1;position:relative;margin-top:-39px;margin-bottom:14px;width:max-content}
.mechanism-step>span+span{padding:5px 7px;background:var(--paper);border-radius:5px}
.stage-marker{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d8a78d;border-radius:11px;background:#f8e7d5;color:#86392e;box-shadow:0 3px 9px #8139291a}
.stage-marker svg{stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;fill:none}
.mechanism-card:nth-child(2) .stage-marker{background:#f1d5b8}
.mechanism-card:nth-child(3) .stage-marker{background:#ebd5cf}
.mechanism-card .mechanism-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0;color:#82392e;line-height:1}
.mechanism-value strong{font:900 clamp(35px,4.25vw,60px)/1.04 var(--serif);letter-spacing:-.07em}
.mechanism-value small{font-size:11px;font-weight:850;color:#62483d}
.mechanism-card h3{margin:8px 0 6px;font-size:17px}
.mechanism-card .split-bar{margin:8px 0}
@media(max-width:680px){
 .hero-actions{gap:12px}.hero-actions .launch-cta{min-height:44px}
 .hero-launch-status{margin-top:10px}
 .story{gap:14px}.story-copy p{line-height:1.65}
 .launch-heading{align-items:flex-start;margin-bottom:16px;gap:8px}
 .launch-heading h2{font-size:clamp(23px,6.3vw,32px)}
 .launch-heading>a{margin-top:5px;font-size:11px}
 .mechanism-grid{gap:12px;padding-left:20px}
 .mechanism-card{margin-top:0;padding:13px 14px 15px}
 .mechanism-step{margin:0 0 7px;gap:6px}.mechanism-step>span+span{padding:4px 0;background:none}
 .stage-marker{width:30px;height:30px;border-radius:8px}.stage-marker svg{width:16px;height:16px}
 .mechanism-card::before{content:"";position:absolute;width:7px;height:7px;border:1px solid #b87c63;border-radius:50%;left:-15px;top:24px;background:#f3d4b9}
 .mechanism-card h3{font-size:16px}.mechanism-card .mechanism-value strong{font-size:39px}
}
@keyframes nb-connect-stages-vertical{from{transform:scaleY(0);opacity:.85}to{transform:none;opacity:.54}}
@media(prefers-reduced-motion:reduce){html[data-nb-motion=on] .mechanism-grid[data-nb-seen=true]::after{animation:none!important}.launch-cta svg{transition:none}}
@media(max-width:680px){
 .mechanism-grid::before,.mechanism-grid::after{display:none}
 .mechanism-card:not(:last-child)::after{content:"";position:absolute;pointer-events:none;left:-12px;top:27px;bottom:-39px;width:1px;background:repeating-linear-gradient(0deg,#a56652 0 4px,transparent 4px 9px);transform-origin:top center;opacity:.54}
 .mechanism-card::before{z-index:1}
 html[data-nb-motion=on] .mechanism-card[data-nb-seen=true]:not([data-nb-instant=true]):not(:last-child)::after{animation:nb-connect-stages-vertical .7s .16s cubic-bezier(.19,1,.22,1) both}
}
@media(prefers-reduced-motion:reduce){html[data-nb-motion=on] .mechanism-card[data-nb-seen=true]::after{animation:none!important}}

/* Workbench: show a clear prelaunch state, then only the controls that can be used. */
.mint-section-head h2{margin-top:0}
.work-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);align-items:start}
.mint-console{background:linear-gradient(145deg,#fffdf7,#fcf5e9)}
#mint-prelaunch{padding:clamp(15px,2.5vw,28px)}
.mint-gate{display:flex;align-items:flex-start;gap:14px;padding:15px 16px;border:1px solid #ecd2bd;border-radius:13px;background:#f6e5d5}
.mint-gate-icon{flex:none;width:39px;height:39px;display:grid;place-items:center;border-radius:10px;border:1px solid #dcbca8;color:#87392d;background:#fff2e3}
.mint-gate-icon svg{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none}
.mint-gate h3{margin:0;font-size:clamp(18px,2.6vw,25px);font-weight:900;letter-spacing:-.04em}
.mint-gate p{margin:3px 0 0;font-size:13px;color:#62493d;line-height:1.6}
.mint-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
.mint-terms>div{border:1px solid #eadcca;border-radius:11px;background:#fffbf3;padding:9px 12px}
.mint-terms dt{font-size:11px;color:#67554a}
.mint-terms dd{margin:2px 0 0;color:#79372b;font:900 clamp(17px,2.8vw,30px)/1.13 var(--serif);letter-spacing:-.045em;overflow-wrap:anywhere}
.mint-terms small{font:800 11px var(--mono);letter-spacing:normal;color:#67554a;white-space:nowrap}
.mint-guide{margin-top:20px}
.mint-guide h3{margin:0 0 8px;font-size:16px;font-weight:870;letter-spacing:-.03em}
.mint-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mint-steps li{display:flex;align-items:flex-start;gap:7px;min-width:0;padding:10px 8px;border:1px solid #ecdfd1;border-radius:9px;background:#fffaf0}
.mint-steps li>span{display:grid;place-items:center;min-width:21px;height:21px;background:#f1e0ce;border-radius:5px;color:#853e31;font:850 10px var(--mono)}
.mint-steps strong{display:block;font-size:12px;line-height:1.4}
.mint-steps p{color:#69574d;font-size:11px;line-height:1.5;margin:3px 0 0}
.mint-guide-actions{display:flex;align-items:center;gap:14px;margin-top:15px}
.mint-guide-actions .btn{min-height:43px}
.agent-pass .pass-copy h3{font-size:clamp(24px,3.5vw,48px);line-height:1.03;margin:14px 0 5px}
.pass-copy p{font-size:12px;margin:0;color:#e7cac0}
.agent-pass .pass-art{height:clamp(160px,18vw,242px)}
.agent-pass .pass-art img{width:min(75%,216px)}
.agent-pass .pass-disc{width:min(56%,170px)}
.agent-pass .pass-btn{min-height:42px}
@media(max-width:940px){.mint-steps{grid-template-columns:1fr}.mint-steps li{align-items:center}}
@media(max-width:680px){
 .work-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .mint-section-head p{margin-top:4px}
 #mint-prelaunch{padding:12px}
 .mint-gate{gap:9px;padding:10px}
 .mint-gate-icon{width:31px;height:31px}
 .mint-gate-icon svg{width:18px;height:18px}
 .mint-gate p{font-size:12px}
 .mint-terms{margin-top:10px}.mint-guide{margin-top:13px}
 .mint-steps li{padding:7px 8px}
 .mint-guide-actions{margin-top:11px}
 .agent-pass .pass-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.65fr);gap:7px;align-items:center;margin:2px 0}
 .agent-pass .pass-copy h3{font-size:28px;margin:0 0 5px}
 .agent-pass .pass-art{height:114px}
 .agent-pass .pass-art img{width:min(96%,112px)}
 .agent-pass .pass-disc{width:min(90%,82px);box-shadow:0 0 0 9px #d483751b,0 0 0 17px #d4837512}
 .agent-pass .pass-cross{font-size:16px}
}

/* Full-bleed X banner hero */
.hero-section{
  position:relative;
  background:#7a1b12 url('x-banner.jpg') 5% center / 160% auto no-repeat;
}
.hero-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,#4a1208b3 0%,#4a120866 30%,#4a12081f 48%,transparent 62%);
}
.hero-section::after{content:none!important;display:none!important}
.hero-section>.shell,.hero-section>.tape{position:relative;z-index:1}
.hero-art .planet{opacity:.12}
.hero-tag,.art-credit{color:#f8e2bc;text-shadow:0 1px 10px #5a1a12aa}
.spark{color:#f0c47a}
.hero-section .stats .stat{background:#fffaf4;border-color:#e9d7c3}
.hero-art .mascot.xlogo{width:min(64%,380px);border-width:6px}

/* Cream type on the red banner */
.hero h1,.hero .wordmark{color:#fff5e7;text-shadow:0 2px 22px #3d0d06aa}
.hero h2{color:#ffd8a2;text-shadow:0 2px 18px #3d0d06aa}
.hero p{color:#f1d9cb}
.hero .eyebrow{color:#ffe7c8;border-color:#f8d8b255;background:#ffffff14}
.hero .quiet{color:#ffe8cd;text-decoration-color:#f8c88a}
.hero .hero-launch-status{color:#f3d9c5}
.hero .hero-launch-status i{background:#ffc978;box-shadow:0 0 0 3px #ffc97833}
.hero .btn.red{background:#fff1df;color:#7a2619;border-color:#e7bb8f;box-shadow:0 8px 20px #3d0d0633}
.hero .btn.red:hover{background:#ffe3c4}
@media(max-width:820px){
  .hero-section{background-size:220% auto;background-position:12% center}
  .hero-section::before{background:linear-gradient(180deg,#4a1208b3 0%,#4a120866 44%,#4a12081f 60%,transparent 78%)}
  .hero-art .mascot.xlogo{width:min(58%,240px);border-width:5px}
}
.top-x{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:#fff9ee90;color:#5c3a2e;transition:background .2s,color .2s,transform .2s;flex:none}
.top-x:hover{background:#f3e4d5;color:#812d23;transform:translateY(-1px)}
.top-x svg{width:16px;height:16px;display:block;fill:currentColor}
@media(max-width:680px){.top-x{width:38px;height:38px}}

/* Story card: Starship launch background */
.story-card{
  background:linear-gradient(90deg,#2a1815f2 0%,#2a1815d9 38%,#2a181599 58%,#2a18156b 78%,#2a18154d 100%),url('story-starship.jpg') center/cover no-repeat;
  border-color:#8a5a4b;
}
.story-card blockquote{text-shadow:0 3px 18px #1a0c08cc}
.story-source{text-shadow:0 2px 10px #1a0c08cc}