@charset "UTF-8";
#scrying-page{--gold:#d4af37;--cream:#e8e2cf;--muted:#c2beaf;--dim:#a8a396;--ink:#0a0a09;--line:#373326;--heading:'Cinzel Decorative',Georgia,serif;--body:'Cormorant Garamond',Georgia,serif;color-scheme:dark}#scrying-page *{box-sizing:border-box}#scrying-page{margin:0;color:var(--cream);background:radial-gradient(ellipse at 38% 60%,#24201b55,transparent 55%),var(--ink);font-family:var(--body);font-size:1.15rem;line-height:1.55}#scrying-page a{color:inherit}#scrying-page button{font:inherit;cursor:pointer}#scrying-page button:disabled{cursor:default}#scrying-page a:focus-visible,#scrying-page button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#scrying-page{max-width:72rem;margin:0 auto;padding:2.5rem 1rem 3rem}#scrying-page .page-intro{border-bottom:1px solid var(--line);padding-bottom:1.8rem;text-align:left}#scrying-page .eyebrow{font-family:var(--heading);font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 .65rem}#scrying-page .page-title{font-family:var(--heading);font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.2;margin:0 0 .9rem}#scrying-page .page-title span{color:var(--gold)}#scrying-page .page-intro>p:last-child{color:var(--muted);font-size:1.25rem;margin:0;max-width:44rem}#scrying-page .chamber{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;gap:3.3rem;padding:2.6rem 0 2rem}#scrying-page .mirror-side{text-align:center;min-width:0}#scrying-page .mirror-surround{position:relative;width:min(100%,29rem);margin:auto;padding:15px;border-radius:49% 49% 45% 45% / 43% 43% 50% 50%;border:1px solid #75602e;background:linear-gradient(135deg,#52401e,#b09a56 19%,#3c3119 38%,#806a34 63%,#302716 85%,#80703f);box-shadow:0 20px 70px #000b,inset 0 0 0 4px #17150f,inset 0 0 0 6px #7e6932}#scrying-page .mirror-surround:before{content:'';position:absolute;inset:8px;border:1px solid #b59a4d77;border-radius:inherit;pointer-events:none}#scrying-page .mirror{position:relative;aspect-ratio:4/5;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 25% 24%,#47545430,transparent 37%),radial-gradient(ellipse at 72% 75%,#79705e23,transparent 42%),linear-gradient(140deg,#111a1c,#0b1012 42%,#151719 73%,#0c1012);border:1px solid #b89a4270;box-shadow:inset 0 0 60px #000,inset 0 0 0 3px #070a0b}#scrying-page .mirror:after{content:'';position:absolute;inset:7%;border-radius:inherit;border-top:1px solid #d5d2bc17;transform:rotate(-15deg);pointer-events:none}#scrying-page .mist{position:absolute;inset:-20%;z-index:1;opacity:.7;background:radial-gradient(ellipse 55% 20% at 35% 43%,#c7d5ca88,transparent 78%),radial-gradient(ellipse 48% 24% at 68% 66%,#a9bfc277,transparent 78%);filter:blur(15px);transform:translate(-4%,3%) rotate(-6deg);animation:mist-drift 22s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}#scrying-page .mist:after{content:'';position:absolute;inset:5%;opacity:.7;background:radial-gradient(ellipse 52% 13% at 48% 48%,#c0d0cb99,transparent 85%);filter:blur(10px);transform:rotate(-17deg)}#scrying-page .mirror.is-moving .mist{animation-play-state:running}@keyframes mist-drift{to{transform:translate(7%,-5%) rotate(8deg)}}#scrying-page .mirror-mark{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);height:3rem;width:3rem;color:#c7b67970;transition:opacity 1s}#scrying-page .is-reflecting .mirror-mark{opacity:.1}#scrying-page .mirror-caption{color:var(--dim);font-style:italic;font-size:1rem;margin:1rem auto 0;max-width:27rem}#scrying-page .reflection{max-width:29rem;min-width:0}#scrying-page .reflection h2{font-family:var(--heading);font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.4;margin:0 0 1rem}#scrying-page .instructions{color:var(--muted);margin:0 0 1.4rem;font-size:1.17rem}#scrying-page .prompt-wrap{padding:1.4rem 0 1.4rem 1.3rem;border-left:1px solid #9e8245;margin:1.75rem 0;background:linear-gradient(90deg,#d4af3708,transparent)}#scrying-page .prompt-label{font-family:var(--heading);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);margin:0 0 .65rem}#scrying-page .prompt{overflow-wrap:anywhere;font-size:clamp(1.4rem,2.8vw,1.8rem);font-style:italic;line-height:1.35;color:var(--cream);margin:0}#scrying-page .text-button{border:0;background:transparent;color:var(--gold);padding:.2rem 0;margin-top:.85rem;text-decoration:underline;text-underline-offset:4px;font-size:1rem}#scrying-page .primary{display:block;width:100%;border:1px solid var(--gold);border-radius:5px;background:var(--gold);color:#15130c;font-weight:600;font-size:1.14rem;padding:.85rem 1rem;transition:background .2s}#scrying-page .primary:hover{background:#b89628}#scrying-page .control-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.1rem;flex-wrap:wrap}#scrying-page .motion-button{background:transparent;border:1px solid #5c5033;border-radius:20px;color:var(--muted);padding:.38rem .8rem;font-size:.94rem}#scrying-page .motion-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}#scrying-page .motion-button:disabled{opacity:.65}#scrying-page .exit-link{font-size:1rem;color:var(--dim);text-underline-offset:4px}#scrying-page .motion-note{font-size:.9rem;color:var(--dim);margin:.6rem 0 0;min-height:1.4em}#scrying-page .status{color:var(--muted);font-style:italic;margin:1rem 0 0;min-height:3.1em;font-size:1.05rem}#scrying-page .footnote{max-width:46rem;margin:1rem auto 0;text-align:center;color:var(--dim);font-size:.99rem;padding-top:1.8rem;border-top:1px solid var(--line)}#scrying-page [hidden]{display:none!important}#scrying-page .no-script{color:var(--muted);border:1px solid var(--line);padding:1rem;margin:1rem 0}#scrying-page .js-control{display:none}#scrying-page .js-ready .js-control{display:block}#scrying-page .js-ready .control-row.js-control{display:flex}@media(min-width:1200px){#scrying-page{padding-left:0;padding-right:0}}@media(max-width:850px){#scrying-page .chamber{gap:1.8rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#scrying-page .mirror-surround{padding:12px}#scrying-page .reflection h2{font-size:1.3rem}}@media(max-width:650px){#scrying-page{padding-top:1.7rem}#scrying-page .chamber{grid-template-columns:1fr;gap:2rem;padding-top:1.8rem}#scrying-page .mirror-surround{max-width:20rem}#scrying-page .reflection{max-width:32rem;margin:auto;width:100%}#scrying-page .page-intro>p:last-child{font-size:1.12rem}#scrying-page .prompt-wrap{margin:1.2rem 0}#scrying-page .status{min-height:0}#scrying-page .mirror-caption{font-size:.94rem}#scrying-page .footnote{font-size:.93rem}}@media(prefers-reduced-motion:reduce){#scrying-page *,#scrying-page *::before,#scrying-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#scrying-page .own-prompt{margin:1rem 0 1.3rem;border-top:1px solid var(--line);padding-top:.8rem}#scrying-page .own-prompt summary{color:var(--gold);font-size:1rem;cursor:pointer;list-style-position:outside;margin-left:1rem}#scrying-page .own-prompt summary:focus-visible,#scrying-page .own-prompt textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#scrying-page .own-prompt label{display:block;margin-top:.85rem;font-size:1.02rem}#scrying-page .own-prompt textarea{display:block;width:100%;min-height:5rem;resize:vertical;border:1px solid #5c5033;border-radius:5px;color:var(--cream);background:#111313;padding:.65rem .8rem;font:inherit;line-height:1.4;margin:.4rem 0}#scrying-page .prompt-help{color:var(--dim);font-size:.9rem;margin:.4rem 0}#scrying-page .prompt-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}#scrying-page .prompt-actions button{border:1px solid #6d5a2d;border-radius:4px;background:#1e1b13;color:var(--gold);padding:.4rem .7rem;font-size:.96rem}#scrying-page .prompt-actions button:hover{border-color:var(--gold)}#scrying-page .prompt-feedback{color:var(--muted);font-size:.94rem;min-height:1.4em;margin:.55rem 0 0}body:has(#scrying-page) > main {width:100%;max-width:72rem;}#scrying-page{width:100%;max-width:72rem;margin:0 auto;padding:0 0 3rem;background:none;color:#e8e2cf;line-height:1.55;text-align:left;}#scrying-page .page-title{color:#e8e2cf;text-align:left;font-family:'Cinzel Decorative',Georgia,serif;text-transform:none;text-shadow:none;letter-spacing:-1.6px;font-weight:700;font-size:clamp(34px,4vw,54px);line-height:1.2;}#scrying-page .page-title span{color:#d4af37;}#scrying-page .eyebrow{font:600 10px/1.5 'Cormorant Garamond',Georgia,serif;letter-spacing:2px;margin:0 0 8px;}#scrying-page .page-intro{padding:46px 0 34px;}#scrying-page .primary{margin:0;}#scrying-page textarea{font-family:'Cormorant Garamond',Georgia,serif;}@media(max-width:650px){#scrying-page .page-intro{padding-top:30px;}}