/* =========================================================
   Lore View Modes — Cinemático ⇄ Leitura
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar-right{display:flex;align-items:center;gap:26px}
.lore-mode-toggle{--toggle-w:78px;--toggle-h:38px;position:relative;width:var(--toggle-w);height:var(--toggle-h);border:1px solid rgba(238,233,223,.34);border-radius:999px;background:rgba(17,17,20,.82);color:#d8d0c4;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.22),0 8px 28px rgba(0,0,0,.2);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;isolation:isolate}
.lore-mode-toggle:hover{border-color:rgba(238,233,223,.58);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22),0 8px 32px rgba(0,0,0,.32)}
.lore-mode-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.mode-toggle-thumb{position:absolute;z-index:-1;width:30px;height:30px;left:3px;top:3px;border-radius:50%;background:#eee8dd;box-shadow:0 1px 8px rgba(0,0,0,.48);transform:translateX(0);transition:transform .55s cubic-bezier(.2,.8,.2,1),background .35s ease}
.mode-icon{display:grid;place-items:center;z-index:2;opacity:.52;transition:opacity .3s ease,color .3s ease}
.mode-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.mode-icon-cinematic{color:#151517;opacity:1}.mode-icon-reading{color:#cfc7bb}
body[data-lore-mode="reading"] .mode-toggle-thumb{transform:translateX(40px);background:#eee8dd}
body[data-lore-mode="reading"] .mode-icon-cinematic{color:#cfc7bb;opacity:.52}
body[data-lore-mode="reading"] .mode-icon-reading{color:#151517;opacity:1}
body[data-lore-mode="reading"] .cinematic-nav{opacity:0;pointer-events:none;transform:translateY(-4px)}
.cinematic-nav{transition:opacity .35s ease,transform .35s ease}
.mode-hint{position:absolute;right:clamp(20px,5vw,72px);top:68px;width:min(270px,calc(100vw - 40px));padding:13px 15px;border:1px solid var(--line);background:rgba(15,15,17,.96);box-shadow:0 18px 50px rgba(0,0,0,.42);border-radius:9px;color:#cfc7bb;font-size:.78rem;line-height:1.4;transform-origin:top right;animation:modeHintIn .35s ease both}
.mode-hint:before{content:"";position:absolute;right:27px;top:-6px;width:10px;height:10px;background:#0f0f11;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.mode-hint strong{display:block;color:var(--ink);font-family:var(--serif);font-size:.98rem}.mode-hint span{display:block;margin-top:2px}.mode-hint[hidden]{display:none}
@keyframes modeHintIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}

/* Shared-element motion. */
.shared-lore-title{view-transition-name:lore-d-title}.shared-lore-art{view-transition-name:lore-d-art}
::view-transition-group(lore-d-title),::view-transition-group(lore-d-art){animation-duration:1.35s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:1.15s;animation-timing-function:cubic-bezier(.22,.72,.18,1)}
body.is-switching{pointer-events:none}

/* Reading view */
.reading-view{min-height:100vh;background:radial-gradient(circle at 77% 6%,rgba(122,51,65,.11),transparent 28%),linear-gradient(180deg,#0b0b0c 0,#0e0d0e 48%,#0a0a0b 100%);color:var(--ink)}
.reading-progress{position:fixed;z-index:79;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.04);pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--wine),var(--wine-2),var(--gold));transition:width .08s linear}
.reading-hero{min-height:76vh;max-width:1280px;margin:0 auto;padding:125px clamp(24px,6vw,86px) 54px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:clamp(20px,5vw,80px);align-items:center;border-bottom:1px solid var(--line);position:relative}
.reading-hero-copy{max-width:680px}.reading-title{font-family:var(--serif);font-size:clamp(5rem,10vw,9rem);font-weight:500;letter-spacing:-.075em;line-height:.72;margin:0 0 34px}.reading-title span{color:var(--wine-2)}.reading-subtitle{font-family:var(--serif);font-size:clamp(2.1rem,4.8vw,4.4rem);line-height:1.02;margin:0;color:#eee8df;letter-spacing:-.03em}.reading-subtitle em{font-style:normal;color:var(--wine-2)}.reading-deck{max-width:590px;color:var(--muted);font-family:var(--serif);font-size:1.16rem;line-height:1.65;margin:26px 0 30px}.reading-start{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#d7cec1;border-bottom:1px solid rgba(180,138,75,.45);padding-bottom:5px}.reading-start span{color:var(--gold);font-size:1rem}.reading-hero-art{height:min(66vh,690px);min-height:480px;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.reading-hero-art img{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:relative;z-index:2;filter:drop-shadow(0 28px 38px rgba(0,0,0,.52))}.reading-halo{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;top:12%;background:radial-gradient(circle,#c6a77c22 0,#7a33411a 42%,transparent 70%)}
.reading-layout{width:min(1240px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:230px minmax(0,760px);gap:clamp(54px,8vw,120px);justify-content:center;align-items:start;padding:92px 0 150px}
.reading-toc{position:sticky;top:102px;max-height:calc(100vh - 130px);overflow:auto;padding:2px 14px 20px 0;scrollbar-width:thin;scrollbar-color:rgba(160,73,90,.45) transparent}.reading-toc>p{font-size:.66rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 18px}.reading-toc nav{display:flex;flex-direction:column;border-left:1px solid var(--line)}.reading-toc a{position:relative;display:grid;grid-template-columns:34px 1fr;gap:7px;padding:7px 0 7px 15px;color:#746e68;font-family:var(--serif);font-size:.84rem;line-height:1.25;transition:color .2s ease,transform .2s ease}.reading-toc a:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:2px;background:var(--wine-2);transform:scaleY(0);transition:transform .2s ease}.reading-toc a span{font-family:var(--sans);font-size:.58rem;letter-spacing:.08em;color:#5f5954;padding-top:2px}.reading-toc a:hover{color:#cfc7bb}.reading-toc a.active{color:#eee8df;transform:translateX(3px)}.reading-toc a.active:before{transform:scaleY(1)}.reading-toc a.active span{color:var(--wine-2)}
.reading-document{min-width:0}.reading-mobile-toc{display:none}.reading-chapter{padding:0 0 88px;margin:0 0 88px;border-bottom:1px solid rgba(255,255,255,.075);scroll-margin-top:96px}.reading-chapter:last-child{border-bottom:0;margin-bottom:0}.reading-chapter-header{margin-bottom:36px}.reading-chapter-header p{margin:0 0 8px;color:var(--wine-2);font-family:var(--sans);font-size:.67rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700}.reading-chapter-header h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.45rem,5vw,4.7rem);line-height:.98;letter-spacing:-.035em;margin:0;color:#f0e9df}.reading-prose{font-family:var(--serif);font-size:clamp(1.12rem,1.45vw,1.26rem);line-height:1.86;color:#d2c9bd}.reading-prose p{margin:0 0 1.38em}.reading-prose p:last-child{margin-bottom:0}.reading-prose strong{color:#f0e8de;font-weight:600}.reading-prose em{color:#e4dbcf}.reading-prose blockquote{position:relative;margin:2.5em 0;padding:4px 0 4px 26px;border-left:2px solid var(--wine);color:#eee7dd;font-size:1.14em;line-height:1.6}.reading-prose blockquote p{margin:.5em 0}.reading-prose blockquote strong{color:#fff}.reading-prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.reading-prose>p:has(>strong:only-child){font-size:1.05em}.reading-prose ul,.reading-prose ol{padding-left:1.4em}.reading-prose li{margin:.45em 0}#read-before .reading-prose>p:first-child:first-letter{float:left;font-size:4.7rem;line-height:.72;padding:.13em .12em 0 0;color:var(--wine-2)}
.reading-figure{margin:56px auto 8px;max-width:620px;border-top:1px solid var(--line);padding-top:24px}.reading-figure-wide{max-width:720px}.reading-figure .image-button{height:min(72vh,690px);background:radial-gradient(circle at 50% 44%,rgba(122,51,65,.13),transparent 61%)}.reading-figure figcaption{font-family:var(--serif);font-style:italic;color:#817a72;font-size:.86rem;line-height:1.5;margin-top:13px}.reading-figure img{object-fit:contain}
#read-shot{padding-top:18px;padding-bottom:108px}#read-shot .reading-chapter-header h2{color:#fff}#read-shot .reading-prose{font-size:clamp(1.16rem,1.58vw,1.34rem)}#read-shot .reading-prose blockquote{border-color:var(--wine-2)}
#read-what-if{position:relative}#read-what-if:before{content:"E SE?";position:absolute;right:-16vw;top:-50px;font-family:var(--serif);font-size:clamp(7rem,18vw,16rem);font-weight:700;color:rgba(160,73,90,.035);pointer-events:none;white-space:nowrap}#read-what-if>*{position:relative;z-index:1}
#read-d .reading-chapter-header h2{font-size:clamp(5rem,10vw,9rem);color:var(--wine-2)}
#read-epilogue{padding-bottom:40px}#read-epilogue .reading-prose>blockquote:last-of-type{margin-top:3.4em;font-size:1.22em}

body[data-lore-mode="reading"] footer{background:#0a0a0b}

@media(max-width:980px){
  .topbar-right{gap:0}.cinematic-nav{display:none}.lore-mode-toggle{--toggle-w:74px}#read-what-if:before{right:0}
  .reading-hero{grid-template-columns:1fr;min-height:auto;padding-top:118px}.reading-hero-copy{max-width:760px}.reading-hero-art{height:54vh;min-height:430px;order:2}.reading-layout{width:min(760px,calc(100% - 40px));grid-template-columns:1fr;gap:0;padding-top:48px}.reading-toc{display:none}.reading-mobile-toc{display:block;margin:0 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-mobile-toc summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:15px 2px;color:#cfc6b9;font-size:.73rem;letter-spacing:.17em;text-transform:uppercase}.reading-mobile-toc summary::-webkit-details-marker{display:none}.reading-mobile-toc nav{display:grid;grid-template-columns:1fr 1fr;padding:0 0 18px}.reading-mobile-toc a{padding:7px 8px;color:#8f877e;font-family:var(--serif);font-size:.9rem}.reading-mobile-toc a span{display:inline-block;min-width:32px;color:var(--wine-2);font-family:var(--sans);font-size:.62rem}.reading-chapter{scroll-margin-top:82px}
}
@media(max-width:620px){
  .topbar{padding-top:13px;padding-bottom:13px}.brand{font-size:1.75rem}.lore-mode-toggle{--toggle-w:70px;--toggle-h:34px}.mode-toggle-thumb{width:26px;height:26px}.mode-icon svg{width:15px;height:15px}body[data-lore-mode="reading"] .mode-toggle-thumb{transform:translateX(36px)}.mode-hint{top:58px}
  .reading-hero{padding:104px 20px 42px;gap:28px}.reading-title{font-size:5.2rem;margin-bottom:27px}.reading-subtitle{font-size:2.3rem}.reading-deck{font-size:1.02rem;margin-top:20px}.reading-hero-art{height:45vh;min-height:350px}.reading-layout{width:calc(100% - 40px);padding-bottom:100px}.reading-mobile-toc{margin-bottom:56px}.reading-mobile-toc nav{grid-template-columns:1fr}.reading-chapter{padding-bottom:66px;margin-bottom:66px}.reading-chapter-header{margin-bottom:28px}.reading-chapter-header h2{font-size:2.55rem}.reading-prose{font-size:1.08rem;line-height:1.82}.reading-prose blockquote{padding-left:18px}.reading-figure .image-button{height:520px}
}
@media(prefers-reduced-motion:reduce){
  .mode-toggle-thumb,.mode-icon,.cinematic-nav{transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important}.mode-hint{animation:none}.reading-progress span{transition:none}
}