.codex-invitation{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2.3rem;padding:2.2rem 1.8rem;border:1px solid rgba(201,166,123,.4);border-radius:1.2rem;background:radial-gradient(ellipse at 0 50%,#c9a67b24,transparent 70%),linear-gradient(110deg,#211e19,#121416)}.codex-invitation .panel-kicker{color:var(--color-gold);margin-bottom:.45rem}.codex-invitation p:last-child{color:#f5f4f1ad;font-size:.95rem;line-height:1.6}.codex-invitation button{flex-shrink:0;border:1px solid rgba(201,166,123,.4);border-radius:999px;padding:.85rem 1.2rem;font-size:.75rem;color:#d6b47d;background:#151617;font-weight:500;letter-spacing:.18em;text-transform:uppercase}@media(hover:hover){.codex-invitation button:hover{background:#c9a67b14;border-color:#c9a67b88}}.codex-invitation button:disabled{opacity:.45}.codex-invitation button span{padding-left:.65rem}.codex-basic{margin:2rem 0;max-width:42rem;line-height:1.7}.codex-basic p{margin:1rem 0}.codex{--codex-light:#d4ad68;--codex-glow:rgba(201,166,123,.2);position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:#0b0c0e;color:#e8e0d1;isolation:isolate}.codex[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.codex::backdrop{background:#08090b}.codex [hidden]{display:none!important}.codex button{cursor:pointer;font-family:var(--font-sans);font-size:.75rem;letter-spacing:.04em;min-height:44px;transition:color .2s,background .2s,border-color .2s}.codex button:disabled{opacity:.32;cursor:default}@media(hover:hover){.codex button:hover:not(:disabled){color:#fff;background:#c9a67b1a}}.codex button:focus-visible,.codex input:focus-visible,.codex [tabindex]:focus-visible,.codex-invitation button:focus-visible{outline:2px solid #cfae78;outline-offset:4px}.codex__ambience{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,var(--codex-glow),transparent 65%),linear-gradient(135deg,rgba(255,255,255,.02),transparent 65%);transition:opacity 1.4s}.codex__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(14px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 12px max(28px,env(safe-area-inset-left));z-index:5;border-bottom:1px solid rgba(201,166,123,.09)}.codex__identity>span{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.27em;line-height:1.2;color:#dbc6a2}.codex__identity h2{font-family:var(--font-sans);font-size:.61rem;text-transform:uppercase;letter-spacing:.18em;color:#b0aaa0;font-weight:400;margin-top:.3rem}.codex__return-short{display:none}.codex__utilities{display:flex;gap:.8rem}.codex__utilities button{padding:0 1rem;border:1px solid rgba(201,166,123,.23);border-radius:999px;color:#d4c8b5}.codex__stage{min-height:0;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:20px 28px 10px;perspective:2000px}.codex__book{position:relative;width:min(100%,1480px);height:100%;max-height:900px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:7px 11px 11px 7px;box-shadow:0 25px 65px #0007,0 0 0 1px #c9a67b40,4px 3px #b7a98c55,7px 6px #090909;transform-style:preserve-3d}.codex__book:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:24px;transform:translate(-50%);background:linear-gradient(90deg,transparent,#0007 47%,#0004 52%,transparent);pointer-events:none;z-index:3}.codex__illustration{min-height:0;min-width:0;position:relative;margin:0;background:radial-gradient(ellipse,var(--codex-glow),transparent 75%),#0b0c0e;overflow:hidden;border-radius:7px 0 0 7px;display:flex;align-items:center;justify-content:center}.codex__art-motion{width:100%;height:100%;animation:codex-breathe 80s ease-in-out infinite;animation-play-state:paused}.codex.is-breathing .codex__art-motion{animation-play-state:running}@keyframes codex-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.codex__art-motion>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.codex__illustration figcaption{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 1rem 1rem;text-align:center;background:linear-gradient(transparent,#08090bde);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#eee3cf}.codex[data-face=spread] .codex__illustration figcaption{display:none}.codex__image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;background:transparent;padding:2rem;pointer-events:none}.codex__image-fallback span{font-family:var(--font-display);font-size:4rem;color:#c7ab7a}.codex__image-fallback p{font-family:var(--font-display);font-size:1.9rem}.codex__story{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:clamp(20px,3vh,34px) clamp(24px,3.2vw,48px) 18px;background:radial-gradient(ellipse at 100% 0,#fff9 0,transparent 60%),linear-gradient(100deg,#d0c4ab,#e6ddcb 7%,#e9e1d2 80%,#dfd3bc);color:#302a22;border-radius:0 11px 11px 0}.codex__story:before{content:"";position:absolute;inset:9px;border:1px solid #7e63402a;pointer-events:none;border-radius:2px}.codex__folio{display:flex;justify-content:space-between;gap:1rem;font-size:.62rem;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:#775b36;flex:none}.codex__story h3{font-family:var(--font-display);font-size:clamp(1.6rem,3.3vw,3.2rem);font-weight:500;line-height:1.03;letter-spacing:-.035em;margin:clamp(12px,2.5vh,26px) 0 clamp(12px,2.4vh,24px);flex:none;color:#27221c}.codex__prose{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ad9570 transparent;font-size:clamp(1.0625rem,1.15vw,1.1875rem);line-height:1.62;color:#41392f;padding-right:5px}.codex__prose p{margin:0 0 .95em}.codex__prose p:last-child{margin-bottom:0}.codex__choral-note{margin-top:1.35em;padding-top:.8em;border-top:1px solid #98774e55;font-size:.9375rem;line-height:1.6;color:#63513d}.codex__choral-label{display:block;margin-bottom:.35em;font-family:var(--font-sans);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:#725332}.codex__choral-note em{font-style:italic}.codex__sigil{display:block;text-align:center;color:#967445;font-size:1rem;padding-top:12px;flex:none}.codex__reading-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #98774e40;margin-top:9px;padding-top:4px;flex:none;color:#725332}.codex__reading-nav button{font-size:.66rem;letter-spacing:0;padding:0 6px;line-height:1.3;max-width:38%}.codex__reading-nav span{font-size:.6rem;white-space:nowrap}@media(hover:hover){.codex .codex__reading-nav button:hover:not(:disabled){color:#33271a;background:#b8976222}}.codex__lower{width:min(760px,100%);margin:0 auto;min-width:0;padding:4px max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));z-index:4}.codex__view-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.codex__chapter-location{font-size:.61rem;text-transform:uppercase;letter-spacing:.16em;color:#b3a68f}.codex__view-row button{color:#d4bd95;text-decoration:underline;text-decoration-color:#796447;text-underline-offset:5px}.codex__transport{display:flex;align-items:center;justify-content:center;gap:18px}.codex__transport>button{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 14px;border:1px solid #c9a67b30;border-radius:999px;color:#d0c1a8;min-width:110px}.codex__transport>.codex__play{width:48px;height:48px;min-width:48px;border-color:#c9a67b77;background:linear-gradient(140deg,#c9a67b33,#c9a67b12);color:#fff;font-size:1rem}.codex__timeline{display:flex;align-items:center;gap:14px;margin-top:7px;font-size:.63rem;font-variant-numeric:tabular-nums;color:#bdb4a5}.codex__timeline input{flex:1;min-width:0;accent-color:#c9a67b;height:24px;cursor:pointer}.codex__message{font-size:.72rem;line-height:1.4;text-align:center;color:#e4c28c}.codex__message:empty{display:none}.codex__ending{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #c9a67b33;margin-top:6px;padding-top:6px}.codex__ending>span{font-family:var(--font-display);font-size:1.1rem}.codex__ending button{padding:0 12px;color:#d4bd95}.codex[data-face=illustration] .codex__story,.codex[data-face=story] .codex__illustration{display:none}.codex[data-face=illustration] .codex__book,.codex[data-face=story] .codex__book{grid-template-columns:minmax(0,1fr);width:min(100%,660px)}.codex[data-face=illustration] .codex__book{box-shadow:none}.codex[data-face=illustration] .codex__illustration{border-radius:6px}.codex[data-face=story] .codex__story{border-radius:7px}.codex:not([data-face=spread]) .codex__book:after{display:none}.codex__turn{display:none;position:absolute;top:0;right:0;width:50%;height:100%;z-index:6;transform-origin:left center;transform-style:preserve-3d;pointer-events:none}.codex.is-turning .codex__turn{display:block;animation:codex-leaf-forward 4s cubic-bezier(.35,.06,.18,1) both}.codex__turn-front,.codex__turn-back{position:absolute!important;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:inset -15px 0 25px #0002,20px 10px 35px #0004}.codex__turn-front{margin:0!important}.codex__turn-back{transform:rotateY(180deg)}.codex__turn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0004,transparent 45%,#0002);backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}.codex.is-turning-back .codex__turn{left:0;right:auto;transform-origin:right center}.codex[data-face=story] .codex__turn{width:100%}.codex.is-turning.is-turning-back .codex__turn{animation-name:codex-leaf-back}@keyframes codex-leaf-forward{0%{transform:rotateY(0)}15%{transform:rotateY(-12deg)}85%,to{transform:rotateY(-180deg)}}@keyframes codex-leaf-back{0%{transform:rotateY(0)}15%{transform:rotateY(12deg)}85%,to{transform:rotateY(180deg)}}.codex.is-dissolving .codex__illustration{animation:codex-reveal 1s ease both}@keyframes codex-reveal{0%{opacity:.08;transform:translateY(4px)}to{opacity:1;transform:none}}.codex__ceremony{position:absolute;inset:0;perspective:2000px;pointer-events:none;z-index:8}.codex__cover-approach{position:absolute;transform-style:preserve-3d;transform-origin:center}.codex__cover{position:relative;width:100%;height:100%;transform-origin:left center;transform-style:preserve-3d}.codex__cover-front,.codex__cover-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5px 14px 14px 5px;border:1px solid #a58855;background:linear-gradient(110deg,#090909,#1b1914);box-shadow:inset 7px 0 9px #000,0 20px 65px #000b,5px 4px #695b42,8px 5px #14130f;overflow:hidden}.codex__cover-front{padding:clamp(12px,2vh,24px);display:flex;flex-direction:column;justify-content:center;transform:translateZ(1px)}.codex__cover-front:after{content:"";position:absolute;inset:7px;border:1px solid #cfb88177;border-radius:3px 9px 9px 3px}.codex__cover-front img{width:100%;min-height:0;object-fit:contain;flex:1}.codex__cover-front>div{padding-top:12px;text-align:center;display:flex;flex-direction:column;gap:5px}.codex__cover-front span{font-family:var(--font-display);font-size:.8rem;letter-spacing:.35em;color:#b59a68}.codex__cover-front strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2.6vw,2.1rem);color:#e6d8bc}.codex__cover-back{display:flex;align-items:center;justify-content:center;transform:rotateY(180deg) translateZ(1px);background:radial-gradient(ellipse at center,#ede4d3,#c7b99c);color:#957044;font-size:3rem}.codex__cover-back:after{content:"";position:absolute;inset:14px;border:1px solid #95704466;border-radius:4px}.codex.is-opening .codex__cover-approach{animation:codex-approach 8s ease-in-out both}.codex.is-opening .codex__cover{animation:codex-open-cover 8s cubic-bezier(.3,.04,.18,1) both}.codex.is-opening .codex__cover-front{animation:codex-front-face 8s linear both}.codex.is-opening .codex__cover-back{animation:codex-back-face 8s linear both}.codex.is-opening .codex__book{animation:codex-open-pages 8s ease both}.codex__skip{position:absolute;bottom:14px;right:24px;z-index:10;border:1px solid #c9a67b40;border-radius:999px;padding:0 15px;background:#101113;color:#d5c09d}.codex.is-entering{animation:codex-reveal .9s ease both}@keyframes codex-approach{0%{transform:translate(var(--cover-offset)) scale(.65)}35%,to{transform:translate(0) scale(1)}}@keyframes codex-open-cover{0%,35%{transform:rotateY(0)}85%,to{transform:rotateY(-180deg)}}@keyframes codex-front-face{0%,84%{opacity:1}85%,to{opacity:0}}@keyframes codex-back-face{0%,82%{opacity:1}to{opacity:0}}@keyframes codex-open-pages{0%,30%{opacity:0}65%,to{opacity:1}}.codex__contents{position:absolute;right:max(20px,env(safe-area-inset-right));top:max(88px,calc(env(safe-area-inset-top) + 76px));bottom:max(24px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 40px));height:fit-content;max-height:calc(100% - 112px);overflow-y:auto;overscroll-behavior:contain;z-index:15;background:#121416;border:1px solid #c9a67b55;border-radius:12px;padding:20px;box-shadow:0 25px 100px #000c}.codex__contents>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.codex__contents h3{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:#e3d3b6}.codex__contents>div button{padding:0 10px;color:#c9b693}.codex__contents ol{list-style:none;padding:0;margin:16px 0;display:grid;gap:6px}.codex__contents li button{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 10px;border:1px solid #ffffff12;border-radius:6px}.codex__contents strong{font-size:.87rem;font-weight:450;letter-spacing:0}.codex__contents li span,.codex__contents time{font-size:.65rem;color:#b2a387}.codex__contents [aria-current]{background:#c9a67b19;border-color:#c9a67b77}.codex__contents>p{color:#9f947f;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:719px){.codex-invitation{align-items:flex-start;flex-direction:column;gap:14px;padding:1.1rem}.codex-invitation button{width:100%}.codex__header{padding:max(10px,env(safe-area-inset-top)) 14px 9px;gap:8px}.codex__identity>span{font-size:.95rem;letter-spacing:.2em}.codex__identity h2{font-size:.5rem;letter-spacing:.08em}.codex__utilities{gap:6px}.codex__utilities button{padding:0 10px;font-size:.65rem}.codex__return-label{display:none}.codex__return-short{display:inline}.codex__stage{padding:12px 14px 4px}.codex__story{padding:20px 24px 12px}.codex__story h3{font-size:clamp(1.55rem,7vw,2.2rem);margin:15px 0}.codex__prose{font-size:1.0625rem;line-height:1.6}.codex__lower{padding:0 18px max(10px,env(safe-area-inset-bottom))}.codex__transport{gap:13px}.codex__transport>button{min-width:88px;padding:0 10px;gap:9px;font-size:.66rem}.codex__view-row button{font-size:.7rem}.codex__folio{font-size:.55rem}.codex__sigil{padding-top:7px}.codex__skip{right:20px;bottom:10px}}@media(max-height:550px){.codex__header{padding-top:4px;padding-bottom:4px}.codex__identity h2{display:none}.codex__stage{padding-top:8px;padding-bottom:0}.codex__lower{display:grid;grid-template-columns:1fr auto;column-gap:20px;max-width:100%;padding-top:2px;padding-bottom:4px}.codex__view-row{grid-column:1;grid-row:1}.codex__transport{grid-column:2;grid-row:1 / span 2;gap:8px}.codex__timeline{grid-column:1;grid-row:2;margin:0}.codex__transport>button{min-width:44px;padding:0 10px}.codex__transport>button>span:not([data-play-glyph]){display:none}.codex__message,.codex__ending{grid-column:1 / -1}.codex__story{padding:14px 24px 10px}.codex__story h3{font-size:1.5rem;margin:7px 0}.codex__sigil{display:none}}@media(prefers-reduced-motion:reduce){.codex *,.codex{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.codex.is-leaving{animation:codex-leave .64s ease both;pointer-events:none}@keyframes codex-leave{to{opacity:0;transform:scale(.99)}}.codex-invitation__cover{width:84px;height:110px;object-fit:cover;border:1px solid #b59a6866;border-radius:4px;box-shadow:0 8px 24px #0006;flex:none}.codex-invitation__copy{flex:1}.codex-invitation h2{font-family:var(--font-display);font-size:clamp(1.45rem,2.3vw,2.1rem);line-height:1.15;color:#eee1c9;margin-bottom:.55rem}.codex__sharing{display:flex;gap:6px;align-items:center}.codex__utilities .codex__sharing button{border-color:transparent;color:#ac9e87;padding:0 10px}.codex__sharing--contents{display:none;border-top:1px solid #c9a67b30;margin-top:16px;padding-top:10px;gap:20px}.codex__share-status{position:absolute;left:50%;transform:translate(-50%);top:80px;z-index:20;background:#17191cf2;border:1px solid #c9a67b55;border-radius:8px;padding:12px 18px;font-size:.75rem;max-width:90%;text-align:center;pointer-events:none}.codex__share-status:empty{display:none}.codex__contents-shade{position:absolute;inset:0;z-index:12;background:#07090cbb}.codex__edge{display:none;position:absolute;top:calc(50% - 30px);z-index:7;width:44px;height:60px;border:1px solid #c9a67b33;border-radius:999px;background:#0b0c0eda;color:#d8c6a6;font-size:1.6rem!important;opacity:.55}.codex__edge--prev{left:-22px}.codex__edge--next{right:-22px}.codex[data-face=spread] .codex__edge{display:block}.codex__edge:focus-visible{opacity:1}@media(hover:hover){.codex__book:hover .codex__edge{opacity:1}}.codex__illustration.is-loading figcaption{visibility:hidden}.codex[data-compact=false] .codex__view-row{min-height:28px}@media(max-width:719px){.codex-invitation{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;padding:1.1rem;gap:16px}.codex-invitation__cover{width:60px;height:84px}.codex-invitation .panel-kicker{font-size:.58rem;letter-spacing:.15em}.codex-invitation h2{font-size:1.45rem}.codex-invitation p:last-child{font-size:.8rem}.codex-invitation>button{grid-column:1 / -1}.codex__sharing--header{display:none}.codex__sharing--contents{display:flex}}.codex.is-preparing .codex__book{opacity:0}.codex.is-preparing .codex__cover-approach{transform:translate(var(--cover-offset)) scale(.65)}.codex .codex__edge:disabled{opacity:.18}.codex.is-staging-turn .codex__turn{display:block}.codex__stationary-story{position:absolute!important;inset:0 0 0 50%;z-index:5;pointer-events:none}.codex:not([data-face=spread]) .codex__stationary-story{left:0}.codex__title-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;background:radial-gradient(ellipse,var(--codex-glow),transparent 75%),#0b0c0e;color:#e8e0d1;padding:2rem}.codex__title-page>span{font-family:var(--font-display);font-size:4rem;color:#c7ab7a}.codex__title-page>p{font-family:var(--font-display);font-size:1.9rem}.codex__turn-back.codex__story{align-items:stretch;justify-content:flex-start;border-radius:0 11px 11px 0}.codex__turn-front.codex__illustration{border-radius:7px 0 0 7px}.codex.is-opening [data-image-fallback],.codex.is-preparing [data-image-fallback]{visibility:hidden}.codex .codex__read-immediately{position:absolute;right:24px;bottom:8px;min-height:32px;padding:0 8px;font-size:.65rem;letter-spacing:0;color:#725332;text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.codex .codex__read-immediately:hover{background:#b8976215;color:#33271a}}.codex__prose span{white-space:normal}.codex__contents{display:flex;flex-direction:column;overflow:hidden}.codex__contents>div{flex-shrink:0}.codex__contents ol{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto}.codex__contents-heading-duration{display:block;font-family:var(--font-sans);font-size:.65rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#b2a387;margin-top:6px}@media(max-width:719px){.codex-invitation{padding:1.65rem 1.1rem}.codex__contents{padding:16px}.codex__contents-heading-label{display:none}.codex__contents-heading-duration{margin:0;font-size:.64rem;letter-spacing:.06em}.codex__contents ol{margin:10px 0;gap:5px}.codex__contents li button{padding:9px 10px;min-height:44px}.codex__sharing--contents{margin-top:4px;padding-top:5px}}.codex__story.is-end-story .codex__folio{display:none}.codex__story.is-end-story>h3{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.codex__story.is-end-story .codex__prose{display:flex;flex-direction:column}.codex__credits{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:24px 0 12%}.codex__end-title{font-family:var(--font-display);font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.15;color:#302a22}.codex__end-details{margin-top:clamp(32px,6vh,70px);font-family:var(--font-display);font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.6}.codex__copyright{margin-top:12px;font-family:var(--font-sans);font-size:.8125rem;line-height:1.7;color:#63513d}.codex__illustration.is-end-illustration .codex__art-motion{animation:none;transform:none}.codex__illustration.is-end-illustration figcaption{display:none}.codex.is-end .codex__transport,.codex.is-end .codex__timeline,.codex.is-end .codex__message{display:none}.codex__reading-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.codex__reading-nav button{max-width:none}.codex__reading-nav button:first-child{justify-self:start}.codex__reading-nav button:last-child{justify-self:end}