/* DON'T SWAT IT. Charcoal, bone, vermilion; an editorial specimen cabinet. */
:root{--bg:#171814;--surface:#21221b;--text:#e9e5d7;--muted:#aaa899;--mint:#ded6b9;--mint-dark:#bab39c;--yellow:#dc6947;--line:#d3cab729}
body{background:var(--bg);color:var(--text)}::selection{background:#bd4c32;color:#fff0d5}
.nav{background:linear-gradient(#171814ed,transparent);border-color:#d3cab723}.brand>span{color:#e9e5d7}.brand svg{stroke:#e27251}.brand small{letter-spacing:2px}.nav-links,.network{color:#c0bdae}.wallet-button{background:transparent;border-color:#777665;color:#e9e5d7}.wallet-button:hover{background:#e0cdb512}.status-dot,.network i{background:#dc6947;box-shadow:none}
.hero{background:#171814;min-height:840px;padding-top:96px;overflow:hidden}.hero-grid{display:none}.hero-art{background:none}.hero-art::after{background:none;z-index:0}.art-halo{display:none}.hero-copy{padding-top:65px;width:56%}.hero-copy .eyebrow{color:#a9a593;letter-spacing:2px}.tiny-cross{color:#dc6947}.hero-copy .edition{border-color:#d5c4a644;color:#b7b29e}.hero h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(92px,8.8vw,148px);font-weight:900;line-height:1.18;letter-spacing:-.075em;margin:35px 0 27px;color:#ede8d8;text-shadow:none}.hero h1 em{font-style:normal;font-weight:900;-webkit-text-stroke:0;color:#ede8d8;letter-spacing:-.075em;position:relative}.hero h1 em::after{content:"";position:absolute;left:0;bottom:-6px;width:91%;height:5px;background:#be4c34;transform:rotate(-2deg);clip-path:polygon(0 45%,97% 0,100% 44%,9% 100%)}
.hero-chinese{font-size:20px;letter-spacing:.035em;color:#d3cbb7;margin-bottom:16px}.hero-description{font-size:12px;color:#aaa797;line-height:2.1}.hero-actions{gap:28px;margin-top:26px}.button.primary{background:#dc6848;border-color:#dc6848;color:#171814;box-shadow:none;font-weight:600}.button.primary:hover{background:#ee815d;color:#171814;box-shadow:none}.text-link,.hero .text-link{color:#d0c8b3}.text-link:hover{color:#e8805c;border-color:#e8805c}.hero-footnote{color:#908d7e;font-size:8px;letter-spacing:1px;margin-top:22px}
.specimen-label{right:6%;top:17%;text-align:right;transform:rotate(4deg)}.specimen-label b{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#e0d9c1;letter-spacing:2px}.specimen-label>span:last-child{color:#a8a18c;letter-spacing:1px;font-size:7px}.label-line{display:none}.art-coordinate{top:24%;right:15%;font:14px Georgia,"KaiTi",serif;color:#bdb79f;transform:rotate(7deg)}
.art-caption{bottom:13%;right:8%;width:295px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;pointer-events:auto}.art-caption button{background:#171814;border-color:#716d5d;color:#d9d1bc;min-width:44px;min-height:44px}.art-caption #dissect-fly{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:12px 17px;font:12px var(--sans);flex:1}.art-caption #dissect-fly:hover,.art-caption #dissect-fly[aria-pressed=true]{background:#d8cdb3;color:#171814;border-color:#d8cdb3}.art-caption #dissect-fly b{font-size:18px;font-weight:400}.specimen-hint{display:block;width:100%;font:9px var(--sans);color:#a9a08e;text-align:left;margin-top:3px}.crosshair{display:none}.hero-watermark{right:4%;bottom:24%;font:italic 27px/.95 Georgia,serif;letter-spacing:-1px;color:#d9cbb380;transform:rotate(-8deg);z-index:2}.specimen-stamp{position:absolute;right:4.5%;top:41%;z-index:2;transform:rotate(11deg);border:1px solid #c9694c;color:#e1a589;padding:12px 10px;font-size:13px;line-height:1.4;letter-spacing:3px;background:#171814b0}.specimen-stamp small{font:6px var(--mono);letter-spacing:1px}.hero-bottom{color:#c4bca6;border-color:#d3cab729}.hero-bottom>span:nth-child(2){color:#928f7e}.hero-bottom>span:last-child{color:#d78565}
.dataset-strip{padding:34px 0 43px;border-color:#d3cab729}.dataset-strip strong{color:#e2dcc7;font-family:Georgia,serif;font-weight:400;font-size:52px;letter-spacing:-2px}.dataset-strip .micro,.dataset-strip>div>span:last-child{color:#a4a08e}.dataset-source{color:#cec6af}.dataset-source b{color:#df7754}
.story-sticky{background:#171814}.story-visual{background:#171814!important}.story-visual::after{background:linear-gradient(90deg,#171814f2 0%,#171814a0 30%,transparent 57%),linear-gradient(0deg,#171814cc,transparent 17%,transparent 84%,#17181488)}.flight-guide{background:linear-gradient(#171814,#171814db,transparent)}.flight-header{color:#c2b9a2;letter-spacing:2px}.flight-header small{color:#807f70}.journey-controls,.journey-controls a{color:#bfb6a0}.journey-controls button{color:#d0c6ab;background:#ded6b908;border-color:#ded6b930}.flight-sketch{stroke:#b7ad934a}.flight-memory{stroke:#d9755499}.flight-wake{stroke:#dcbf8d}.flight-waypoints button,.flight-waypoints button.visited{color:#a49e87}.flight-waypoints button>span{background:#171814}.flight-waypoints button.active{color:#e79068}.flight-waypoints button.active>span{background:#3b3023}.flight-waypoints button.active::before{border-color:#d78b655e}.flight-fly{filter:none}.fly-body{fill:#8a7952;stroke:#d6c392}.fly-head{fill:#c37951}.fly-eye{fill:#e9a082}.fly-wing{fill:#e1d9bd30;stroke:#c9bea0}.fly-segment,.fly-legs{stroke:#c8bd9d}
.story-copy::before{font-family:Georgia,serif;font-style:italic;color:#ded6b911;letter-spacing:-10px}.story-copy .eyebrow{color:#d17d59;letter-spacing:1.4px}.story-copy h2{color:#e9e2cf;text-shadow:none;font-weight:650;letter-spacing:-2px}.story-copy h2 em{color:#c9b994;font-style:normal}.story-copy>p{color:#b4af9b;text-shadow:none}.story-detail{border-color:#cabe9d30;color:#aba68f}.story-detail strong{color:#d39c78}.chapter-note>span{color:#ce9977}.chapter-note>p{color:#969582}.chapter-navigation>span{color:#b4a991}.chapter-navigation button{background:#171814;color:#d5c8aa;border-color:#827760}.visual-topline,.visual-bottomline{color:#b0a58c}.specimen-tag{background:#c3b3910b;color:#c5b492;border-color:#a68a5b55;transform:rotate(-3deg)}
.field-notes{background:#d9d2bd;color:#24251e;border-top:0;padding-bottom:90px}.field-notes .eyebrow{color:#665e49}.field-notes h2{color:#25261e}.field-notes h2 em{color:#985139}.field-notes .section-heading p{color:#6b6757}.field-note-grid{gap:42px}.field-note-grid article{border-top:1px solid #77715a66;background:none;border-radius:0}.field-note-number{font-family:Georgia,serif;color:#a24932;font-style:italic}.field-note-grid h3{color:#2b2c23}.field-note-grid p{color:#6a6655}.field-note-grid a{color:#834a35;border-color:#aa806450}
.lab{padding-top:100px}.section-heading h2{color:#e5deca}.section-heading h2 em{color:#c6b994}.section-heading p{color:#a09b87}.lab-panel{background:#202119;border-color:#a99b7340}.lab-controls output,.lab-output>strong{color:#d8c9a3}.lab-controls .micro,.lab-output .micro,.panel-topline,.signal-legend,.potential-title,.threshold-row,.range-ends,.lab-output>p{color:#a69e86}.reset-button,.firing-status{color:#c1b695}.legend-mint{background:#d4c59f}.legend-yellow{background:#da7450}
.live{background:#27291f;--text:#e9e2cb;--muted:#aaa38a;--mint:#d2c098;--line:#cec09830;border-color:#c7b99c38}.live h2,.live-numbers b{color:#e2d8be}.live h2 em,.live .eyebrow,.live .text-link,.live .live-phase strong{color:#ceae7c}.live .live-phase>span:last-child{color:#a49e87}.live .status-dot{background:#dc6947}.live .assembly-track{background:#c4b48d17}
.verify .eyebrow{color:#cc8d68}.evidence-title{color:#dad0b7}.evidence-status{color:#bcb194;background:#bca7770b;border-color:#cdb38630}.evidence-body>p,.evidence-note{color:#a8a089}.evidence-body .text-link{color:#cbbc98}.hash-box{background:#c0aa7210;border-left-color:#a1804c}.hash-box code,.hash-box button{color:#d0bd95}.hash-box>span{color:#a99c7b}.plus{color:#c8b491}
.closing{background:#b84931;color:#211c14;padding-top:100px;padding-bottom:110px}.closing h2,.closing h2 em{color:#eedbb9;font-weight:800}.closing .eyebrow,.closing p,.closing-note{color:#f0d5b6}.closing-orbit{display:none}.closing .button.primary{background:#e0cfad;border-color:#e0cfad}.footer-brand{color:#c9bfa4}footer small{color:#a49a80}.toast{background:#ded0b0;color:#211f17}
.field-notes .section-heading h2{color:#25261e}.field-notes .section-heading h2 em{color:#985139}
@media(min-width:1700px){.hero-copy{width:56%;padding-left:0}.hero h1{font-size:9vw}}
@media(max-width:1100px) and (min-width:721px){.hero-copy{width:60%;padding-top:65px}.hero h1{font-size:clamp(88px,10.5vw,116px)}.hero-chinese{font-size:17px}.art-caption{right:5%;width:260px;bottom:15%}.hero-description{max-width:330px}.specimen-stamp{right:3%;top:53%;font-size:11px}.specimen-label{top:21%}.art-coordinate{display:none}}
@media(max-width:720px){.nav{background:#171814c9}.nav-links{background:#202119fa;border-color:#b5a78130}.hero{min-height:910px;height:100svh;padding:116px 7% 65px}.hero-copy{width:100%;padding:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:clamp(66px,17vw,93px);margin:21px 0 21px;line-height:1.08;letter-spacing:-5px}.hero h1 em{letter-spacing:-5px}.hero h1 em::after{height:3px;bottom:-8px}.hero-chinese{font-size:15px;letter-spacing:.02em;margin-bottom:10px}.hero-description{font-size:10px;line-height:1.9}.hero-actions{margin-top:17px;gap:19px}.hero-actions .button{padding:13px 19px;font-size:11px}.hero-actions .text-link{font-size:10px}.hero-footnote{display:none}.specimen-label{top:52%;right:8%;transform:rotate(4deg)}.specimen-label b{font-size:12px}.specimen-label>span:last-child{font-size:5px}.specimen-stamp{top:68%;right:5%;font-size:9px;padding:7px;letter-spacing:1px}.specimen-stamp small{font-size:5px}.hero-watermark{font-size:19px;right:auto;left:7%;bottom:25%}.art-caption{bottom:9%;left:7%;right:7%;width:auto;gap:8px}.art-caption #dissect-fly{padding:10px 15px;flex:0 1 200px;font-size:11px}.art-caption button{min-height:42px}.specimen-hint{font-size:8px;margin-top:0}.hero-bottom{height:54px;font-size:6px}.hero-bottom>span:nth-child(2){max-width:150px}.dataset-strip strong{font-size:35px}.story-visual::after{background:linear-gradient(#17181480,transparent 22%,transparent 80%,#171814cc)}.story-copy{background:#171814}.story-copy h2{font-size:30px;letter-spacing:-1px}.story-copy>p{font-size:10px}.flight-header small{display:none}.field-notes{padding-bottom:60px}.field-note-grid{gap:24px}.field-notes .section-heading h2{color:#25261e}.field-notes .section-heading h2 em{color:#985139}.field-note-grid article{padding-top:20px}.closing{padding-top:75px;padding-bottom:85px}}
@media(max-width:720px) and (max-height:740px){.hero{min-height:860px;padding-top:101px}.hero h1{font-size:64px;margin-top:18px}.hero-chinese{font-size:14px}.hero-description{font-size:10px}.story-copy h2{font-size:26px}.story-copy>p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero h1 em::after{transform:none}}

/* Image-first viewing. Explanations are available in an explicit detail sheet. */
.hero-description,.hero-footnote,.art-coordinate,.hero-watermark,.specimen-label,.hero-bottom>span:nth-child(2){display:none}
.hero-chinese{font-size:16px;color:#b8b29e}.hero-actions .text-link{display:none}
.story-sticky{display:block;min-height:620px}
.story-visual{position:absolute;inset:0;width:100%;height:100%;background:#171814!important}
.story-visual::after{background:linear-gradient(0deg,#171814e6,transparent 25%,transparent 82%,#17181488)}
.story-copy{position:absolute;inset:auto 5% 64px;z-index:4;padding:0;display:flex;align-items:end;justify-content:space-between;gap:24px;background:none;pointer-events:none}
.story-copy::before,.story-copy .eyebrow,.visual-topline,#visual-index,#chapter-next-label{display:none}
.story-copy h2{font-size:clamp(32px,3.5vw,58px);margin:0;line-height:1.2;letter-spacing:-2px;text-shadow:0 2px 28px #171814}
.chapter-navigation{display:flex;align-items:center;gap:12px;margin:0;max-width:none;flex-shrink:0;pointer-events:auto}
.chapter-navigation button{min-width:40px;min-height:40px;background:#171814a6}
.chapter-navigation #chapter-details-open{width:auto;border-radius:0;border:0;padding:10px 15px;color:#c9bda0;font:11px var(--sans);white-space:nowrap}
#chapter-details-open span{margin-left:14px;color:#df855f;font-size:16px}
.chapter-navigation #chapter-details-open:hover{color:#eee1c2;background:#d6bd7914}
.visual-bottomline{left:5%;right:5%;bottom:25px;font-size:8px;color:#99917e}
.flight-guide{height:145px;padding-top:12px;--map-top:45px;--map-height:78px}
.flight-header>span{visibility:hidden}.flight-header small{display:none}
.flight-waypoints button>span{opacity:0;transition:opacity .2s}.flight-waypoints button.active>span,.flight-waypoints button:hover>span,.flight-waypoints button:focus-visible>span{opacity:1}
#chapter-details{position:fixed;inset:0;margin:auto;width:min(490px,calc(100vw - 36px));max-height:calc(100svh - 48px);overflow:auto;padding:30px;color:#dcd3bb;background:#21231c;border:1px solid #a99a7059;box-shadow:0 28px 100px #0007;overscroll-behavior:contain}
#chapter-details::backdrop{background:#10110dba;backdrop-filter:blur(7px)}
body:has(#chapter-details[open]){overflow:hidden}
.chapter-details-header{display:flex;align-items:center;justify-content:space-between;font:10px var(--sans);letter-spacing:2px;color:#bb9b77}
#chapter-details-close{border:1px solid #aa9b7040;background:none;color:#d6c7a6;font-size:23px;min-width:42px;min-height:42px;cursor:pointer}
#chapter-details h2{font:600 32px/1.35 var(--sans);color:#e8dfc8;margin:25px 0 20px;letter-spacing:-1px}
#chapter-details #story-description{font:13px/2.1 var(--sans);color:#bbb39d;margin:0}
#chapter-details .story-detail{display:flex;gap:16px;align-items:center;justify-content:space-between;max-width:none;margin-top:24px;padding:17px 0;font-size:10px}
#chapter-details .story-detail strong{font:10px/1.5 var(--mono);text-align:right;overflow-wrap:anywhere}
#chapter-details .chapter-notes{display:grid;gap:14px;max-width:none;padding-top:20px}
#chapter-details .chapter-note{font-size:11px;line-height:1.9;grid-template-columns:42px 1fr}
.chapter-details-caption{margin:24px 0 0;padding-top:18px;border-top:1px solid #a99a7029;color:#9f967e;font:10px/1.8 var(--sans)}
@media(max-width:720px){
  .hero{min-height:800px}.hero-chinese{font-size:13px}.specimen-stamp{display:none}
  .story-sticky{display:block;min-height:560px;padding:0}
  .story-visual{position:absolute;inset:0;height:100%;width:100%;margin:0;overflow:hidden}
  .story-copy{position:absolute;inset:auto 6% 57px;padding:0;display:flex;flex-wrap:wrap;gap:16px;background:none}
  .story-copy h2{font-size:32px;letter-spacing:-1px;white-space:normal;flex:1 1 100%;margin:0}
  .chapter-navigation{margin:0;gap:10px;max-width:none;justify-content:start}
  .chapter-navigation button{min-width:36px;min-height:36px}
  .chapter-navigation #chapter-details-open{padding:8px 10px;font-size:10px}
  .visual-bottomline{bottom:22px;left:6%;right:6%;font-size:6px}
  .flight-guide{height:125px;padding:8px 6% 0;margin:0;--map-top:41px;--map-height:69px}
  .flight-progress,.flight-waypoints{left:7%;right:7%}
  .flight-waypoints button>span{font-size:6px}.flight-header{justify-content:flex-end}
  .flight-header>span{display:none}.journey-controls{gap:16px}.journey-controls button{min-width:32px;min-height:32px}
  #chapter-details{padding:22px}#chapter-details h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.flight-waypoints button>span{transition:none}}

.language-toggle{display:flex;align-items:center;gap:7px;padding:9px 7px;min-height:40px;border:1px solid #a49a7140;background:#17181488;color:#8f8a78;font:10px var(--sans);white-space:nowrap;cursor:pointer}
.language-toggle .selected{color:#f0dfbc}.language-toggle:hover{border-color:#dc6947}.language-toggle:focus-visible{outline:2px solid #dc6947;outline-offset:4px}
html[lang=en] .hero h1{font-family:Arial,sans-serif;font-size:clamp(86px,8.6vw,140px);letter-spacing:-.07em;line-height:1.04}
html[lang=en] .hero h1 em{letter-spacing:-.07em}
html[lang=en] .story-copy h2{font-size:clamp(30px,3.2vw,52px);white-space:normal;letter-spacing:-1.5px}
html[lang=en] .visual-bottomline{max-width:90%;line-height:1.6}
html[lang=en] .evidence-title{font-size:15px}
html[lang=en] .field-notes h2{line-height:1.2}
@media(max-width:1100px){.nav-actions{gap:9px}}
@media(max-width:720px){
  .nav{padding-left:5%;padding-right:5%}.nav-actions{gap:7px}.nav .brand>span{font-size:20px}.nav .brand svg{width:25px;height:25px}.nav .brand{gap:8px}
  .language-toggle{padding:8px 6px;gap:5px;font-size:9px;min-height:36px}.wallet-button{padding:9px 8px;font-size:9px;min-height:36px}.menu-button{width:24px;padding:0}
  html[lang=en] .hero h1{font-size:clamp(66px,17vw,91px);letter-spacing:-.07em;line-height:1.04}
  html[lang=en] .story-copy h2{font-size:29px;letter-spacing:-1px}
  html[lang=en] .evidence-title{font-size:12px}html[lang=en] .evidence-status{max-width:100px;font-size:8px;line-height:1.6;text-align:center;padding:5px}
  html[lang=en] .hero-chinese{font-size:12px}html[lang=en] .lab-controls label{font-size:12px}
  html[lang=en] .closing h2{font-size:54px}html[lang=en] .flight-waypoints button>span{max-width:55px;font-size:5px}
}