/* DII Chronosphere V6 — cinematic and long-reading extension, layered over V5. */
:root{--codex-gold:#edc68e;--codex-cyan:#7de6e7}
.codex-home{box-shadow:0 35px 110px rgba(0,0,0,.38),0 0 65px rgba(233,172,92,.05)}
.codex-home::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 28%,rgba(247,176,87,.095),transparent 47%);mix-blend-mode:screen;animation:v6breathe 14s ease-in-out infinite alternate}
.codex-cinema{height:clamp(550px,68vh,880px);background:#060a13}
.codex-cinema-image{animation:v6camera 33s ease-in-out infinite alternate;transition:background-position 900ms ease,filter 900ms ease}
.codex-scene-enter .codex-cinema-image{animation:v6chapterEnter 1100ms both,v6camera 36s ease-in-out 1.1s infinite alternate}
.codex-scene-enter .codex-scene-copy{animation:v6textEnter 900ms ease-out both}
.codex-cinema-volumetric{pointer-events:none;position:absolute;inset:-20%;z-index:-2;opacity:.33;background:conic-gradient(from 150deg at 65% 12%,transparent 0deg,rgba(251,197,116,.34) 11deg,transparent 19deg,transparent 32deg,rgba(94,224,231,.22) 38deg,transparent 48deg,transparent 360deg);transform-origin:65% 12%;animation:v6shafts 27s ease-in-out infinite alternate;mix-blend-mode:screen}
.codex-cinema-filmgrain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");mix-blend-mode:screen}
.codex-cinema-letterbox{pointer-events:none;position:absolute;inset:0;z-index:3;box-shadow:inset 0 28px 0 rgba(2,5,11,.78),inset 0 -27px 0 rgba(2,5,11,.78)}
.codex-cinema-depth{background:linear-gradient(90deg,rgba(4,9,20,.92) 0%,rgba(4,9,20,.66) 41%,transparent 78%),linear-gradient(0deg,rgba(1,5,13,.97),transparent 53%),radial-gradient(ellipse at 82% 18%,rgba(241,176,85,.12),transparent 50%)}
.codex-scene-top{top:43px;z-index:4}
.codex-scene-copy{bottom:81px;z-index:4;max-width:min(700px,85%)}
.codex-scene-copy h2{font-size:clamp(42px,5.3vw,81px);line-height:1.09;text-shadow:0 5px 30px rgba(0,0,0,.9)}
.codex-scene-copy>p{font-size:clamp(13px,1.15vw,17px);max-width:680px;line-height:1.75;text-shadow:0 2px 8px rgba(0,0,0,.95)}
.codex-scene-bottom{bottom:42px;z-index:4}
.codex-film-subtitle{display:flex;flex-direction:column;gap:6px;margin:23px 0 5px;max-width:640px;padding:13px 17px;border-left:3px solid #f2c47b;background:linear-gradient(95deg,rgba(5,14,25,.90),rgba(5,14,25,.36));border-radius:0 9px 9px 0;box-shadow:0 9px 50px rgba(0,0,0,.3)}
.codex-film-subtitle .codex-film-step{font:700 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.19em;color:#f5c985}
.codex-film-subtitle p{margin:0;font-size:clamp(12px,1.1vw,15px);line-height:1.65;color:#f1f1eb;max-width:630px}
.codex-stage-read{margin-top:13px;border:1px solid rgba(242,206,150,.55);border-radius:6px;background:rgba(6,17,28,.65);color:#ffdb9e;padding:10px 14px;font-size:11px;font-weight:650;cursor:pointer;transition:background .2s,transform .2s}
.codex-stage-read:hover{background:rgba(72,54,32,.75);transform:translateX(3px)}
.codex-pace{display:flex;flex-direction:column;gap:3px;min-width:105px;font-size:9px;font-weight:600;letter-spacing:.05em;color:#a8c4cc}
.codex-pace select{padding:7px 8px;background:#102337;color:#e8e9e6;border:1px solid rgba(170,218,224,.35);border-radius:5px;min-width:105px;cursor:pointer}
.codex-playbar{position:relative;z-index:5;box-shadow:0 -8px 36px rgba(0,0,0,.26)}
.codex-utility-button[aria-pressed="true"]{border-color:#edc68e!important;color:#ffdeaa!important;background:rgba(219,161,83,.12)!important}
.codex-narrative{padding:40px clamp(18px,4vw,65px) 45px;background:radial-gradient(ellipse at 85% 0%,rgba(80,171,189,.06),transparent 45%),linear-gradient(160deg,#0b1523,#0c1725)}
.codex-article{max-width:1040px;border-left:2px solid rgba(235,178,99,.65);padding-left:clamp(14px,3vw,28px)}
.codex-article-heading{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:8px;max-width:890px}
.codex-read-duration{border:1px solid rgba(144,205,218,.23);color:#a8c7d2;border-radius:20px;padding:5px 10px;font-size:11px}
.codex-article-paragraphs{max-width:850px;margin-top:24px}
.codex-article-paragraphs p{font:400 clamp(15px,1.1vw,17px)/2 Georgia,'Times New Roman',serif;color:#e9e8e1;letter-spacing:.004em;margin:0 0 20px}
.codex-article-paragraphs p.codex-essay-intro{font-size:clamp(17px,1.4vw,20px);line-height:1.85;color:#f9e7c9;margin-bottom:29px}
.codex-article-paragraphs h3{font:500 clamp(25px,3vw,37px)/1.25 Georgia,serif;color:#f0cc91;letter-spacing:-.01em;margin:10px 0 20px}
.codex-article-paragraphs p.codex-essay-body:first-of-type::first-letter{font-size:2.4em;float:left;line-height:.95;margin:7px 9px 0 0;color:#e9bf7b}
.codex-chapter-source-links{border-top:1px solid rgba(235,193,133,.22);padding:17px 0 12px;margin:23px 0 10px;display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.codex-chapter-source-links strong{font-size:11px;color:#d6c4ad;margin-right:8px}
.codex-chapter-source-links a{font-size:11px;line-height:1.55;color:#8de0df;padding:7px 10px;border:1px solid rgba(95,205,210,.25);border-radius:6px;text-decoration:none;background:rgba(11,37,48,.45)}
.codex-chapter-source-links a:hover{border-color:#90edeb;background:rgba(26,73,77,.45)}
.codex-overlay.codex-theatre .codex-layout{display:block;max-width:100%}
.codex-overlay.codex-theatre .codex-world-rail,.codex-overlay.codex-theatre .codex-chapter-rail{display:none}
.codex-overlay.codex-theatre .codex-center{width:100%;max-width:100%}
.codex-overlay.codex-theatre .codex-cinema{height:calc(100dvh - 148px);min-height:550px}
.codex-overlay.codex-theatre .codex-scene-copy{left:clamp(26px,7.5vw,150px);bottom:clamp(85px,11vh,145px);max-width:900px}
.codex-overlay.codex-theatre .codex-scene-copy h2{font-size:clamp(53px,6vw,105px)}
.codex-overlay.codex-theatre .codex-scene-top{left:clamp(26px,7.5vw,150px);right:clamp(26px,7.5vw,150px)}
.codex-overlay.codex-theatre .codex-scene-bottom{left:clamp(26px,7.5vw,150px);right:clamp(26px,7.5vw,150px)}
.codex-overlay.codex-theatre .codex-narrative{max-width:1100px;margin:0 auto}
.codex-overlay.codex-theatre .codex-cinema-image{background-position:center}
.codex-cinema[data-scene="watchers"] .codex-cinema-volumetric{opacity:.6;filter:hue-rotate(32deg)}
.codex-cinema[data-scene="gates"] .codex-cinema-volumetric{opacity:.58}
.codex-cinema[data-scene="manuscript"] .codex-cinema-volumetric{opacity:.16}
.codex-cinema[data-world="egypt"] .codex-cinema-volumetric{filter:sepia(1) saturate(2)}
.codex-cinema[data-world="nag"] .codex-cinema-volumetric{filter:hue-rotate(140deg)}
.codex-cinema[data-world="antikythera"] .codex-cinema-volumetric{filter:hue-rotate(270deg)}
@keyframes v6camera{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.21) translate3d(-1.2%,1.1%,0)}}
@keyframes v6chapterEnter{0%{opacity:0;filter:brightness(1.65) blur(14px);transform:scale(1.26)}100%{opacity:1;filter:brightness(1) blur(0);transform:scale(1.04)}}
@keyframes v6textEnter{0%{opacity:0;transform:translateY(25px)}100%{opacity:1;transform:translateY(0)}}
@keyframes v6shafts{0%{transform:rotate(-3deg);opacity:.23}100%{transform:rotate(4deg);opacity:.4}}
@keyframes v6breathe{to{opacity:.65}}
@media(max-width:1160px){.codex-cinema{height:630px}.codex-playbar{flex-wrap:wrap}.codex-pace{min-width:90px}.codex-pace select{min-width:90px}}
@media(max-width:680px){.codex-cinema{height:560px}.codex-scene-top{top:39px}.codex-scene-copy{left:20px;right:20px;bottom:72px;max-width:none}.codex-scene-copy h2{font-size:clamp(36px,9vw,54px);margin:12px 0 9px}.codex-scene-copy>p{font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.codex-film-subtitle{margin:12px 0 2px;padding:10px 12px}.codex-film-subtitle p{font-size:11px;line-height:1.5}.codex-scene-bottom{bottom:36px}.codex-cinema-letterbox{box-shadow:inset 0 25px 0 rgba(2,5,11,.78),inset 0 -25px 0 rgba(2,5,11,.78)}.codex-narrative{padding:24px 16px}.codex-article-paragraphs p{font-size:15px;line-height:1.87}.codex-article-paragraphs p.codex-essay-intro{font-size:16px}.codex-article-heading{align-items:flex-start}.codex-pace{flex:1;max-width:116px}.codex-overlay.codex-theatre .codex-cinema{height:calc(100dvh - 190px);min-height:520px}.codex-overlay.codex-theatre .codex-scene-copy{left:20px;right:20px;bottom:95px;max-width:none}.codex-overlay.codex-theatre .codex-scene-copy h2{font-size:clamp(38px,9vw,60px)}.codex-overlay.codex-theatre .codex-scene-top{left:18px;right:18px}.codex-overlay.codex-theatre .codex-scene-bottom{left:18px;right:18px}}
@media(prefers-reduced-motion:reduce){.codex-home::after,.codex-cinema-image,.codex-cinema-volumetric,.codex-scene-enter .codex-cinema-image,.codex-scene-enter .codex-scene-copy{animation:none!important;transition:none!important}}