/* Veloria codex art direction. Independent module layered over the base theme. */
.codex{isolation:isolate}
.codex-bg{overflow:hidden;position:absolute;inset:0;background:
radial-gradient(ellipse at 59% 72%,rgba(139,70,61,.19),transparent 34%),
radial-gradient(ellipse at 49% 37%,rgba(112,38,58,.30),transparent 43%),
radial-gradient(ellipse at 12% 89%,rgba(87,49,39,.2),transparent 20%),
linear-gradient(105deg,#050609,#131016 53%,#07070a)!important}
.codex-bg::before{content:"";position:absolute;inset:-12%;opacity:.62;pointer-events:none;
background:repeating-radial-gradient(circle at 55% 47%,transparent 0 135px,rgba(166,72,78,.11) 136px 137px,transparent 138px 238px),
linear-gradient(115deg,transparent 35%,rgba(149,76,79,.07) 35.07%,transparent 35.2%);
mask-image:radial-gradient(ellipse at 52% 53%,#000 15%,transparent 78%)}
.codex-bg::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 130px 54px rgba(0,0,0,.9);pointer-events:none}
.codex-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.58}
.codex-decoration::before{content:"";position:absolute;bottom:-11%;left:23%;width:42%;height:42%;background:radial-gradient(ellipse,rgba(60,19,25,.6),transparent 73%);filter:blur(44px)}
.codex-decoration::after{content:"✧";position:absolute;left:50%;top:19%;font-size:380px;color:rgba(155,91,82,.055);transform:translateX(-50%)}
.codex.active{grid-template-columns:minmax(220px,24%) minmax(350px,41%) minmax(335px,35%)}
.archive-nav{border-left:1px solid rgba(205,171,153,.11);padding-left:15px}
.archive-nav h2{font-size:clamp(34px,2.8vw,44px);color:#e7dfe0;letter-spacing:.015em}
.group-head{border-bottom:1px solid rgba(204,164,162,.18);letter-spacing:.02em}
.group-head:hover,.entry-button:hover{background:rgba(255,255,255,.035)}
.entry-button.active{border-color:rgba(221,193,181,.35);background:linear-gradient(90deg,rgba(129,64,72,.14),transparent)}
.art-stage{min-height:560px!important;overflow:visible!important}
.codex-book{width:120%;max-width:780px;max-height:74vh;object-fit:contain;filter:drop-shadow(0 37px 29px #000c) sepia(.07) contrast(1.05)}
.entry-panel{border:1px solid rgba(185,157,148,.38);outline:1px solid rgba(188,155,143,.23);outline-offset:-14px;min-height:540px;background:
radial-gradient(ellipse at 50% 0,rgba(69,40,49,.19),transparent 45%),
linear-gradient(165deg,rgba(13,13,19,.93),rgba(7,8,12,.96));
box-shadow:0 0 0 4px #06070a99,inset 0 0 0 6px #050608,0 22px 60px #000b}
.entry-panel:before,.entry-panel:after{height:1px;left:31px;right:31px;background:linear-gradient(90deg,transparent,rgba(192,152,129,.53),transparent)}
.entry-panel:before{top:26px}.entry-panel:after{bottom:26px}
.entry-panel .panel-top{top:6px;background:#100f15;padding:0 10px;font-size:23px}
.entry-panel h2{font-weight:400;color:#e5dcdb;line-height:1.15}
.entry-subtitle{font-size:11px;letter-spacing:.24em;color:#bfa79c}
.entry-content{font-size:clamp(16px,1.2vw,19px);line-height:1.75;color:#c8bbbd}
#entry-quote{padding-top:18px;border-top:1px solid rgba(190,152,138,.28);font-style:italic;color:#bdb0ad}
@media(max-width:1050px){.codex.active{grid-template-columns:40% 60%}.codex-book{width:100%}}
@media(max-width:690px){.codex.active{display:flex;flex-direction:column}.art-stage{min-height:270px!important}.codex-book{max-height:310px}.entry-panel{min-height:300px}}
@media(prefers-reduced-motion:reduce){.codex-book{transition:none}}

/* Scene painting and depth, shared backdrop independent of editable UI. */
.codex-bg{background:
linear-gradient(90deg,rgba(2,3,7,.64),rgba(5,5,9,.26) 39%,rgba(4,4,8,.58)),
url("./assets/codex-atmosphere.svg") center/cover no-repeat!important}
.codex-bg::before{background:repeating-radial-gradient(circle at 53% 49%,transparent 0 170px,rgba(180,79,91,.09) 171px 172px,transparent 173px 300px);opacity:.42}
.codex-decoration{opacity:.55}
.codex-decoration::before{background:radial-gradient(ellipse,rgba(103,38,45,.42),transparent 75%)}
.art-stage{z-index:2}
.codex-book{max-width:840px;filter:drop-shadow(0 27px 25px rgba(0,0,0,.85)) sepia(.09) contrast(1.08)}
.entry-panel{z-index:3;backdrop-filter:blur(7px)}
.home{background:linear-gradient(0deg,rgba(4,5,9,.88),rgba(6,6,10,.38)),url("./assets/codex-atmosphere.svg") center/cover no-repeat}
@media(max-width:690px){.codex-bg{background-position:52% center!important}.codex-book{width:100%}}