/* Shared celestial guardians and occult margin effects. */
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic {
 position:fixed;top:0;bottom:0;left:0;width:100%;z-index:0;
 overflow:hidden;pointer-events:none;user-select:none;contain:layout paint;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic[hidden] {display:none !important}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic * {pointer-events:none}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-flow {
 position:absolute;top:100%;width:2px;height:180px;border-radius:50%;
 background:linear-gradient(180deg,#fff2b6,rgba(188,124,44,.85) 18%,rgba(169,96,40,.24) 52%,transparent);
 box-shadow:0 -6px 9px rgba(239,178,76,.6),0 -2px 18px rgba(169,96,40,.32);
 animation:manuscript-magic--codex-magic-stream var(--magic-duration) linear var(--magic-delay) infinite;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-flow--left {left:16px}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-flow--right {right:16px}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-flow--inner {left:var(--magic-inner-x,75%);height:140px;opacity:.65}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-rune {
 position:absolute;width:24px;height:30px;color:#a87532;
 filter:drop-shadow(0 0 5px rgba(194,135,44,.52));
 animation:manuscript-magic--codex-magic-float var(--magic-duration) ease-in-out var(--magic-delay) infinite;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-rune--left {left:7px}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-rune--right {right:7px}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-rune svg {display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-mist {
 position:absolute;width:clamp(180px,23vw,330px);height:65vh;max-height:650px;
 border-radius:50%;filter:blur(14px);
 background:radial-gradient(ellipse at 45% 40%,rgba(255,248,222,.54),rgba(216,207,170,.28) 36%,transparent 72%);
 animation:manuscript-magic--codex-magic-mist var(--magic-duration) ease-in-out var(--magic-delay) infinite;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-mist--left {left:-120px;top:8%}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-mist--right {right:-140px;top:35%}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-mist--bottom {left:18%;bottom:-35%;width:50%;height:40vh;max-height:400px}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic[data-paused="true"] * {animation-play-state:paused}
/* Celestial light and occult geometry live in the manuscript margins. */
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle {
 position:absolute;width:270px;height:270px;color:#6b619e;opacity:.48;
 transition:opacity 2s,color 2s;filter:drop-shadow(0 0 7px rgba(92,195,225,.55));
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle--left {left:-145px;top:16%}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle--right {right:-145px;top:59%}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle svg {
 width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;
 animation:manuscript-magic--codex-rune-orbit var(--magic-duration) linear var(--magic-delay) infinite;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle circle:nth-child(2) {stroke-dasharray:2 7;stroke-width:2}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle.is-awake {opacity:.9;color:#8460bc;filter:drop-shadow(0 0 10px rgba(106,174,240,.8))}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp {
 position:absolute;left:0;top:0;width:0;height:0;will-change:transform;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp[hidden] {display:none}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp span {position:absolute;border-radius:50%}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp-veil {
 width:108px;height:76px;left:-54px;top:-38px;
 background:radial-gradient(ellipse,rgba(119,222,239,.48),rgba(130,137,213,.23) 40%,transparent 70%);
 filter:blur(7px);animation:manuscript-magic--codex-wisp-breathe var(--magic-duration) ease-in-out var(--magic-delay) infinite;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp-halo {
 width:50px;height:50px;left:-25px;top:-25px;
 background:radial-gradient(circle,rgba(225,255,255,.95),rgba(76,207,236,.55) 22%,rgba(89,149,224,.18) 48%,transparent 72%);
 box-shadow:0 0 24px rgba(94,185,240,.45);
 animation:manuscript-magic--codex-wisp-breathe 4s ease-in-out infinite alternate;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp-heart {
 width:8px;height:8px;left:-4px;top:-4px;background:#eeffff;
 box-shadow:0 0 7px 3px #c4f9ff,0 0 19px 7px rgba(83,177,231,.7);
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp-spark {
 width:3px;height:3px;left:-18px;top:14px;background:#fff0b5;
 box-shadow:13px 11px 3px #e8c477,-9px 23px 4px #f5dea1,8px 33px 5px #c8aa70;
 animation:manuscript-magic--codex-wisp-dust 3s ease-out infinite;
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp.is-curious .codex-wisp-veil {
 background:radial-gradient(ellipse,rgba(157,219,248,.6),rgba(141,101,207,.32) 40%,transparent 70%);
}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-rune {color:#9168ae;filter:drop-shadow(0 0 6px rgba(99,183,235,.85))}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-flow {width:3px;box-shadow:0 0 12px #e9ce83,0 0 23px rgba(93,175,232,.6)}
:is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) :is(.codex-wayfinder a,.codex-wayfinder button,.codex-composer-trigger):is(:hover,:focus-visible) {
 box-shadow:0 0 14px rgba(109,145,211,.45),inset 0 0 12px rgba(243,215,135,.35);
}
@keyframes manuscript-magic--codex-wisp-breathe {
 0%,100% {opacity:.65;transform:rotate(-18deg) scale(.85)}
 50% {opacity:1;transform:rotate(22deg) scale(1.2)}
}
@keyframes manuscript-magic--codex-wisp-dust {
 from {opacity:.8;transform:translateY(-6px)}
 to {opacity:0;transform:translateY(22px)}
}
@media(max-width:600px) {
 :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle {width:180px;height:180px;opacity:.45}
 :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle--left {left:-115px}
 :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-spell-circle--right {right:-115px}
 :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp-veil {width:72px;height:54px;left:-36px;top:-27px;filter:blur(4px)}
 :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-wisp-halo {width:36px;height:36px;left:-18px;top:-18px}
}
@keyframes manuscript-magic--codex-magic-stream {
 0% {opacity:0;transform:translateY(30px)}
 12% {opacity:.8}
 76% {opacity:.65}
 100% {opacity:0;transform:translateY(calc(-100vh - 240px))}
}
@keyframes manuscript-magic--codex-magic-float {
 0%,100% {opacity:.12;transform:translateY(10px) rotate(var(--rune-tilt))}
 45% {opacity:.65;transform:translateY(-22px) rotate(0deg)}
 65% {opacity:.4;transform:translateY(-15px) rotate(4deg)}
}
@keyframes manuscript-magic--codex-magic-mist {
 0%,100% {opacity:.2;transform:translate3d(-14px,18px,0) scale(.92)}
 50% {opacity:.65;transform:translate3d(24px,-24px,0) scale(1.08)}
}


@keyframes manuscript-magic--codex-rune-orbit {to {transform:rotate(360deg)}}
@media(max-width:1024px) { :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-flow--inner {display:none} }
@media(max-width:600px) { :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) :is(.codex-magic-rune--extra,.codex-magic-mist--right,.codex-magic-mist--bottom) {display:none} :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic-mist--left {width:160px;left:-110px;filter:blur(10px)} }
@media(prefers-reduced-motion:reduce) { :is(.codex-grimoire,.pm-grimoire,.adventure-grimoire) .codex-magic {display:none!important} }