/* Book-first landing. The entire guest journey stays in this single scene. */
:root{--fb-paper:#e9dcc3;--fb-gold:#d8b98c;--fb-ink:#0b0908;--fb-text:#f5ede0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.first-book-world{margin:0;min-height:100svh;overflow-x:hidden;color:var(--fb-text);font-family:"DM Sans",sans-serif;background:radial-gradient(ellipse at 69% 45%,rgba(159,117,66,.16),transparent 42%),radial-gradient(ellipse at 12% 9%,rgba(98,75,52,.1),transparent 32%),linear-gradient(160deg,#120f0c 0%,#080706 60%,#050505 100%)}
body.first-book-world:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(252,228,190,.027) 4px)}
button,a,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e6c998;outline-offset:4px}
.first-topbar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1220px,calc(100% - 64px));margin:auto;padding:30px 0}
.first-brand{text-decoration:none;color:#f4eadb;white-space:nowrap;font:750 clamp(.73rem,1vw,.91rem)/1.4 "Geist Mono",monospace;letter-spacing:.11em}
.first-brand span{color:var(--fb-gold)}
.first-login{text-decoration:none;color:#ded1bb;font:700 .68rem/1.5 "Geist Mono",monospace;letter-spacing:.13em;padding:12px 0;border-bottom:1px solid rgba(230,204,164,.35)}
.first-login:hover{color:#fff7e8}
.first-login span{font-size:1rem;vertical-align:-.04em}
.first-main{position:relative;z-index:1;width:min(1220px,calc(100% - 64px));margin:auto}
.first-intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);gap:60px;align-items:center;min-height:calc(100svh - 104px);padding:34px 0 100px}
.first-intro-copy{position:relative;z-index:2}
.first-eyebrow,.first-page-kicker,.first-reading-top,.first-book-overline,.first-book-tagline,.first-book-hint,.first-paper-index,.first-paper-inner small{font-family:"Geist Mono",monospace;text-transform:uppercase;letter-spacing:.14em}
.first-eyebrow{font-size:.65rem;font-weight:700;color:#c8a979;margin:0 0 20px}
.first-intro h1{font-family:Jua,sans-serif;font-weight:400;font-size:clamp(3.1rem,6.1vw,6.3rem);line-height:1.05;letter-spacing:-.028em;margin:0;color:#f7efe4}
.first-intro h1 em{font-style:normal;color:#d8b98c}
.first-lede{font-size:clamp(1.06rem,1.7vw,1.3rem);line-height:1.6;color:rgba(249,238,223,.76);margin:25px 0 28px}
.first-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #d7bb91;background:linear-gradient(160deg,#ebd5b1,#c9a878);color:#1c160f;min-height:54px;border-radius:9px;padding:14px 25px;font:800 .77rem/1.3 "Geist Mono",monospace;letter-spacing:.07em;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.24);transition:filter .18s,transform .18s}
.first-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}
.first-primary:disabled{opacity:.6;cursor:default;transform:none}
.first-primary span{font-size:1.1rem}
.first-reassurance{font-size:.79rem;line-height:1.55;color:rgba(235,224,208,.53);margin:15px 0 0}
.first-cover-trigger{border:0;background:transparent;position:relative;display:grid;place-items:center;min-height:590px;width:100%;padding:34px;perspective:1200px;isolation:isolate}
.first-book-glow{position:absolute;inset:9% 4%;background:radial-gradient(ellipse,rgba(197,151,89,.22),transparent 64%);filter:blur(34px);z-index:-1}
.first-book-cover{position:relative;display:block;width:min(360px,82%);aspect-ratio:.74;border:9px solid #151414;border-left:17px solid #0a0909;border-radius:10px 17px 15px 10px;background:radial-gradient(circle at 61% 31%,rgba(221,184,123,.065),transparent 42%),repeating-linear-gradient(100deg,transparent 0 9px,rgba(246,221,180,.008) 10px),linear-gradient(130deg,#1a1919,#0c0b0b 70%,#080808);box-shadow:11px 13px 0 -6px #d0bea0,14px 16px 0 -6px #4d4030,27px 35px 50px rgba(0,0,0,.75),inset 0 0 30px rgba(0,0,0,.52);transform:rotateY(-14deg) rotateZ(-3deg);transition:transform .65s ease,box-shadow .65s ease}
.first-cover-trigger:hover .first-book-cover,.first-cover-trigger:focus-visible .first-book-cover{transform:rotateY(-8deg) rotateZ(-1deg) translateY(-7px);box-shadow:12px 16px 0 -6px #d0bea0,15px 19px 0 -6px #4d4030,28px 48px 65px rgba(0,0,0,.8),inset 0 0 30px rgba(0,0,0,.52)}
.first-book-frame{position:absolute;inset:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(203,161,104,.5);outline:1px solid rgba(203,161,104,.2);outline-offset:-13px}
.first-book-overline{position:absolute;top:40px;color:rgba(233,198,151,.78);font-size:.71rem}
.first-book-glyph{font-size:3rem;color:#c7a16a;text-shadow:0 0 30px rgba(237,195,112,.25)}
.first-book-name{font:400 clamp(3.3rem,5vw,4.8rem)/.9 Jua,sans-serif;letter-spacing:.055em;text-align:center;color:#edddbd;text-shadow:0 3px 15px rgba(0,0,0,.64)}
.first-book-tagline{position:absolute;bottom:44px;color:rgba(231,195,144,.6);font-size:.47rem;white-space:nowrap}
.first-book-hint{position:absolute;bottom:17px;color:rgba(235,217,184,.48);font-weight:700;font-size:.55rem}
.first-reading{max-width:1050px;margin:0 auto;padding:36px 0 90px;animation:fb-enter .55s ease both}
.first-reading[hidden],.first-response-state[hidden],.first-question-state[hidden]{display:none!important}
.first-reading-top{display:flex;justify-content:space-between;gap:12px;color:#d0b288;font-size:.6rem;font-weight:750;margin:5px 0 23px}
.first-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:620px;filter:drop-shadow(0 28px 44px rgba(0,0,0,.54));perspective:1300px}
.first-spread:before{content:"";position:absolute;z-index:3;pointer-events:none;top:0;bottom:0;left:calc(50% - 7px);width:14px;background:linear-gradient(90deg,rgba(59,41,26,.28),rgba(255,248,230,.3),rgba(69,43,25,.23))}
.first-paper{min-width:0;color:#312419;background:radial-gradient(ellipse at 35% 23%,rgba(255,255,255,.3),transparent 62%),linear-gradient(130deg,#e6d4b4,#f3e6c9 66%,#d6bb93);border:1px solid #b59771;padding:clamp(28px,4.4vw,54px);position:relative}
.first-paper-left{border-radius:12px 0 0 12px;box-shadow:inset -21px 0 35px rgba(73,47,25,.12)}
.first-paper-right{border-radius:0 12px 12px 0;box-shadow:inset 22px 0 33px rgba(73,47,25,.09);display:flex;flex-direction:column;justify-content:center}
.first-paper:after{content:"";position:absolute;inset:13px;border:1px solid rgba(116,78,45,.19);pointer-events:none;border-radius:3px}
.first-paper-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:35px}
.first-paper-index{font-size:.68rem;color:#776044}
.first-paper-mark{font-size:clamp(4rem,7vw,7rem);color:#a38967;opacity:.75}
.first-paper-inner p{font:400 clamp(1.9rem,3vw,3.1rem)/1.15 Jua,sans-serif;color:#503a27;letter-spacing:.02em;margin:0}
.first-paper-hairline{width:70px;height:1px;background:#b3976e}
.first-paper-inner small{max-width:240px;color:#8b7454;font-size:.56rem;line-height:1.7}
.first-page-kicker{color:#8e6743;font-size:.6rem;font-weight:800;margin:0 0 17px}
.first-question-state h2{font:400 clamp(1.55rem,2.45vw,2.27rem)/1.27 Jua,sans-serif;color:#34261a;margin:0 0 23px;overflow-wrap:break-word}
#landingFirstForm label{display:block;font:.76rem/1.4 "Geist Mono",monospace;letter-spacing:.12em;color:#6e4c33;margin-bottom:9px;font-weight:800}
#landingFirstThought{display:block;width:100%;resize:vertical;min-height:125px;max-height:300px;border:1px solid rgba(111,77,49,.37);border-radius:6px;padding:13px 15px;background:rgba(255,250,235,.68);color:#2b1e13;font:500 1rem/1.5 "DM Sans",sans-serif;outline-offset:2px}
#landingFirstThought::placeholder{color:#8b775f}
.first-privacy{font-size:.74rem;line-height:1.5;color:#68543e;margin:11px 0 0}
.first-form-status{font-size:.78rem;line-height:1.5;color:#75522e;min-height:1.3em;margin:9px 0 12px}
.first-write-button,.first-continue-button{width:100%;max-width:100%;white-space:normal;text-align:center}
.first-reaction{font:400 clamp(2rem,3vw,2.9rem)/1.13 Jua,sans-serif;color:#44301e;margin:9px 0}
.first-reaction-copy{color:#695039;font-size:1rem;line-height:1.6;margin:0 0 23px}
.first-response-state blockquote{max-height:200px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;font:500 1.05rem/1.7 "DM Sans",sans-serif;color:#483522;border-left:3px solid #b99866;margin:0;padding:9px 0 9px 16px}
.first-ink-sign{display:block;font-size:2.4rem;line-height:1;color:#a78b67;margin:13px 0 0;animation:fb-ink 1.7s ease both}
.first-response-foot{font-size:.73rem;color:#78644f;text-align:center;line-height:1.5;margin:13px 0 0}
.first-edit{display:block;margin:14px auto 0;color:#654a30;font:800 .65rem/1.4 "Geist Mono",monospace;letter-spacing:.08em;text-decoration:underline;text-underline-offset:5px;border:0;background:none;padding:8px}
.first-reading-note{text-align:center;font-size:.79rem;letter-spacing:.015em;color:rgba(241,220,185,.57);margin:20px 0 0}
@keyframes fb-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fb-ink{0%{opacity:0;transform:scale(.7);filter:blur(6px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@media(max-width:880px){.first-intro{gap:12px;grid-template-columns:1fr 1fr}.first-cover-trigger{min-height:500px}.first-book-cover{width:min(330px,88%)}.first-paper{padding:30px}.first-question-state h2{font-size:1.7rem}}
@media(max-width:680px){.first-topbar,.first-main{width:calc(100% - 32px)}.first-topbar{padding:17px 0}.first-intro{grid-template-columns:1fr;text-align:center;gap:0;min-height:unset;padding:37px 0 36px}.first-intro h1{font-size:clamp(2.8rem,12vw,4.5rem)}.first-intro .first-primary{width:min(330px,100%)}.first-eyebrow{margin-bottom:13px}.first-lede{margin:16px 0 20px}.first-cover-trigger{min-height:360px;padding:8px;margin-top:10px}.first-book-cover{width:min(230px,70%);border-width:6px 7px 7px 12px}.first-book-frame{inset:14px}.first-book-overline{top:20px;font-size:.52rem}.first-book-glyph{font-size:2rem}.first-book-name{font-size:3rem}.first-book-tagline{bottom:24px;font-size:.34rem}.first-book-hint{bottom:0;font-size:.48rem}.first-reading{padding:22px 0 65px}.first-reading-top{font-size:.49rem;line-height:1.5;margin-bottom:14px}.first-spread{grid-template-columns:1fr;min-height:unset}.first-spread:before,.first-paper-left{display:none}.first-paper-right{border-radius:8px;min-height:530px;padding:36px 25px;box-shadow:inset 0 0 25px rgba(73,47,25,.08)}.first-question-state h2{font-size:clamp(1.62rem,6vw,2rem)}.first-paper:after{inset:9px}.first-response-state blockquote{font-size:1rem}.first-reading-note{font-size:.72rem}}
@media(max-width:380px){.first-brand{font-size:.65rem;letter-spacing:.07em}.first-login{font-size:.59rem}.first-paper-right{padding:27px 21px}.first-primary{padding:12px 11px;font-size:.69rem}.first-page-kicker{font-size:.54rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.first-primary,.first-book-cover{transition:none}.first-reading,.first-ink-sign{animation:none}}


/* Living Book hook · v234. Built from the same noir cover motifs as Chapter I. */
.first-intro{gap:clamp(24px,4vw,64px)}
.first-intro-copy{padding-bottom:20px}
.first-eyebrow{color:#d2b88e;font-size:clamp(.64rem,.86vw,.75rem);letter-spacing:.2em;margin-bottom:26px}
.first-intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(3.1rem,5.5vw,5.7rem);line-height:1.05;letter-spacing:-.05em;max-width:720px;text-wrap:balance}
.first-intro h1 em{color:#ddbd8a;letter-spacing:-.052em}
.first-lede{max-width:540px;color:#daccb5;font-size:clamp(1.12rem,1.75vw,1.36rem);line-height:1.55;margin:26px 0 0;font-weight:500}
.first-promise{color:#f0e5d0;font:italic 500 clamp(1.08rem,1.45vw,1.26rem)/1.55 Georgia,serif;letter-spacing:.012em;margin:12px 0 30px}
.first-primary{transition:filter .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 16px 45px rgba(0,0,0,.37),0 0 26px rgba(205,155,85,.12)}
.first-primary:hover{box-shadow:0 18px 48px rgba(0,0,0,.45),0 0 32px rgba(205,155,85,.2)}
.first-reassurance{color:rgba(239,222,198,.67);font-size:.8rem;max-width:400px;line-height:1.7}
.first-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px;color:#c6ac86;font:700 .58rem/1.5 "Geist Mono",monospace;letter-spacing:.045em;opacity:.8}
.first-identity i{width:3px;height:3px;border-radius:50%;background:#a1825c;flex:none}
.first-cover-trigger{min-height:620px;overflow:visible;transform-style:preserve-3d}
.first-book-glow{background:radial-gradient(ellipse,rgba(192,133,67,.19) 0%,rgba(142,93,48,.1) 36%,transparent 67%);animation:fb-pulse 7s ease-in-out infinite;inset:9% -3%;filter:blur(28px)}
.first-book-pages{position:absolute;z-index:3;display:block;width:min(356px,80%);aspect-ratio:.75;left:50%;top:50%;transform:translate(-49%,-48%) rotate(-3deg) rotateY(-9deg);border-radius:8px 18px 18px 8px;background:repeating-linear-gradient(180deg,#c1ad8c 0 2px,#eadbc0 2px 4px,#806b50 4px 5px);box-shadow:18px 23px 30px rgba(0,0,0,.6),0 0 0 5px #332319}
.first-book-cover{z-index:5;width:min(350px,78%);aspect-ratio:.75;border:7px solid #151414;border-left:19px solid #090909;background:radial-gradient(circle at 60% 28%,rgba(216,180,123,.07),transparent 46%),repeating-linear-gradient(103deg,transparent 0 12px,rgba(242,219,182,.006) 13px),linear-gradient(140deg,#191818 0%,#0c0b0b 42%,#070707 94%);transform:translate(-50%,-50%) rotateY(-13deg) rotateZ(-3deg);position:absolute;top:48%;left:50%;box-shadow:inset -24px 0 30px rgba(0,0,0,.55),0 30px 50px rgba(0,0,0,.8),0 0 0 1px rgba(219,179,117,.18);transform-origin:9% 50%;animation:fb-book-breathe 8s ease-in-out infinite}
.first-cover-trigger:hover .first-book-cover,.first-cover-trigger:focus-visible .first-book-cover{transform:translate(-50%,-51.5%) rotateY(-7deg) rotateZ(-2deg)}
.first-book-frame{inset:17px 19px 17px 12px;border:1px solid rgba(203,161,104,.45);outline:1px solid rgba(203,161,104,.19);outline-offset:-12px;gap:12px}
.first-book-overline{top:40px;font:700 .65rem/1 "Geist Mono",monospace;color:rgba(234,210,174,.8)}
.first-book-name{font:600 clamp(3.1rem,5vw,4.4rem)/.9 Georgia,serif;letter-spacing:.04em;color:#f0dfc4}
.first-book-tagline{bottom:42px;font-size:.44rem;color:rgba(227,198,162,.76)}
.first-book-sigil{position:relative;display:block;width:94px;height:94px;margin:0 0 6px}
.first-book-sigil i{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(219,177,113,.45)}
.first-book-sigil i:nth-child(1){width:88px;height:88px;background:radial-gradient(circle,rgba(215,169,96,.1),transparent 73%);animation:fb-sigil 7s ease-in-out infinite}
.first-book-sigil i:nth-child(2){width:52px;height:52px;opacity:.68}
.first-book-sigil i:nth-child(3){width:11px;height:11px;background:rgba(225,189,131,.84);box-shadow:0 0 20px rgba(230,183,106,.5)}
.first-book-spine{position:absolute;z-index:5;left:1px;top:14px;bottom:15px;width:6px;background:linear-gradient(180deg,#161413,transparent 17%,#b99968 46%,transparent 73%,#201915);box-shadow:6px 0 14px rgba(0,0,0,.5)}
.first-book-scratch{position:absolute;z-index:4;pointer-events:none;height:1px;background:linear-gradient(90deg,transparent,rgba(240,194,117,.29),transparent);transform-origin:center;opacity:.85}
.first-book-scratch-a{width:88%;left:13%;top:64%;transform:rotate(-22deg)}
.first-book-scratch-b{width:50%;left:34%;top:68%;transform:rotate(29deg)}
.first-last-card{position:absolute;z-index:7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;top:45%;right:-2%;width:126px;aspect-ratio:.7;border-radius:6px;background:linear-gradient(155deg,#efe0bf,#baa17b);border:1px solid #71553a;box-shadow:0 18px 24px rgba(0,0,0,.47);transform:rotate(11deg) translateY(4px);color:#604328;animation:fb-card-shift 5.5s ease-in-out infinite}
.first-last-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(95,66,40,.28);pointer-events:none}
.first-last-card-icon{font-size:2.6rem;line-height:1;color:#8c6b46}
.first-last-card>span:nth-child(2){font:800 .75rem/1.2 "Geist Mono",monospace;letter-spacing:.13em}
.first-last-card small{font:750 .5rem/1.2 "Geist Mono",monospace;letter-spacing:.11em}
.first-lost-card{position:absolute;z-index:1;display:block;width:82px;aspect-ratio:.73;border:1px solid rgba(210,181,142,.26);background:linear-gradient(160deg,rgba(206,178,138,.14),rgba(57,43,34,.1));clip-path:polygon(0 0,100% 0,100% 74%,79% 69%,72% 100%,0 100%);filter:drop-shadow(0 10px 12px rgba(0,0,0,.43));opacity:.61;pointer-events:none}
.first-lost-card i{position:absolute;inset:11px;border:1px solid rgba(212,182,143,.22)}
.first-lost-card-a{left:8%;top:16%;transform:rotate(-21deg);animation:fb-drift-a 8s ease-in-out infinite}
.first-lost-card-b{right:11%;top:8%;transform:rotate(13deg) scale(.72);animation:fb-drift-b 10s ease-in-out infinite}
.first-lost-card-c{left:11%;bottom:11%;transform:rotate(19deg) scale(.62);animation:fb-drift-c 9s ease-in-out infinite}
.first-ink-trail{position:absolute;z-index:2;width:155px;height:1px;background:linear-gradient(90deg,transparent,rgba(219,173,116,.56),transparent);filter:drop-shadow(0 0 5px rgba(232,182,108,.35));opacity:.6;pointer-events:none}
.first-ink-trail-a{left:2%;top:36%;transform:rotate(26deg);animation:fb-ink-glide 8s ease-in-out infinite}
.first-ink-trail-b{right:4%;bottom:24%;transform:rotate(-24deg);animation:fb-ink-glide 9s ease-in-out 2s infinite}
.first-book-hint{bottom:11px;white-space:normal;max-width:90%;text-align:center;color:rgba(242,219,188,.72);font-size:.61rem;letter-spacing:.1em;line-height:1.6}
.first-book-hint span{font-size:.8rem;color:#e1bd83}
.first-cover-trigger.is-opening .first-book-cover{animation:none;transform:translate(-68%,-52%) rotateY(-77deg) rotateZ(-5deg) scale(.88);opacity:.37;transition:transform .57s cubic-bezier(.16,.72,.16,1),opacity .57s ease}
.first-cover-trigger.is-opening .first-last-card{animation:none;transform:translate(26px,-27px) rotate(23deg);opacity:0;transition:transform .55s,opacity .45s}
.first-cover-trigger.is-opening .first-lost-card{animation:none;transform:translateY(-40px) rotate(-28deg);opacity:0;transition:transform .6s,opacity .5s}
.first-intro.is-opening .first-intro-copy{opacity:.5;transition:opacity .55s}
.first-reading{scroll-margin-top:10px}
.first-paper-left{background:radial-gradient(ellipse at 50% 48%,rgba(202,185,149,.35),transparent 60%),linear-gradient(150deg,#e3cba7,#f3e5c6 69%,#ddc7a1)}
.first-paper-mark{opacity:.55}
.first-response-state{position:relative}
.first-reading.has-reacted .first-paper-left{animation:fb-page-reaction 1.1s ease}
.first-reading.has-reacted .first-paper-left:before{content:"";position:absolute;z-index:2;inset:26% 28%;border-radius:50%;opacity:0;background:radial-gradient(ellipse,rgba(61,47,39,.45),rgba(61,47,39,.08) 40%,transparent 73%);pointer-events:none;animation:fb-ink-bloom 1.5s ease .18s both}
.first-reading.has-reacted .first-ink-sign{color:#6e4836}
.first-reaction{font-size:clamp(1.7rem,2.3vw,2.25rem);line-height:1.2}
@keyframes fb-pulse{0%,100%{opacity:.8;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes fb-book-breathe{0%,100%{filter:brightness(.98)}50%{filter:brightness(1.08)}}
@keyframes fb-card-shift{0%,100%{transform:rotate(11deg) translateY(4px)}50%{transform:rotate(8deg) translateY(-8px)}}
@keyframes fb-drift-a{0%,100%{transform:rotate(-21deg) translateY(0)}50%{transform:rotate(-18deg) translateY(-14px)}}
@keyframes fb-drift-b{0%,100%{transform:rotate(13deg) scale(.72) translateY(0)}50%{transform:rotate(17deg) scale(.72) translateY(17px)}}
@keyframes fb-drift-c{0%,100%{transform:rotate(19deg) scale(.62) translateY(0)}50%{transform:rotate(13deg) scale(.62) translateY(-9px)}}
@keyframes fb-ink-glide{0%,100%{opacity:.12}40%,55%{opacity:.8}}
@keyframes fb-sigil{0%,100%{opacity:.56;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes fb-page-reaction{0%,100%{filter:brightness(1)}45%{filter:brightness(.85)}}
@keyframes fb-ink-bloom{0%{opacity:0;transform:scale(.35)}30%{opacity:.8}100%{opacity:.18;transform:scale(1.2)}}
@media(max-width:880px){
  .first-intro{gap:14px}
  .first-cover-trigger{min-height:520px}
  .first-book-cover{width:min(316px,77%)}
  .first-book-pages{width:min(322px,80%)}
  .first-last-card{width:98px;right:-5%}
  .first-book-frame{inset:13px}
  .first-book-overline{top:26px}
  .first-book-tagline{bottom:28px}
}
@media(max-width:680px){
  .first-intro{gap:0;padding:20px 0 35px}
  .first-intro-copy{padding-bottom:0}
  .first-intro h1{font-size:clamp(2.5rem,10vw,3.7rem);line-height:1.08;letter-spacing:-.047em}
  .first-intro h1 em{letter-spacing:-.047em}
  .first-eyebrow{margin-bottom:14px}
  .first-lede{font-size:1.05rem;line-height:1.55;margin:16px auto 0}
  .first-promise{font-size:1.03rem;margin:7px 0 19px}
  .first-reassurance{max-width:100%;margin:12px auto 0;font-size:.74rem}
  .first-identity{justify-content:center;gap:8px;margin:17px 0 0;font-size:.48rem;letter-spacing:.025em}
  .first-cover-trigger{min-height:348px;margin-top:0}
  .first-book-cover{top:48%;width:min(204px,55%);border-width:5px 6px 6px 12px}
  .first-book-pages{top:50%;width:min(210px,57%)}
  .first-book-frame{inset:8px;border-width:1px;outline-offset:-7px;gap:5px}
  .first-book-overline{top:12px;font-size:.44rem}
  .first-book-sigil{height:50px;width:50px;margin:0}
  .first-book-sigil i:nth-child(1){width:50px;height:50px}
  .first-book-sigil i:nth-child(2){width:29px;height:29px}
  .first-book-sigil i:nth-child(3){width:6px;height:6px}
  .first-book-name{font-size:2.6rem}
  .first-book-tagline{bottom:15px;font-size:.30rem}
  .first-last-card{width:78px;right:3%;top:40%}
  .first-last-card-icon{font-size:1.7rem}
  .first-last-card>span:nth-child(2){font-size:.54rem}
  .first-last-card small{font-size:.39rem}
  .first-lost-card{width:50px}
  .first-lost-card-a{left:9%;top:15%}
  .first-lost-card-b{right:10%;top:7%}
  .first-lost-card-c{left:12%;bottom:15%}
  .first-book-hint{bottom:1px;font-size:.48rem}
  .first-reading.has-reacted .first-paper-right{box-shadow:inset 0 0 25px rgba(73,47,25,.08),0 0 0 2px rgba(200,159,105,.08)}
}
@media(max-width:380px){
  .first-intro h1{font-size:2.43rem}
  .first-lede{font-size:1rem}
  .first-promise{font-size:.97rem}
  .first-cover-trigger{min-height:325px}
  .first-book-cover{width:min(180px,53%)}
  .first-book-pages{width:min(186px,55%)}
  .first-book-name{font-size:2.26rem}
  .first-last-card{right:0;width:68px}
  .first-identity{font-size:.44rem;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .first-book-glow,.first-book-cover,.first-book-sigil i,.first-last-card,.first-lost-card,.first-ink-trail,.first-paper-left{animation:none!important}
  .first-cover-trigger.is-opening .first-book-cover,.first-cover-trigger.is-opening .first-last-card,.first-cover-trigger.is-opening .first-lost-card{transition:none!important}
  .first-reading.has-reacted .first-paper-left:before{animation:none;opacity:.25;transform:scale(1)}
}

/* Real game screenshots from the production GUESS wheel and Pagebreak Survival.
   No simulated gameplay, faux wheel, or old arena concept art is used here. */
.first-intro h1{font-size:clamp(2.8rem,5.1vw,5.3rem);max-width:650px;line-height:1.09}
.first-lede{max-width:510px;font-size:clamp(1.12rem,1.75vw,1.35rem);color:#f1e3cc;line-height:1.57;margin:27px 0 0}
.first-promise{font:500 clamp(.92rem,1.13vw,1rem)/1.63 "DM Sans",sans-serif;font-style:normal;color:#c1b29d;max-width:480px;margin:13px 0 30px}
.first-identity{font-size:.56rem;letter-spacing:.045em;gap:11px;color:#d2b78e}
.first-discover{max-width:1100px;margin:0 auto;text-align:center;padding:62px 0 76px;border-top:1px solid rgba(216,185,140,.17)}
.first-discover[hidden]{display:none!important}
.first-discover-kicker,.first-preview-kicker{color:#ceb18a;font:700 .61rem/1.5 "Geist Mono",monospace;letter-spacing:.12em}
.first-discover h2{font:600 clamp(2rem,3.4vw,2.95rem)/1.14 Georgia,serif;letter-spacing:-.04em;color:#f3e7d6;margin:13px 0 12px}
.first-discover-lede{color:#c9baa8;line-height:1.65;max-width:650px;margin:0 auto 32px}
.first-discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;text-align:left}
.first-preview{display:flex;min-width:0;flex-direction:column;gap:13px;background:linear-gradient(160deg,#201914,#0e0c0a);border:1px solid rgba(216,185,140,.18);border-radius:16px;padding:15px}
.first-preview-kicker{font-size:.59rem}
.first-preview-stage{position:relative;overflow:hidden;height:auto;aspect-ratio:1.34;border:1px solid rgba(216,185,140,.14);border-radius:9px;background:#080706}
.first-preview-screenshot{display:block}
.first-preview-screenshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;image-rendering:auto}
.first-preview-story-stage{display:grid;place-items:center;background:radial-gradient(circle at 50% 53%,rgba(181,146,94,.15),transparent 62%),linear-gradient(145deg,#160f0a,#080706)}
.first-story-card{position:relative;width:min(68%,210px);height:87%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:10px;padding:13px;background:radial-gradient(circle at 35% 27%,#f2e1c4,#ddc49e 82%,#c5a77e);color:#483321;border:1px solid #ad8b5b;border-radius:6px;box-shadow:inset 0 0 0 5px rgba(250,241,218,.37),0 15px 27px rgba(0,0,0,.55);text-align:center}
.first-story-card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(117,77,44,.23);pointer-events:none;border-radius:3px}
.first-story-card span,.first-story-card small{color:#6a5035;font:700 clamp(.42rem,.57vw,.55rem)/1.4 "Geist Mono",monospace;letter-spacing:.09em}
.first-story-card strong{font:600 clamp(.8rem,1.1vw,1rem)/1.36 Georgia,serif}
.first-story-card i{color:#a08661;font:normal 1.5rem Georgia,serif}
.first-preview h3{font:600 clamp(1.1rem,1.5vw,1.3rem)/1.3 Georgia,serif;margin:1px 0 0;color:#f2e1ca}
.first-preview p{font-size:.85rem;line-height:1.6;color:#c8b8a4;margin:0;flex:1}
.first-preview-caption{font:700 .51rem/1.5 "Geist Mono",monospace;color:#d1b18a;letter-spacing:.065em;border-top:1px solid rgba(216,185,140,.13);padding-top:12px}
.first-discover-bottom{font-size:.82rem;line-height:1.6;color:#aa9c8b;max-width:650px;margin:27px auto 15px}
.first-discover-open{cursor:pointer;border:1px solid rgba(216,185,140,.5);background:#2c2116;color:#ecd3a9;border-radius:8px;min-height:46px;padding:12px 25px;font:700 .76rem "Geist Mono",monospace}
.first-discover-open:hover{background:#493524}
.first-legal-footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:18px 14px max(30px,env(safe-area-inset-bottom));font:650 .74rem "DM Sans",sans-serif}
.first-legal-footer a,.first-legal-footer button{color:#d4b792;background:none;border:0;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(max-width:880px){
.first-intro h1{font-size:clamp(2.6rem,5vw,4.6rem)}
.first-discover-grid{gap:10px}
.first-preview{padding:11px;gap:10px}
.first-preview h3{font-size:1.08rem}
.first-preview p{font-size:.78rem}
.first-story-card{width:75%;padding:8px}
.first-story-card strong{font-size:.77rem}
}
@media(max-width:680px){
.first-intro h1{font-size:clamp(2.45rem,10vw,3.7rem);line-height:1.07}
.first-lede{font-size:1.07rem;margin:17px auto 0}
.first-promise{font-size:.89rem;margin:9px auto 20px}
.first-identity{gap:8px;font-size:.49rem}
.first-discover{padding:38px 0 50px}
.first-discover-grid{grid-template-columns:1fr;gap:14px}
.first-discover-lede{font-size:.9rem;line-height:1.55;margin-bottom:22px}
.first-preview{padding:16px;gap:12px}
.first-preview-stage{aspect-ratio:1.6}
.first-preview-story-stage{aspect-ratio:1.6}
.first-story-card{width:min(52%,180px);height:94%;padding:10px}
.first-story-card strong{font-size:.88rem}
.first-preview h3{font-size:1.25rem}
.first-preview p{font-size:.87rem}
.first-preview-caption{font-size:.54rem}
.first-discover-bottom{margin-top:19px}
}
@media(max-width:380px){
.first-intro h1{font-size:2.4rem}
.first-lede{font-size:1rem}
.first-story-card strong{font-size:.78rem}
}


/* Landing v20261009 · public Q1 voices and sharp, native Arcade visual components. */
.first-codex{max-width:1100px;margin:0 auto;padding:45px 0 54px;text-align:center;border-top:1px solid rgba(216,185,140,.16)}
.first-codex[hidden]{display:none!important}
.first-codex-intro{max-width:750px;margin:0 auto 24px}
.first-codex h2{font:600 clamp(1.9rem,3.1vw,2.75rem)/1.17 Georgia,serif;letter-spacing:-.035em;color:#f3e7d6;margin:12px auto}
.first-codex-prompt{font:500 clamp(1.04rem,1.45vw,1.18rem)/1.5 Georgia,serif;color:#ecdfcc;margin:15px auto;max-width:675px}
.first-codex-lede{font:500 .85rem/1.6 'DM Sans',sans-serif;color:#b9a68e;margin:10px auto 0}
.first-codex-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch;text-align:left}
.first-codex-loading{grid-column:1/-1;color:#c9b9a2;font:500 .86rem/1.7 'DM Sans',sans-serif;padding:22px 10px;margin:0;text-align:center}
.first-codex-voice{min-width:0;position:relative;padding:20px 20px 18px;display:flex;flex-direction:column;gap:13px;border-radius:10px;background:linear-gradient(155deg,#f0e0bf,#dbc5a3 78%,#c6a984);border:1px solid rgba(98,70,41,.68);color:#382919;box-shadow:0 12px 32px rgba(0,0,0,.26),inset 0 0 0 5px rgba(252,241,213,.22)}
.first-codex-voice::before{content:'';position:absolute;inset:9px;border:1px solid rgba(101,73,43,.15);border-radius:5px;pointer-events:none}
.first-codex-voice-head{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
.first-codex-voice-head strong{font:700 .75rem/1.45 'DM Sans',sans-serif;color:#432c1e;overflow-wrap:anywhere}
.first-codex-voice-head span{font:700 .55rem/1.4 'Geist Mono',monospace;color:#705034;white-space:nowrap;letter-spacing:.06em}
.first-codex-thought{font:500 .94rem/1.65 Georgia,serif;color:#33291f;white-space:pre-line;overflow-wrap:anywhere;margin:0;flex:1}
.first-codex-voice-foot{font:700 .55rem/1.5 'Geist Mono',monospace;color:#806245;letter-spacing:.09em;border-top:1px solid rgba(98,70,41,.19);padding-top:10px;margin-top:auto}
.first-codex-footer{color:#a99c8c;font:500 .75rem/1.6 'DM Sans',sans-serif;margin:21px auto 15px;max-width:620px}
.first-codex-cta{min-width:250px}
.first-preview-wheel-scene,.first-preview-pagebreak-scene{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(197,147,84,.11),transparent 48%),linear-gradient(145deg,#0c0b09,#080807)}
.first-preview-wheel-scene::after,.first-preview-pagebreak-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(92deg,transparent 0 44px,rgba(255,255,255,.008) 45px 46px)}
.first-preview-wheel-scene .arcade-wheel-ring{display:grid;place-items:center;position:relative;z-index:1;width:100%;height:100%;padding:0}
.first-preview-wheel-scene .arcade-home-wheel{transform:translateY(-11px);margin:0}
.first-preview-wheel-scene .spinner-container {
  position: relative;
  width: var(--wheel-size);
  height: var(--wheel-size);
  margin-top: 60px;
}

.first-preview-wheel-scene .wheel {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background:
    radial-gradient(120% 90% at 50% 20%, rgba(255,255,255,.25), rgba(255,255,255,0) 55%),
    radial-gradient(140% 120% at 50% 115%, rgba(0,0,0,.45), rgba(0,0,0,0) 55%),
    conic-gradient(
      from -90deg,
      #865632 0deg 58deg, #6f482c 58deg 60deg,
      #146D1A 60deg 118deg, #0f5a16 118deg 120deg,
      #2289B6 120deg 178deg, #1c7397 178deg 180deg,
      #BD1F22 180deg 238deg, #9e1a1d 238deg 240deg,
      #000000 240deg 298deg, #1a1a1a 298deg 300deg,
      #CF9144 300deg 358deg, #b27b3a 358deg 360deg
    );
  box-shadow: 0 10px 24px rgba(0,0,0,.35), inset 0 6px 16px rgba(0,0,0,.35), inset 0 0 2px rgba(255,255,255,.25);
  transform: rotate(0deg);
  transition: transform 4s cubic-bezier(0.25, 1, 0.3, 1);
}

.first-preview-wheel-scene .wheel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(
    from -90deg,
    #865632 0deg 58deg, #6f482c 58deg 60deg,
    #146D1A 60deg 118deg, #0f5a16 118deg 120deg,
    #2289B6 120deg 178deg, #1c7397 178deg 180deg,
    #BD1F22 180deg 238deg, #9e1a1d 238deg 240deg,
    #000000 240deg 298deg, #1a1a1a 298deg 300deg,
    #CF9144 300deg 358deg, #b27b3a 358deg 360deg
  );
  --rim: 8px;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--rim) - 1px), rgba(0,0,0,1) calc(100% - var(--rim)));
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--rim) - 1px), rgba(0,0,0,1) calc(100% - var(--rim)));
  pointer-events: none;
}

.first-preview-wheel-scene .wheel::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18%;
  height: 18%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle at 40% 35%, rgba(255,255,255,.45), rgba(255,255,255,0) 55%),
    radial-gradient(circle at 60% 80%, rgba(0,0,0,.35), rgba(0,0,0,0) 55%),
    #1b1b1b;
  box-shadow: inset 0 2px 8px rgba(255,255,255,.25), 0 4px 12px rgba(0,0,0,.35);
  border: 2px solid rgba(255,255,255,.6);
}

.first-preview-wheel-scene .slice {
  position: absolute;
  left: 50%;
  top: 50%;
  font: 500 1.2rem 'Jua', sans-serif;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0,0,0,.45);
  transform-origin: 0 0;
  pointer-events: none;
  text-align: center;
  white-space: nowrap;
}
.first-preview-wheel-scene .slice:nth-child(1){ transform: rotate(-60deg) translateY(calc(-1*(var(--wheel-size)*0.31))) translate(-50%,-50%); }
.first-preview-wheel-scene .slice:nth-child(2){ transform: rotate(0deg) translateY(calc(-1*(var(--wheel-size)*0.31))) translate(-50%,-50%); }
.first-preview-wheel-scene .slice:nth-child(3){ transform: rotate(60deg) translateY(calc(-1*(var(--wheel-size)*0.31))) translate(-50%,-50%); }
.first-preview-wheel-scene .slice:nth-child(4){ transform: rotate(120deg) translateY(calc(-1*(var(--wheel-size)*0.31))) translate(-50%,-50%); }
.first-preview-wheel-scene .slice:nth-child(5){ transform: rotate(180deg) translateY(calc(-1*(var(--wheel-size)*0.31))) translate(-50%,-50%); }
.first-preview-wheel-scene .slice:nth-child(6){ transform: rotate(240deg) translateY(calc(-1*(var(--wheel-size)*0.31))) translate(-50%,-50%); }

.first-preview-wheel-scene .pointer {
  position: absolute;
  top: 50%;
  left: 50%;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 26px solid #fff;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,.4));
  transform: translate(-50%, -165%);
}

.first-preview-wheel-scene .spinner-container{--wheel-size:clamp(160px,17vw,205px);margin:0;isolation:isolate;overflow:visible;filter:none}
.first-preview-wheel-scene .wheel{transform:rotate(-13deg);transition:none;border:4px solid #17100c;box-shadow:inset 0 0 0 2px rgba(255,255,255,.055),inset 0 0 0 6px rgba(15,10,7,.22),inset 0 -9px 0 rgba(0,0,0,.16),0 4px 0 #090706}
.first-preview-wheel-scene .spinner-container::before{content:'';position:absolute;z-index:-2;inset:-13px;border:3px solid #18100b;border-radius:50%;background:linear-gradient(180deg,#a86d43,#75462d 50%,#4d2e20);box-shadow:0 0 0 2px #ead2ab,0 0 0 5px #17100b,0 6px 0 #47291c,0 14px 24px rgba(0,0,0,.34);pointer-events:none}
.first-preview-wheel-scene .spinner-container::after{content:'';position:absolute;z-index:5;inset:-9px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 1.5%,#ffe0a6 0 2.3px,#58341f 2.8px 4.1px,transparent 4.4px),radial-gradient(circle at 91.5% 25%,#ffe0a6 0 2.3px,#58341f 2.8px 4.1px,transparent 4.4px),radial-gradient(circle at 98.5% 50%,#dca052 0 2.1px,#58341f 2.6px 3.9px,transparent 4.2px),radial-gradient(circle at 91.5% 75%,#ffe0a6 0 2.3px,#58341f 2.8px 4.1px,transparent 4.4px),radial-gradient(circle at 50% 98.5%,#ffe0a6 0 2.3px,#58341f 2.8px 4.1px,transparent 4.4px),radial-gradient(circle at 8.5% 75%,#ffe0a6 0 2.3px,#58341f 2.8px 4.1px,transparent 4.4px),radial-gradient(circle at 1.5% 50%,#dca052 0 2.1px,#58341f 2.6px 3.9px,transparent 4.2px),radial-gradient(circle at 8.5% 25%,#ffe0a6 0 2.3px,#58341f 2.8px 4.1px,transparent 4.4px)}
.first-preview-wheel-scene .wheel::before{z-index:2;inset:0;-webkit-mask:none;mask:none;background:radial-gradient(circle,transparent 0 66.6%,rgba(255,238,207,.12) 67% 67.8%,transparent 68.3%),radial-gradient(circle,transparent 0 78.5%,rgba(0,0,0,.13) 79% 80%,transparent 80.5%)}
.first-preview-wheel-scene .wheel::after{z-index:4;width:20%;height:20%;border:3px solid #f0dfc5;background:radial-gradient(circle at 50% 50%,#b88950 0 4%,transparent 4.7%),radial-gradient(circle,#302a24 0 55%,#15110e 56%);box-shadow:0 0 0 3px #17100c,0 0 0 5px rgba(216,178,119,.48),0 5px 0 #090706}
.first-preview-wheel-scene .slice{z-index:3;font-size:11px;letter-spacing:.015em;text-rendering:geometricPrecision;text-shadow:0 1px 0 rgba(32,21,15,.96),1px 0 0 rgba(32,21,15,.82),-1px 0 0 rgba(32,21,15,.82),0 2px 3px rgba(0,0,0,.3)}
.first-preview-wheel-scene .slice:nth-child(1){--i:0}.first-preview-wheel-scene .slice:nth-child(2){--i:1}.first-preview-wheel-scene .slice:nth-child(3){--i:2}.first-preview-wheel-scene .slice:nth-child(4){--i:3}.first-preview-wheel-scene .slice:nth-child(5){--i:4}.first-preview-wheel-scene .slice:nth-child(6){--i:5}
.first-preview-wheel-scene .slice{transform:rotate(calc(-60deg + var(--i)*60deg)) translateY(calc(-1*var(--wheel-size)*.32)) translate(-50%,-50%)}
.first-preview-wheel-scene .pointer{top:-35px;z-index:9;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:0;border-top:32px solid #5b351f;transform:translateX(-50%);filter:drop-shadow(0 2px 0 #e4c18a) drop-shadow(0 5px 0 #21140d) drop-shadow(0 7px 4px rgba(0,0,0,.3))}
.first-preview-wheel-scene .pointer::after{content:'';position:absolute;left:-12px;top:-28px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:21px solid #fff0d4}
.first-preview-wheel-scene .arcade-art-tiles{z-index:3;display:flex;gap:5px;position:absolute;bottom:13px;left:50%;transform:translateX(-50%) rotate(-3deg)}
.first-preview-wheel-scene .arcade-art-tiles span{width:31px;height:36px;display:grid;place-items:center;border:2px solid #31251c;border-radius:5px;background:#eadfc9;color:#282119;font:400 22px 'Jua',sans-serif;box-shadow:0 4px 0 #0009}
.first-preview-pagebreak-scene .pagebreak-cover-stage{inset:10px 12px 12px;transform:none}
.pagebreak-cover-stage{position:absolute;inset:18px 20px 34px;overflow:hidden;border:1px solid rgba(229,198,151,.18);border-radius:16px;background:#0e0c09;box-shadow:0 24px 50px rgba(0,0,0,.38);transform:perspective(820px) rotateX(4deg);transform-origin:50% 75%;isolation:isolate}
.pagebreak-cover-map{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.52);opacity:.86}
.pagebreak-cover-stage::before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 48% 55%,transparent 0 23%,rgba(5,4,3,.15) 55%,rgba(5,4,3,.7) 100%),linear-gradient(180deg,rgba(3,3,2,.12),rgba(4,3,2,.58));pointer-events:none}
.pagebreak-cover-grid{position:absolute;inset:8%;z-index:3;opacity:.22;background-image:linear-gradient(rgba(236,211,172,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(236,211,172,.18) 1px,transparent 1px);background-size:9.09% 14.28%;transform:skewY(-1deg)}
.pagebreak-cover-character{position:absolute;z-index:7;display:grid;justify-items:center;filter:drop-shadow(0 10px 9px rgba(0,0,0,.7))}.pagebreak-cover-character img{display:block;width:58px;height:68px;object-fit:contain}.pagebreak-cover-character b{margin-top:-4px;padding:3px 5px;border-radius:4px;background:rgba(7,6,5,.78);font:800 5px/1 'Geist Mono',monospace;letter-spacing:.08em;color:#e9d6b8}.pagebreak-cover-character.is-thinker{left:18%;bottom:19%}.pagebreak-cover-character.is-seeker{right:18%;top:18%}.pagebreak-cover-character.is-catalyst{right:27%;bottom:13%}.pagebreak-cover-character.is-catalyst img{width:54px}
.pagebreak-cover-boss{position:absolute;z-index:5;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;justify-items:center}.pagebreak-cover-boss img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.76))}.pagebreak-cover-boss span{margin-top:-8px;font:900 5px/1 'Geist Mono',monospace;letter-spacing:.14em;color:#d8a971;text-shadow:0 2px 5px #000}
.pagebreak-cover-break{position:absolute;z-index:6;width:15px;height:15px;border-radius:50%;background:#e1c08d;border:2px solid #342416;box-shadow:0 0 0 5px rgba(225,192,141,.08),0 0 19px rgba(225,192,141,.45)}.pagebreak-cover-break.one{left:38%;bottom:32%}.pagebreak-cover-break.two{right:36%;top:30%}
.pagebreak-cover-blast{position:absolute;z-index:4;background:linear-gradient(90deg,transparent,rgba(238,185,112,.55),rgba(255,225,174,.83),rgba(238,185,112,.55),transparent);filter:blur(.2px);box-shadow:0 0 14px rgba(232,165,91,.3)}.pagebreak-cover-blast.horizontal{left:17%;right:17%;height:3px;top:58%}.pagebreak-cover-blast.vertical{top:20%;bottom:17%;width:3px;left:51%;background:linear-gradient(180deg,transparent,rgba(238,185,112,.55),rgba(255,225,174,.83),rgba(238,185,112,.55),transparent)}
.pagebreak-cover-title{position:absolute;z-index:9;left:13px;top:12px;display:grid;gap:2px;padding:8px 10px;border:1px solid rgba(235,209,168,.13);border-radius:9px;background:rgba(8,7,5,.76);backdrop-filter:blur(5px)}.pagebreak-cover-title small{font:800 5px/1 'Geist Mono',monospace;letter-spacing:.15em;color:#a98d68}.pagebreak-cover-title strong{font:400 18px/.95 'Jua',sans-serif;color:#f0dfc5}.pagebreak-cover-title span{font:800 5px/1.2 'Geist Mono',monospace;letter-spacing:.07em;color:#7fa9b0}
.arcade-pagebreak-visual .arcade-art-tiles{z-index:12;bottom:12px}
@media(max-width:1120px){.arcade-featured-grid-v27>.arcade-guess-feature,.arcade-featured-grid-v27>.arcade-pagebreak-feature{grid-template-rows:270px auto}.arcade-featured-grid-v27 .arcade-guess-visual,.arcade-featured-grid-v27 .arcade-pagebreak-visual{height:270px}}
@media(max-width:720px){.arcade-featured-grid-v27>.arcade-guess-feature,.arcade-featured-grid-v27>.arcade-pagebreak-feature{grid-template-rows:245px auto}.arcade-featured-grid-v27 .arcade-guess-visual,.arcade-featured-grid-v27 .arcade-pagebreak-visual{height:245px}.pagebreak-cover-stage{inset:12px 12px 30px}.pagebreak-cover-character img{width:48px;height:56px}.pagebreak-cover-boss img{width:92px;height:92px}.pagebreak-cover-title strong{font-size:16px}}

/* V107 · spoiler-safe Pagebreak cabinet cover. Keep the image about play, not future reveals. */
.pagebreak-cover-stage.is-spoiler-safe .pagebreak-cover-character.is-thinker{
  left:50%;right:auto;top:auto;bottom:16%;transform:translateX(-50%);z-index:8;
}
.pagebreak-cover-stage.is-spoiler-safe .pagebreak-cover-character.is-thinker img{
  width:82px;height:96px;filter:drop-shadow(0 13px 10px rgba(0,0,0,.72));
}
.pagebreak-cover-stage.is-spoiler-safe .pagebreak-cover-break.one{left:31%;bottom:31%}
.pagebreak-cover-stage.is-spoiler-safe .pagebreak-cover-break.two{right:29%;top:36%}
.pagebreak-cover-stage.is-spoiler-safe .pagebreak-cover-blast.horizontal{left:20%;right:20%;top:60%}
.pagebreak-cover-stage.is-spoiler-safe .pagebreak-cover-blast.vertical{top:31%;bottom:18%;left:50%}
@media(max-width:720px){.pagebreak-cover-stage.is-spoiler-safe .pagebreak-cover-character.is-thinker img{width:70px;height:82px}}
.first-preview-pagebreak-scene .pagebreak-cover-stage{inset:10px 12px 12px;transform:none}
.first-preview-pagebreak-scene .pagebreak-cover-map{max-width:none}
.first-preview-pagebreak-scene .pagebreak-cover-title{left:10px;top:9px}
@media(max-width:880px){.first-codex-voices{gap:10px}.first-codex-voice{padding:15px 13px}.first-codex-thought{font-size:.85rem}}
@media(max-width:680px){
 .first-codex{padding:34px 0 44px}
 .first-codex-voices{grid-template-columns:1fr;gap:13px}
 .first-codex-voice{padding:17px 17px 16px}
 .first-codex-thought{font-size:.94rem}
 .first-codex h2{font-size:clamp(1.8rem,7vw,2.4rem)}
 .first-preview-wheel-scene .spinner-container{--wheel-size:clamp(158px,43vw,205px)}
 .first-preview-wheel-scene .arcade-art-tiles{bottom:9px}
 .first-preview-pagebreak-scene .pagebreak-cover-stage{inset:9px}
 .first-preview-pagebreak-scene .pagebreak-cover-title{padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){.first-preview-wheel-scene .wheel{transition:none}}


/* Book-first conversion polish · keep the full Thinker awakening in Story Mode. */
.first-intro h1{font-size:clamp(2.55rem,4.4vw,4.8rem);max-width:710px;line-height:1.12}
.first-intro h1 em{display:block;font-size:.93em;letter-spacing:-.043em}
.first-promise{max-width:520px}
.first-identity{opacity:.66;font-size:.52rem}
.first-codex-voice.is-sealed{background:linear-gradient(155deg,#d5c09e,#bca17c 85%);box-shadow:inset 0 0 0 5px rgba(244,229,204,.2),0 10px 24px rgba(0,0,0,.2)}
.first-codex-voice.is-sealed .first-codex-thought{color:#735b43;font-style:italic;min-height:58px}
.first-codex-voice.is-sealed .first-codex-voice-foot{color:#725b41}
.first-codex-peek{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 0;min-height:42px;padding:9px 15px;border:1px solid rgba(223,189,143,.47);border-radius:8px;background:rgba(222,189,143,.06);color:#e8cfa9;cursor:pointer;font:750 .7rem/1.4 'Geist Mono',monospace;letter-spacing:.025em}
.first-codex-peek:hover,.first-codex-peek:focus-visible{background:rgba(222,189,143,.15)}
.first-codex-expand{display:inline-flex;align-self:flex-start;border:0;border-bottom:1px solid rgba(92,64,40,.5);background:transparent;color:#624027;cursor:pointer;padding:3px 0;font:800 .62rem/1.4 'Geist Mono',monospace;letter-spacing:.02em}
.first-codex-expand:focus-visible,.first-codex-peek:focus-visible{outline:2px solid #b58b50;outline-offset:3px}
.first-codex-peek[hidden]{display:none!important}
.first-reaction-scene{position:relative;isolation:isolate;text-align:center;margin:15px 0 19px;padding:13px 14px 15px;border-radius:8px;border:1px solid rgba(107,72,43,.16);background:radial-gradient(circle at 50% 25%,rgba(108,76,48,.06),transparent 65%)}
.first-witness-ink{height:clamp(85px,11vw,124px);position:relative;max-width:210px;margin:0 auto 9px;overflow:hidden;display:grid;place-items:center;pointer-events:none}
.first-witness-ink:before{content:'';position:absolute;inset:16% 18%;background:radial-gradient(ellipse,rgba(67,44,30,.3),transparent 68%);opacity:0;transform:scale(.3);transition:transform 1s ease,opacity .7s ease}
.first-witness-ink img{position:relative;z-index:2;display:block;height:100%;max-height:100%;width:auto;max-width:85%;object-fit:contain;object-position:center top;opacity:0;transform:translateY(16px) scale(.86);filter:grayscale(1) contrast(2.4) brightness(.13);mask-image:linear-gradient(180deg,black 10%,black 75%,transparent 100%);transition:opacity .9s ease,transform 1.1s ease}
.first-witness-trace{position:absolute;z-index:1;height:2px;background:linear-gradient(90deg,transparent,#352215,transparent);left:12%;right:10%;opacity:0;transform:scaleX(.05);transform-origin:30% 50%;transition:transform .9s ease,opacity .5s ease}
.first-witness-trace-a{top:34%;transform:rotate(-6deg) scaleX(.05)}
.first-witness-trace-b{top:65%;transform:rotate(7deg) scaleX(.05)}
.first-reaction-scene[data-beat="ink"] .first-witness-trace-a,.first-reaction-scene[data-beat="witness"] .first-witness-trace-a{opacity:.65;transform:rotate(-6deg) scaleX(1)}
.first-reaction-scene[data-beat="ink"] .first-witness-trace-b,.first-reaction-scene[data-beat="witness"] .first-witness-trace-b{opacity:.45;transform:rotate(7deg) scaleX(1)}
.first-reaction-scene[data-beat="ink"] .first-witness-ink:before,.first-reaction-scene[data-beat="witness"] .first-witness-ink:before{opacity:1;transform:scale(1)}
.first-reaction-scene[data-beat="witness"] .first-witness-ink img{opacity:.72;transform:translateY(1px) scale(1)}
.first-reaction-kicker{display:block;color:#805a39;font:800 .53rem/1.6 'Geist Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.first-reaction-scene .first-reaction{font:600 clamp(1.6rem,2.2vw,2.15rem)/1.22 Georgia,serif;color:#382718;margin:5px auto 8px}
.first-reaction-scene .first-reaction-copy{font:500 .89rem/1.56 'DM Sans',sans-serif;color:#6a5139;margin:0 auto;max-width:34ch}
.first-response-state blockquote{max-height:136px;line-height:1.55;font-size:.9rem;scrollbar-width:thin}
.first-response-state .first-page-kicker{margin-bottom:10px}
.first-response-state .first-continue-button{margin-top:4px}
.first-codex{scroll-margin-top:18px}
.first-response-state .first-edit{margin-top:11px}
@media(max-width:880px){.first-intro h1{font-size:clamp(2.6rem,5vw,4.1rem)}}
@media(max-width:680px){
 .first-intro h1{font-size:clamp(2.35rem,9vw,3.45rem);line-height:1.13}
 .first-intro h1 em{font-size:.91em}
 .first-intro .first-promise{font-size:.88rem;margin:9px auto 20px}
 .first-reaction-scene{padding:12px 10px 13px;margin:11px 0 14px}
 .first-witness-ink{height:95px;margin-bottom:7px}
 .first-reaction-scene .first-reaction{font-size:clamp(1.5rem,6.5vw,1.9rem)}
 .first-reaction-scene .first-reaction-copy{font-size:.82rem}
 .first-response-state blockquote{font-size:.88rem;max-height:105px}
 .first-response-state .first-response-foot{font-size:.7rem}
 .first-codex-peek{width:100%;max-width:330px}
}
@media(prefers-reduced-motion:reduce){
 .first-witness-ink:before,.first-witness-ink img,.first-witness-trace{transition:none!important}
 .first-witness-ink img{transform:none}
}

/* Community invitation stays intentionally quieter than OPEN THE BOOK. */
.first-community-invite{display:flex;align-items:center;flex-wrap:wrap;gap:2px 12px;max-width:510px;margin:12px 0 0;color:rgba(222,205,182,.73);font:500 .76rem/1.6 "DM Sans",sans-serif}
.first-community-invite a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:6px 0;color:#e8cfaa;font:700 .65rem/1.5 "Geist Mono",monospace;letter-spacing:.03em;text-decoration:underline;text-decoration-color:rgba(222,186,129,.52);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .18s}
.first-community-invite a:hover,.first-community-invite a:focus-visible{color:#fff1d4;text-decoration-color:currentColor}
@media(max-width:680px){.first-community-invite{justify-content:center;gap:0 10px;margin:10px auto 0;font-size:.72rem}.first-community-invite a{min-height:44px;font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.first-community-invite a{transition:none}}

/* Living Book purpose · 2026-10-17: final-page question belongs below discovery,
   not inside the first Thought/Thinker surprise. */
.first-last-page-question{max-width:760px;margin:36px auto 8px;padding:25px 26px 24px;border-top:1px solid rgba(216,185,140,.28);border-bottom:1px solid rgba(216,185,140,.17);text-align:center}
.first-last-page-question span{color:#c6a477;font:750 .6rem/1.5 "Geist Mono",monospace;letter-spacing:.17em}
.first-last-page-question p{margin:12px auto 0;max-width:660px;color:#e9d8bd;font:italic 500 clamp(1.18rem,2.3vw,1.75rem)/1.38 Georgia,"Times New Roman",serif;text-wrap:balance}
@media(max-width:680px){.first-last-page-question{margin:26px auto 4px;padding:20px 12px}.first-last-page-question p{font-size:1.19rem}}