/* FIRST-PRINCIPLES PRODUCT SYSTEM */
:root{--system-page:min(100%,72rem);--system-reading:min(100%,46rem);--system-safe-top:max(0px,env(safe-area-inset-top));--system-safe-right:max(0px,env(safe-area-inset-right));--system-safe-bottom:max(1.25rem,env(safe-area-inset-bottom));--system-safe-left:max(0px,env(safe-area-inset-left));--system-text:#fff8e8;--system-muted:#d8cfbc;--system-panel:#082d21;--system-gold:#efc761;--system-line:rgba(239,199,97,.34)}
html{width:100%;min-height:100%;min-height:100dvh;overflow-x:hidden;background:#02150f;scroll-padding-top:8rem}body{width:100%;min-width:320px;min-height:100%;min-height:100dvh;margin:0;overflow-x:hidden;color:var(--system-text);background:#02150f}body>.shell{width:var(--system-page);max-width:100%;min-height:100dvh;margin-inline:auto}.view{min-width:0}.view.on{display:block}.view:not(.on){display:none!important}[hidden]{display:none!important}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--system-gold)!important;outline-offset:3px!important}img,svg,canvas,video{max-width:100%;height:auto}
:is(.guided-stage-banner,.ritual-gate,#pakliRow,#pakliDesc,#spreadPicker,#darkTargetRow,.controls,#table,#postdraw,#reading,#integrationPanel,#priestess,.pendulum-stage,.pendulum-method,.kids-panel,.journal-panel,.lex-panel){max-width:var(--system-reading);margin-inline:auto!important}.card,.panel,.reading,.reading-card,.result-card{min-width:0}.system-readable-panel{color:var(--system-text)!important}:is(.view,.system-readable-panel,.accordion-body,.soft-detail__body,.kids-panel,.lex-panel,.journal-panel) :is(h1,h2,h3,h4,h5,h6,strong,label,legend){color:var(--system-text)!important;text-shadow:none!important}:is(.view,.system-readable-panel,.accordion-body,.soft-detail__body,.kids-panel,.lex-panel,.journal-panel) :is(p,li,dd,dt,span:not(.moon-disc):not(.dot):not(.beam),small){color:var(--system-muted)!important;text-shadow:none!important}:is(input,textarea,select){color:#fff8e8!important;background:#0a3326!important;border-color:rgba(239,199,97,.5)!important}:is(input,textarea)::placeholder{color:#c7beac!important;opacity:1!important}
:is(summary,.accordion>summary,.soft-detail>summary){color:var(--system-text)!important;background:rgba(8,45,33,.96)!important;border:1px solid var(--system-line)!important;box-shadow:none!important;cursor:pointer}details:not([open])>:not(summary){display:none!important}details:not([open]){min-height:0!important;height:auto!important;padding:0!important}details[open]>summary{margin-bottom:.6rem!important}:is(.reading,.reading-card,.result-card,.panel,.card,.accordion-body,.soft-detail__body):empty,:is(#pendulumFound,#pendulumClear,#dkResults,#dkBless,#pendulumOracleOut,#journalList):empty{display:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
:is(.panel,.card,.reading,.reading-card,.result-card) :is(.panel,.card,.reading,.reading-card,.result-card){box-shadow:none!important;border-color:rgba(239,199,97,.18)!important}:is(.ceridwen-presence,.floating-guide,.assistant-character,.guide-character,[class*="ceridwen"][class*="guide"]){pointer-events:none!important}#experienceToolbar,#experienceSound,#experienceModal,.flow-nudge,#forestScene,.yesno-orb,[data-obsolete-ui="true"]{display:none!important}
#mainTabs>.mobile-menu-head,#mainTabs>.menu-group-label{display:none!important}#mainTabs .menu-description{display:none!important}
.guided-stage-banner{width:min(100%,46rem);margin:0 auto 1rem!important;padding:1rem 1.1rem!important;border:1px solid rgba(239,199,97,.4)!important;border-radius:1rem!important;background:rgba(9,42,31,.84)!important;box-shadow:none!important;text-align:left}.guided-stage-banner span{display:block;color:var(--system-gold)!important;font-size:.82rem!important;font-weight:800!important;letter-spacing:.09em;text-transform:uppercase}.guided-stage-banner p{margin:.35rem 0 0!important;color:var(--system-text)!important;font-size:1.04rem!important;line-height:1.48!important}
#v-draw>.rune,#v-draw>.rune-sub,#v-draw>.ritual-gate,#v-draw>.ritual-ok,#v-draw>.sect,#v-draw>#pakliRow,#v-draw>#pakliDesc,#v-draw>#ritualLockNote,#v-draw>details,#v-draw>#spreadPicker,#v-draw>#darkTargetRow,#v-draw>.controls,#v-draw>.cauldron-stage,#v-draw>#table,#v-draw>#postdraw,#v-draw>#reading,#v-draw>#integrationPanel,#v-draw>#priestess{display:none!important}body[data-draw-stage="ritual"] #v-draw>.ritual-gate{display:block!important}body[data-draw-stage="pack"] #v-draw>.sect,body[data-draw-stage="pack"] #v-draw>#pakliDesc{display:block!important}body[data-draw-stage="pack"] #v-draw>#pakliRow{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.7rem!important;min-height:3rem!important}body[data-draw-stage="spread"] #v-draw>#spreadPicker{display:grid!important}body[data-draw-stage="draw"] #v-draw>#darkTargetRow{display:block!important}body[data-draw-stage="draw"] #v-draw>.controls{display:flex!important}body[data-draw-stage="draw"] #v-draw>.cauldron-stage{display:block!important}body[data-draw-stage="result"] #v-draw>#table{display:grid!important}body[data-draw-stage="result"] #v-draw>#postdraw,body[data-draw-stage="result"] #v-draw>#reading,body[data-draw-stage="result"] #v-draw>#integrationPanel,body[data-draw-stage="result"] #v-draw>#priestess{display:block!important}#v-draw .rg-steps{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
#cleanMobileMenu{display:none}
html.standalone-app,html.fullscreen-app{background:#02150f!important}html.standalone-app body,html.fullscreen-app body{overscroll-behavior-y:none!important}html.standalone-app body>.shell,html.fullscreen-app body>.shell{min-height:100dvh!important}
@media(min-width:761px){header.site .menu-toggle{display:none!important}nav#mainTabs{display:flex!important;position:sticky!important;top:64px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;gap:.35rem!important;padding:.5rem!important;background:rgba(3,21,15,.97)!important;border-bottom:1px solid rgba(239,199,97,.18)!important}nav#mainTabs :is(button,a){flex:0 0 auto!important;min-height:44px!important;padding:.62rem .82rem!important;border:1px solid transparent!important;border-radius:.8rem!important;background:transparent!important;color:#d8cfbc!important;font-size:.9rem!important;font-weight:700!important;white-space:nowrap!important}nav#mainTabs :is(button.on,a[aria-current="page"]){background:#0b2b20!important;border-color:rgba(239,199,97,.45)!important;color:#ffd978!important}#cleanMobileMenu{display:none!important}}
@media(max-width:760px){html,body{width:100%!important;min-height:100dvh!important}html.clean-menu-open,html.clean-menu-open body{overflow:hidden!important;overscroll-behavior:none!important}body.clean-menu-open>[data-clean-menu-background="true"]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}body{padding-right:var(--system-safe-right)!important;padding-bottom:var(--system-safe-bottom)!important;padding-left:var(--system-safe-left)!important}body>.shell{min-height:100dvh!important}header.site{position:sticky!important;top:0!important;z-index:1000!important;min-height:calc(64px + var(--system-safe-top))!important;padding-top:var(--system-safe-top)!important;background:rgba(2,21,15,.98)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}header.site .menu-toggle{display:inline-flex!important}nav#mainTabs{display:none!important}.view{padding-inline:clamp(.75rem,3vw,1rem)!important;padding-bottom:calc(var(--system-safe-bottom) + 1rem)!important}.view>:is(section,article,.panel,.card,.reading,.reading-card,.result-card,details){max-width:100%!important;margin-inline:auto!important}:is(.card,.panel,.reading,.reading-card,.result-card,details){border-radius:1rem!important}:is(.view h1,.view .rune,.view .gate-title){font-size:clamp(2rem,9vw,3rem)!important;line-height:1.04!important;overflow-wrap:anywhere}:is(.view h2,.view .sect-title,.view .section-title){font-size:clamp(1.55rem,7vw,2.15rem)!important;line-height:1.12!important;overflow-wrap:anywhere}:is(.view h3,.view h4){font-size:clamp(1.18rem,5vw,1.5rem)!important;line-height:1.22!important}:is(.view p,.view li,.view label,.view input,.view textarea,.view button,.view summary){font-size:clamp(1rem,4.2vw,1.12rem)!important;line-height:1.5!important}details>summary{min-height:58px!important;padding:.85rem 1rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important}:is(.ceridwen-presence,.floating-guide,.assistant-character,.guide-character,[class*="ceridwen"][class*="guide"],.ck-guide,.ck-bubble){display:none!important}.kids-panel textarea,.kids-panel input{min-height:112px!important;padding:1rem!important}.kids-panel button{min-height:54px!important}.kids-panel,.lex-panel,.journal-panel{background:rgba(8,45,33,.96)!important}#v-draw .controls{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:.7rem!important}body[data-draw-stage="pack"] #v-draw>#pakliRow{display:grid!important;grid-template-columns:1fr!important;width:100%!important}body[data-draw-stage="pack"] #v-draw>#pakliRow>.chip{display:flex!important;width:100%!important;min-height:54px!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important}
#cleanMobileMenu{position:fixed!important;inset:0!important;z-index:2147483646!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#021a13!important;color:#fff7e5!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;isolation:isolate!important}#cleanMobileMenu[hidden]{display:none!important}#cleanMobileMenu:not([hidden]){display:block!important}#cleanMobileMenu *,#cleanMobileMenu *::before,#cleanMobileMenu *::after{box-sizing:border-box!important;transform:none!important;clip-path:none!important;filter:none!important;mask:none!important;text-shadow:none!important;animation:none!important}#cleanMobileMenu *::before,#cleanMobileMenu *::after{content:none!important;display:none!important}#cleanMobileMenu .clean-menu-head{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:calc(72px + var(--system-safe-top))!important;padding:calc(.75rem + var(--system-safe-top)) max(1rem,var(--system-safe-right)) .75rem max(1rem,var(--system-safe-left))!important;background:#031d15!important;border-bottom:1px solid rgba(239,199,97,.28)!important}#cleanMobileMenu .clean-menu-close{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:1px solid rgba(239,199,97,.45)!important;border-radius:50%!important;background:#0b2b20!important;color:#fff7e5!important;font-size:2rem!important}#cleanMobileMenu .clean-menu-list{display:block!important;width:100%!important;max-width:42rem!important;padding-bottom:max(1.5rem,var(--system-safe-bottom))!important;margin:0 auto!important}#cleanMobileMenu .clean-menu-group{padding:1.15rem 1.15rem .45rem!important;color:#efc761!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.13em!important}#cleanMobileMenu .clean-menu-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;min-height:66px!important;padding:.82rem 1.15rem!important;border:0!important;border-bottom:1px solid rgba(239,199,97,.14)!important;border-radius:0!important;background:#021a13!important;color:#fbf6e9!important;text-align:left!important;box-shadow:none!important}#cleanMobileMenu .clean-menu-item.is-active{padding-left:1.35rem!important;border-left:3px solid #efc761!important;background:#0b2b20!important;color:#ffd978!important}#cleanMobileMenu .clean-menu-title{font-size:1.06rem!important;font-weight:800!important;color:inherit!important}#cleanMobileMenu .clean-menu-description{margin-top:.18rem!important;color:#cfc5b2!important;font-size:.82rem!important;line-height:1.35!important}}
@media(max-width:390px){:is(.view h1,.view .rune,.view .gate-title){font-size:clamp(1.85rem,9vw,2.5rem)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
