/* Landing V18 — trailer-informed acquisition pass
   Goal: one clear promise, one hands-on first Thought, one short trailer,
   one explanation of the two wheels, then the real interactive Codex as proof.
*/

body.landing-entry-world .landing-v16-page{
  padding-bottom:78px;
}

body.landing-entry-world .landing-v16-hero{
  padding-bottom:0;
}
body.landing-entry-world .landing-v16-hero .landing-v3-title{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
body.landing-entry-world .landing-v16-hero .landing-v3-sub{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
body.landing-entry-world .landing-v16-hero-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
body.landing-entry-world .landing-v16-secondary-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(239,227,204,.16);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:rgba(245,240,232,.64);
  text-decoration:none;
  font:750 .54rem/1 'Geist Mono',monospace;
  letter-spacing:.09em;
  transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease;
}
body.landing-entry-world .landing-v16-secondary-action:hover{
  transform:translateY(-1px);
  border-color:rgba(239,227,204,.34);
  background:rgba(239,227,204,.055);
  color:#f6ecdb;
}

/* Trailer is still after the interactive first page, but the copy is tighter. */
body.landing-entry-world .landing-v16-trailer{
  margin-top:76px;
}

/* ======================== AFTER PAGE 01 ======================== */
body.landing-entry-world .landing-v16-after{
  width:min(100%,980px);
  margin:94px auto 0;
  text-align:center;
}
body.landing-entry-world .landing-v16-after>h2,
body.landing-entry-world .landing-v16-community-copy>h2,
body.landing-entry-world .landing-v16-closing>h2{
  margin:12px auto 0;
  font:400 clamp(2.15rem,5.2vw,3.65rem)/1.01 'Jua',sans-serif;
  color:#f7f1e8;
  letter-spacing:.005em;
}
body.landing-entry-world .landing-v16-after-lead{
  width:min(100%,720px);
  margin:15px auto 0;
  color:rgba(245,240,232,.58);
  font:400 1rem/1.68 'DM Sans',sans-serif;
}
body.landing-entry-world .landing-v16-after-lead strong{
  color:#efe3cc;
  font-weight:700;
}
body.landing-entry-world .landing-v16-wheel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:32px;
}
body.landing-entry-world .landing-v16-wheel-machine{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:18px 18px 17px;
  border:2px solid #2d2016;
  border-radius:25px;
  background:
    radial-gradient(circle at 50% 38%,rgba(221,162,79,.10),transparent 48%),
    linear-gradient(150deg,#11100e,#050505 70%);
  box-shadow:0 8px 0 #16100c,0 24px 50px rgba(0,0,0,.32);
  text-align:center;
}
body.landing-entry-world .landing-v16-wheel-machine::after{
  content:'✦';
  position:absolute;
  right:14px;
  top:13px;
  color:rgba(223,160,67,.7);
  font:400 .8rem/1 Jua,sans-serif;
  pointer-events:none;
}
body.landing-entry-world .landing-v16-machine-top{
  position:relative;
  z-index:2;
  min-height:50px;
  padding:10px 12px;
  border:1px solid rgba(239,227,204,.14);
  border-radius:13px;
  background:#0a0908;
  text-align:left;
}
body.landing-entry-world .landing-v16-machine-top span{
  display:block;
  color:#d7b486;
  font:800 .48rem/1 'Geist Mono',monospace;
  letter-spacing:.11em;
}
body.landing-entry-world .landing-v16-machine-top strong{
  display:block;
  margin-top:7px;
  color:#f7f0e4;
  font:400 .95rem/1.1 'Jua',sans-serif;
  letter-spacing:.02em;
}
body.landing-entry-world .landing-v16-wheel-stage{
  min-height:282px;
  display:grid;
  place-items:center;
  padding:10px 0 2px;
}
body.landing-entry-world .landing-v16-spinner{
  --wheel-size:238px;
  position:relative;
  margin:0!important;
  isolation:isolate;
}
body.landing-entry-world .landing-v16-spinner::before{
  content:'';
  position:absolute;
  z-index:-2;
  inset:-13px;
  border-radius:50%;
  background:#a66f45;
  border:3px solid #18100b;
  box-shadow:0 0 0 3px #e1c59d,0 0 0 6px #17100b,0 6px 0 #51311f,0 14px 24px rgba(0,0,0,.35);
}
body.landing-entry-world .landing-v16-spinner::after{
  content:'';
  position:absolute;
  z-index:4;
  inset:-9px;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 1.5%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px),
    radial-gradient(circle at 85% 15%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px),
    radial-gradient(circle at 98.5% 50%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px),
    radial-gradient(circle at 85% 85%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px),
    radial-gradient(circle at 50% 98.5%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px),
    radial-gradient(circle at 15% 85%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px),
    radial-gradient(circle at 1.5% 50%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px),
    radial-gradient(circle at 15% 15%,#e2a24d 0 2.5px,#1b120c 3px 4px,transparent 4.5px);
}
body.landing-entry-world .landing-v16-wheel{
  border:4px solid #15100c;
  background:conic-gradient(from -90deg,#865732 0deg 56deg,#11100e 56deg 60deg,#18752a 60deg 116deg,#11100e 116deg 120deg,#2999c5 120deg 176deg,#11100e 176deg 180deg,#d8352a 180deg 236deg,#11100e 236deg 240deg,#0d0d0c 240deg 296deg,#11100e 296deg 300deg,#dfa043 300deg 356deg,#11100e 356deg 360deg);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.05),inset 0 -8px 0 rgba(0,0,0,.14);
  transition:none;
}
body.landing-entry-world .landing-v16-question-wheel{
  animation:landingV16QuestionTease 11s cubic-bezier(.2,.72,.18,1) infinite;
}
body.landing-entry-world .landing-v16-xp-wheel{
  animation:landingV16XpTease 9.5s cubic-bezier(.2,.72,.18,1) infinite;
  animation-delay:-2.2s;
}
body.landing-entry-world .landing-v16-wheel::before{display:none}
body.landing-entry-world .landing-v16-wheel::after{
  width:20%;
  height:20%;
  background:#252522;
  border:3px solid #efe4d2;
  box-shadow:0 4px 0 #080807,inset -5px -5px 0 rgba(0,0,0,.16),inset 4px 4px 0 rgba(255,255,255,.06);
}
body.landing-entry-world .landing-v16-wheel .slice{
  font:400 .84rem/1 'Jua',sans-serif;
  color:#fff8e9;
  text-shadow:-1.5px -1.5px 0 #20150f,1.5px -1.5px 0 #20150f,-1.5px 1.5px 0 #20150f,1.5px 1.5px 0 #20150f,0 2px 0 #20150f;
}
body.landing-entry-world .landing-v16-spinner .pointer{
  top:-29px;
  left:50%;
  z-index:8;
  width:0;
  height:0;
  border-left:17px solid transparent;
  border-right:17px solid transparent;
  border-bottom:0;
  border-top:30px solid #8c5430;
  filter:drop-shadow(0 3px 0 #2a180f) drop-shadow(0 7px 6px rgba(0,0,0,.34));
  transform:translateX(-50%);
}
body.landing-entry-world .landing-v16-spinner .pointer::after{
  content:'';
  position:absolute;
  left:-12px;
  top:-27px;
  width:0;
  height:0;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  border-top:22px solid #fff1d9;
}
body.landing-entry-world .landing-v16-wheel-machine>p{
  width:min(100%,410px);
  min-height:66px;
  margin:3px auto 0;
  color:rgba(245,240,232,.52);
  font:400 .78rem/1.55 'DM Sans',sans-serif;
}
body.landing-entry-world .landing-v16-machine-ticket{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:13px auto 0;
  padding:11px 12px;
  border:2px solid #2f2117;
  border-radius:10px;
  background:#ead7b6;
  color:#382719;
  box-shadow:0 4px 0 #5e3a24,inset 0 0 0 1px rgba(255,255,255,.35);
  transform:rotate(-.35deg);
  font:800 .53rem/1.25 'Geist Mono',monospace;
  letter-spacing:.06em;
}
body.landing-entry-world .landing-v16-machine-ticket strong{color:#1f1711}

@keyframes landingV16QuestionTease{
  0%,18%{transform:rotate(0deg)}
  48%,72%{transform:rotate(716deg)}
  100%{transform:rotate(720deg)}
}
@keyframes landingV16XpTease{
  0%,16%{transform:rotate(0deg)}
  48%,72%{transform:rotate(1078deg)}
  100%{transform:rotate(1080deg)}
}

body.landing-entry-world .landing-v16-progression{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:stretch;
  gap:8px;
  margin:27px auto 0;
}
body.landing-entry-world .landing-v16-progression>div{
  padding:13px 12px;
  border:1px solid rgba(239,227,204,.11);
  border-radius:13px;
  background:rgba(255,255,255,.02);
  text-align:left;
}
body.landing-entry-world .landing-v16-progression span{
  display:block;
  color:rgba(239,227,204,.46);
  font:750 .46rem/1 'Geist Mono',monospace;
  letter-spacing:.1em;
}
body.landing-entry-world .landing-v16-progression strong{
  display:block;
  margin-top:7px;
  color:#f4ead9;
  font:400 .88rem/1.08 Jua,sans-serif;
}
body.landing-entry-world .landing-v16-progression>i{
  display:grid;
  place-items:center;
  color:rgba(239,227,204,.28);
  font:400 1rem/1 Jua,sans-serif;
  font-style:normal;
}
body.landing-entry-world .landing-v16-chapters{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
  color:rgba(239,227,204,.45);
  font:750 .49rem/1.3 'Geist Mono',monospace;
  letter-spacing:.075em;
}
body.landing-entry-world .landing-v16-chapters i{font-style:normal;opacity:.38}

/* ======================== COMMUNITY PROOF ======================== */
body.landing-entry-world .landing-v16-community{
  width:min(100%,960px);
  margin:96px auto 0;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:34px;
  align-items:center;
  text-align:left;
}
body.landing-entry-world .landing-v16-community-copy>h2{
  margin-left:0;
}
body.landing-entry-world .landing-v16-community-copy>p{
  margin:16px 0 0;
  max-width:560px;
  color:rgba(245,240,232,.58);
  font:400 .98rem/1.68 'DM Sans',sans-serif;
}
body.landing-entry-world .landing-v16-privacy-line{
  display:grid;
  grid-template-columns:auto 1fr auto auto 1.2fr;
  align-items:center;
  gap:8px;
  margin-top:22px;
  padding:12px 13px;
  border:1px solid rgba(239,227,204,.11);
  border-radius:13px;
  background:#090909;
}
body.landing-entry-world .landing-v16-privacy-line span{
  color:#d7b486;
  font:800 .45rem/1 'Geist Mono',monospace;
  letter-spacing:.09em;
  white-space:nowrap;
}
body.landing-entry-world .landing-v16-privacy-line strong{
  color:rgba(245,240,232,.48);
  font:500 .62rem/1.35 'DM Sans',sans-serif;
}
body.landing-entry-world .landing-v16-privacy-line i{
  color:rgba(239,227,204,.28);
  font-style:normal;
}

body.landing-entry-world .landing-v16-community-paper{
  position:relative;
  overflow:hidden;
  padding:24px 22px 22px 28px;
  border:2px solid #3b2b1f;
  border-radius:5px 17px 17px 5px;
  background:
    linear-gradient(90deg,rgba(115,82,53,.12),transparent 10%),
    radial-gradient(circle at 92% 7%,rgba(151,105,59,.09),transparent 28%),
    repeating-linear-gradient(0deg,rgba(75,50,32,.025) 0 1px,transparent 1px 6px),
    #ead9bb;
  color:#30251d;
  box-shadow:0 8px 0 #4c321f,0 24px 50px rgba(0,0,0,.34),inset 7px 0 18px rgba(94,62,39,.10);
  transform:rotate(.35deg);
}
body.landing-entry-world .landing-v16-community-paper::before{
  content:'';
  position:absolute;
  top:0;bottom:0;left:13px;
  width:1px;
  background:rgba(91,56,34,.16);
  box-shadow:4px 0 0 rgba(255,255,255,.24);
}
body.landing-entry-world .landing-v16-paper-tab{
  width:max-content;
  max-width:100%;
  margin:0 0 18px;
  padding:7px 9px;
  border:1px solid rgba(63,43,29,.19);
  border-radius:999px;
  background:rgba(255,255,255,.22);
  color:#6f4a31;
  font:800 .46rem/1 'Geist Mono',monospace;
  letter-spacing:.1em;
}
body.landing-entry-world .landing-v16-community-qnum{
  display:block;
  color:rgba(68,47,33,.55);
  font:800 .49rem/1 'Geist Mono',monospace;
  letter-spacing:.11em;
}
body.landing-entry-world .landing-v16-community-paper>h3{
  margin:9px 0 0;
  font:400 clamp(1.25rem,2.6vw,1.7rem)/1.18 Jua,sans-serif;
  color:#30251d;
}
body.landing-entry-world .landing-v16-community-meta{
  margin-top:12px;
  padding-bottom:12px;
  border-bottom:1px dashed rgba(69,47,31,.20);
  color:rgba(68,47,33,.50);
  font:750 .44rem/1.4 'Geist Mono',monospace;
  letter-spacing:.08em;
}
body.landing-entry-world .landing-v16-thought-grid{
  display:grid;
  gap:9px;
  margin-top:13px;
}
body.landing-entry-world .landing-v16-live-thought{
  padding:13px 14px;
  border:1px solid rgba(69,47,31,.15);
  border-radius:12px;
  background:rgba(255,252,244,.38);
  box-shadow:0 3px 0 rgba(92,59,36,.05);
}
body.landing-entry-world .landing-v16-live-thought-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body.landing-entry-world .landing-v16-live-thought-top span{
  color:rgba(86,58,38,.48);
  font:800 .42rem/1 'Geist Mono',monospace;
  letter-spacing:.09em;
}
body.landing-entry-world .landing-v16-live-thought-top strong{
  max-width:55%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#4e3625;
  font:400 .78rem/1 Jua,sans-serif;
}
body.landing-entry-world .landing-v16-live-thought p{
  margin:8px 0 0;
  color:#30251d;
  font:500 .78rem/1.48 'DM Sans',sans-serif;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
body.landing-entry-world .landing-v16-thought-skeleton{
  height:74px;
  border:1px solid rgba(69,47,31,.10);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.34),rgba(255,255,255,.16));
  background-size:220% 100%;
  animation:landingV16Skeleton 1.5s ease infinite;
}
@keyframes landingV16Skeleton{to{background-position:-120% 0}}
body.landing-entry-world .landing-v16-community-empty{
  padding:20px 14px;
  text-align:center;
}
body.landing-entry-world .landing-v16-community-empty strong{
  display:block;
  color:#4a3323;
  font:400 1rem/1.1 Jua,sans-serif;
}
body.landing-entry-world .landing-v16-community-empty p{
  margin:8px auto 0;
  color:rgba(48,37,29,.64);
  font:500 .75rem/1.45 'DM Sans',sans-serif;
}
body.landing-entry-world .landing-v16-community-empty a{
  display:inline-block;
  margin-top:12px;
  color:#60412c;
  font:800 .49rem/1 'Geist Mono',monospace;
  text-decoration:none;
  letter-spacing:.07em;
}

/* ======================== CLOSE ======================== */
body.landing-entry-world .landing-v16-closing{
  width:min(100%,780px);
  margin:98px auto 0;
  padding:34px 28px 32px;
  border:1px solid rgba(239,227,204,.14);
  border-radius:25px;
  background:
    radial-gradient(circle at 50% 0%,rgba(223,160,67,.075),transparent 45%),
    #090909;
  text-align:center;
  box-shadow:0 18px 46px rgba(0,0,0,.25);
}
body.landing-entry-world .landing-v16-closing>span{
  color:#d7b486;
  font:800 .5rem/1 'Geist Mono',monospace;
  letter-spacing:.12em;
}
body.landing-entry-world .landing-v16-closing>p{
  margin:13px auto 0;
  max-width:590px;
  color:rgba(245,240,232,.56);
  font:400 .95rem/1.62 'DM Sans',sans-serif;
}
body.landing-entry-world .landing-v16-closing-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
body.landing-entry-world .landing-v16-closing-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 17px;
  border:1px solid #e7d2ae;
  border-radius:999px;
  background:#ead9bb;
  color:#2b211a;
  text-decoration:none;
  font:800 .54rem/1 'Geist Mono',monospace;
  letter-spacing:.08em;
  box-shadow:0 4px 0 #67442b;
  transition:transform .15s ease,box-shadow .15s ease;
}
body.landing-entry-world .landing-v16-closing-actions a:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 0 #67442b;
}
body.landing-entry-world .landing-v16-closing-actions a.is-quiet{
  border-color:rgba(239,227,204,.14);
  background:transparent;
  color:rgba(245,240,232,.62);
  box-shadow:none;
}

@media(max-width:820px){
  body.landing-entry-world .landing-v16-wheel-grid{
    grid-template-columns:1fr;
    width:min(100%,520px);
    margin-left:auto;
    margin-right:auto;
  }
  body.landing-entry-world .landing-v16-community{
    grid-template-columns:1fr;
    width:min(100%,700px);
    gap:28px;
  }
  body.landing-entry-world .landing-v16-community-copy{text-align:center}
  body.landing-entry-world .landing-v16-community-copy>h2,
  body.landing-entry-world .landing-v16-community-copy>p{margin-left:auto;margin-right:auto}
  body.landing-entry-world .landing-v16-privacy-line{width:min(100%,580px);margin-left:auto;margin-right:auto;text-align:left}
  body.landing-entry-world .landing-v16-community-paper{width:min(100%,600px);box-sizing:border-box;margin:0 auto}
}

@media(max-width:700px){
  body.landing-entry-world .landing-v16-after{margin-top:70px}
  body.landing-entry-world .landing-v16-community{margin-top:72px}
  body.landing-entry-world .landing-v16-progression{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  body.landing-entry-world .landing-v16-progression>i{display:none}
  body.landing-entry-world .landing-v16-privacy-line{
    grid-template-columns:1fr;
    gap:5px;
    text-align:center;
  }
  body.landing-entry-world .landing-v16-privacy-line i{transform:rotate(90deg);height:11px}
  body.landing-entry-world .landing-v16-community-paper{transform:none}
  body.landing-entry-world .landing-v16-closing{margin-top:72px;padding:28px 18px 26px}
}

@media(max-width:480px){
  body.landing-entry-world .landing-v16-hero-actions{display:grid;grid-template-columns:1fr;width:min(100%,330px);margin-left:auto;margin-right:auto}
  body.landing-entry-world .landing-v16-secondary-action{width:100%;box-sizing:border-box}
  body.landing-entry-world .landing-v16-wheel-machine{padding:15px 13px 14px;border-radius:21px}
  body.landing-entry-world .landing-v16-wheel-stage{min-height:254px}
  body.landing-entry-world .landing-v16-spinner{--wheel-size:min(220px,calc(100vw - 112px))}
  body.landing-entry-world .landing-v16-progression{grid-template-columns:1fr}
  body.landing-entry-world .landing-v16-community-paper{padding:21px 17px 19px 23px}
  body.landing-entry-world .landing-v16-community-paper>h3{font-size:1.15rem}
  body.landing-entry-world .landing-v16-live-thought p{font-size:.74rem}
  body.landing-entry-world .landing-v16-closing-actions{display:grid;grid-template-columns:1fr}
  body.landing-entry-world .landing-v16-closing-actions a{width:100%;box-sizing:border-box}
}

@media(prefers-reduced-motion:reduce){
  body.landing-entry-world .landing-v16-question-wheel,
  body.landing-entry-world .landing-v16-xp-wheel,
  body.landing-entry-world .landing-v16-thought-skeleton{
    animation:none!important;
  }
  body.landing-entry-world .landing-v16-question-wheel{transform:rotate(14deg)}
  body.landing-entry-world .landing-v16-xp-wheel{transform:rotate(-12deg)}
}

/* =====================================================================
   V18 — THE REAL COMMUNITY CODEX AS THE LANDING PROOF
   Keep the actual five-chapter book visual/interaction, but lazy-load a
   bounded set of voices so it does not compete with the first screen.
   ===================================================================== */
body.landing-entry-world .landing-v18-codex{
  width:min(100%,940px);
  max-width:940px;
  margin:96px auto 0;
  padding:0;
}
body.landing-entry-world .landing-v18-codex .landing-codex-intro{
  width:min(100%,720px);
  margin:0 auto 24px;
}
body.landing-entry-world .landing-v18-codex .landing-codex-intro h2{
  margin:8px 0 13px;
  font:400 clamp(2.2rem,5.7vw,4.2rem)/.94 Jua,sans-serif;
  letter-spacing:-.03em;
  color:#f8f0e4;
}
body.landing-entry-world .landing-v18-codex .landing-codex-intro p{
  max-width:650px;
  margin:0 auto;
  color:rgba(245,240,232,.62);
  font:400 .94rem/1.65 'DM Sans',sans-serif;
}
body.landing-entry-world .landing-v18-codex-live{
  display:inline-flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:16px;
  padding:8px 11px;
  border:1px solid rgba(232,201,160,.14);
  border-radius:999px;
  background:rgba(232,201,160,.035);
  font:750 .48rem/1 'Geist Mono',monospace;
  letter-spacing:.065em;
}
body.landing-entry-world .landing-v18-codex-live span{color:#efd7b7}
body.landing-entry-world .landing-v18-codex-live strong{color:rgba(245,240,232,.44);font-weight:750}
body.landing-entry-world .landing-v18-codex-live strong::before{content:'·';margin-right:9px;color:rgba(232,201,160,.24)}

body.landing-entry-world .landing-v18-codex-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:min(100%,690px);
  margin:0 auto 15px;
}
body.landing-entry-world .landing-v18-codex-nav .codex-chapter-jump{
  appearance:none;
  min-height:34px;
  padding:0 10px;
  border:1px solid rgba(232,201,160,.13);
  border-radius:999px;
  background:rgba(255,255,255,.022);
  color:rgba(245,240,232,.44);
  cursor:pointer;
  font:750 .46rem/1 'Geist Mono',monospace;
  letter-spacing:.055em;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease;
}
body.landing-entry-world .landing-v18-codex-nav .codex-chapter-jump:hover{
  transform:translateY(-1px);
  border-color:rgba(232,201,160,.28);
  color:#efd9bd;
}
body.landing-entry-world .landing-v18-codex-nav .codex-chapter-jump.is-active{
  border-color:#8a6040;
  background:#6f4b31;
  color:#fff5e7;
  box-shadow:0 5px 12px rgba(0,0,0,.20);
}

body.landing-entry-world .landing-v18-codex .landing-codex-book-shell{
  width:min(100%,590px);
  margin:0 auto;
}
body.landing-entry-world .landing-v18-codex .tier-book.codex-book{
  max-height:min(700px,76vh);
}
body.landing-entry-world .landing-v18-codex .codex-loading{
  color:rgba(60,43,31,.42)!important;
  text-align:center;
}
body.landing-entry-world .landing-v18-codex .codex-answer-first{
  color:#fff6e9!important;
  background:#735037!important;
}
body.landing-entry-world .landing-v18-codex .codex-unlock-btn{
  border-color:rgba(91,61,40,.20)!important;
  background:rgba(104,73,48,.07)!important;
  color:#704b31!important;
}
body.landing-entry-world .landing-v18-codex .codex-unlock-btn:hover{
  background:rgba(104,73,48,.12)!important;
  border-color:rgba(91,61,40,.34)!important;
}
body.landing-entry-world .landing-v18-codex .codex-more-btn{
  border-color:rgba(91,61,40,.16)!important;
  background:rgba(255,255,255,.20)!important;
  color:#714c32!important;
}
body.landing-entry-world .landing-v18-codex .codex-more-btn:hover{background:rgba(255,255,255,.38)!important}
body.landing-entry-world .landing-v18-codex .codex-divider{border-top-color:rgba(78,55,38,.10)!important}
body.landing-entry-world .landing-v18-codex .landing-v18-codex-controls{margin-top:24px!important}
body.landing-entry-world .landing-v18-codex .tier-book-caption{margin-top:12px!important}
body.landing-entry-world .landing-v18-codex .codex-entry-note{
  width:min(100%,590px);
  margin:8px auto 0!important;
  text-align:center;
  font-size:.48rem!important;
  line-height:1.45!important;
  letter-spacing:.075em!important;
}
body.landing-entry-world .landing-v18-codex-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:18px auto 0;
  padding:0 18px;
  border:1px solid rgba(232,201,160,.24);
  border-radius:999px;
  background:rgba(232,201,160,.065);
  color:#f0d7b7;
  text-decoration:none;
  font:800 .54rem/1 'Geist Mono',monospace;
  letter-spacing:.075em;
  transition:transform .14s ease,background .14s ease,border-color .14s ease;
}
body.landing-entry-world .landing-v18-codex-cta:hover{
  transform:translateY(-2px);
  background:rgba(232,201,160,.11);
  border-color:rgba(232,201,160,.38);
}

@media(max-width:700px){
  body.landing-entry-world .landing-v18-codex{margin-top:74px}
  body.landing-entry-world .landing-v18-codex .landing-codex-intro{margin-bottom:18px}
  body.landing-entry-world .landing-v18-codex .landing-codex-intro h2{font-size:clamp(2.05rem,11vw,3.2rem)}
  body.landing-entry-world .landing-v18-codex .landing-codex-intro p{font-size:.84rem}
  body.landing-entry-world .landing-v18-codex-live{border-radius:14px;gap:5px 8px;font-size:.50rem;line-height:1.35}
  body.landing-entry-world .landing-v18-codex-nav{
    justify-content:flex-start;
    width:calc(100vw - 22px);
    max-width:100%;
    overflow-x:auto;
    padding:2px 1px 5px;
    margin-bottom:10px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  body.landing-entry-world .landing-v18-codex-nav::-webkit-scrollbar{display:none}
  body.landing-entry-world .landing-v18-codex-nav .codex-chapter-jump{flex:0 0 auto;scroll-snap-align:center;min-height:32px;padding:0 10px;font-size:.52rem}
  body.landing-entry-world .landing-v18-codex .landing-codex-book-shell{width:min(100%,430px)!important}
  body.landing-entry-world .landing-v18-codex .tier-book.codex-book{max-height:min(640px,72vh)}
  body.landing-entry-world .landing-v18-codex .landing-v18-codex-controls{width:min(100%,430px)!important;gap:8px!important}
  body.landing-entry-world .landing-v18-codex .codex-entry-note{width:min(100%,430px)}
}