.mystery-journal{max-width:940px;color:var(--text,#e9e5da);margin:2rem auto 5rem}.mystery-back{color:#bba673;align-items:center;gap:8px;margin-bottom:2rem;font-size:.83rem;display:inline-flex}.mystery-journal header{max-width:660px}.mystery-journal h1{font-family:var(--font-display,Georgia,serif);color:#f1d99d;margin:10px 0 14px;font-size:clamp(2rem,5vw,3.25rem)}.mystery-journal header p{color:#b8b8b1;line-height:1.8}.mystery-overview{border-top:1px solid #b894482e;border-bottom:1px solid #b894482e;align-items:center;gap:36px;margin-top:28px;padding:24px 0;display:flex}.mystery-overview>span{color:#bcb6a8;gap:5px;font-size:.75rem;display:grid}.mystery-overview strong{font-family:var(--font-display,Georgia,serif);color:#e5c67d;font-size:2rem;font-weight:500}.mystery-overview label{color:#bfb7a6;gap:7px;margin-left:auto;font-size:.72rem;display:grid}.mystery-overview select{color:#ead9b4;background:#111714;border:1px solid #b8944855;border-radius:5px;min-width:155px;padding:9px 12px}.mystery-fragments article{border-bottom:1px solid #b8944826;grid-template-columns:40px 1fr;gap:16px;padding:30px 0;display:grid}.mystery-fragment-mark{color:#c5a463;padding-top:4px}.mystery-speaker{color:#e3c48a;font-family:var(--font-display,Georgia,serif);font-size:1.1rem}.mystery-fragments blockquote{color:#e3ded2;margin:12px 0 18px;font-family:Georgia,serif;font-size:1.06rem;line-height:1.85}.mystery-fragments footer{color:#aaa89c;flex-wrap:wrap;gap:8px 20px;font-size:.74rem;display:flex}.mystery-fragments footer span{align-items:center;gap:5px;display:inline-flex}.mystery-fragments footer small{color:#8e938c;width:100%;font-size:.72rem}.mystery-unfinished{color:#8e948d;padding-top:20px;font-family:Georgia,serif;font-style:italic}.mystery-empty,.mystery-error{color:#bdb6a5;padding:24px 0}.mystery-error a,.mystery-error button{color:#e8c77d;margin-left:8px;text-decoration:underline}.mystery-earlier{color:#ecd19c;background:#181b13;border:1px solid #b8944866;border-radius:5px;margin-top:24px;padding:10px 18px}.mystery-journal-link{color:#e0c183;background:#b8944807;border:1px solid #b894483d;border-radius:6px;align-items:center;gap:12px;margin:10px 0 20px;padding:14px 12px;display:flex}.mystery-journal-link span{gap:4px;font-family:Georgia,serif;font-size:1rem;display:grid}.mystery-journal-link small{color:#9d9d91;font-family:inherit;font-size:.73rem}.mystery-journal-link:hover{background:#b894480e;border-color:#b8944880}.mystery-journal :is(a,button,select):focus-visible{outline-offset:4px;outline:2px solid #dfbe70}.mystery-journal-link:focus-visible{outline-offset:4px;outline:2px solid #dfbe70}@media (max-width:600px){.mystery-overview{flex-wrap:wrap;gap:24px}.mystery-overview label{width:100%;margin-left:0}.mystery-fragments article{grid-template-columns:25px 1fr;gap:10px}.mystery-journal{margin-top:1rem}}.veil-journal{isolation:isolate;max-width:1180px;padding:30px 26px 60px;position:relative}.veil-journal:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 25% 35%,#30465042,#0000 48%),radial-gradient(at 75% 10%,#44325035,#0000 45%),linear-gradient(#070c16e8,#070c16f7),url(/art/characters/hm0001.webp) 50%/cover no-repeat;position:absolute;inset:-40px -12vw -30px}.veil-journal header{text-align:center;max-width:740px;margin:0 auto}.veil-journal h1{letter-spacing:.025em;color:#e7d3a5;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:500}.veil-journal header .eyebrow{letter-spacing:.25em;color:#ac9973;font-size:.65rem}.veil-journal header p{color:#929fa8;max-width:600px;margin:0 auto;font-family:Georgia,serif;font-size:1.05rem;line-height:1.9}.veil-memory-line{color:#918d7e;letter-spacing:.06em;justify-content:center;align-items:center;gap:10px;margin:24px 0 10px;font-size:.72rem;display:flex}.veil-observatory{grid-template-columns:1fr 1fr;align-items:center;gap:32px;min-height:430px;margin:22px 0 34px;display:grid}.veil-constellation{aspect-ratio:1;background:radial-gradient(#a3915b0c,#0000 64%);min-width:0;position:relative}.veil-orbit{border:1px solid #b39e6c2b;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 45px #79a2b206}.veil-orbit-one{transform:rotate(-23deg)scaleY(.66)}.veil-orbit-two{border-style:dashed;border-color:#a4b8bd25;inset:23%;transform:rotate(37deg)scaleY(.7)}.veil-center{color:#9d8b64;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:35%}.veil-center>svg{opacity:.65}.veil-center>span{color:#c1b99e;font:italic 1.25rem/1.45 Georgia,serif}.veil-echo{background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid;position:absolute;transform:translate(-50%,-50%)}.veil-echo i{background:#b6ad89;border-radius:50%;width:7px;height:7px;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 0 10px #ddc78f50,0 0 25px #b8d7da16}.veil-echo span{white-space:nowrap;color:#9c9e98;opacity:.65;font:.65rem/1.2 Georgia,serif;position:absolute;top:31px}.veil-echo:hover i,.veil-echo.is-chosen i{background:#f2dfb2;transform:scale(1.45);box-shadow:0 0 15px #e9cc8a80,0 0 38px #b8d7da3c}.veil-echo.is-chosen span{color:#e1d0a6;opacity:1}.veil-whisper{border-left:1px solid #b39e6c44;padding:12px 0 12px 30px;position:relative}.veil-whisper:before{content:"";background:#c4b081;width:5px;height:5px;position:absolute;top:0;left:-3px;transform:rotate(45deg)}.veil-whisper-label{letter-spacing:.22em;text-transform:uppercase;color:#9c937b;font-size:.6rem}.veil-whisper h2{font:500 1.6rem/1.3 var(--font-display,Georgia,serif);color:#d8c499;margin:12px 0}.veil-whisper blockquote{color:#d2d6d2;margin:0 0 25px;font:1.12rem/1.95 Georgia,serif}.veil-whisper footer{color:#808f95;flex-wrap:wrap;gap:10px 18px;font-size:.67rem;display:flex}.veil-whisper footer>span{align-items:center;gap:5px;display:flex}.veil-whisper footer small{color:#7c8889;width:100%;font-size:.65rem}.veil-voices{border-top:1px solid #a493652b;flex-wrap:wrap;gap:20px;padding:22px 0;display:flex}.veil-voices button{color:#818b91;border-bottom:1px solid #0000;padding-bottom:8px;font-family:Georgia,serif;font-size:.85rem}.veil-voices button[aria-pressed=true]{color:#d4c18f;border-color:#baa57766}.veil-echo-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.veil-echo-library>button{text-align:left;color:#9ba4a4;background:linear-gradient(135deg,#20303a2b,#12192730);border:1px solid #83989c20;border-radius:4px;padding:18px 20px;transition:border-color .2s,background .2s}.veil-echo-library>button:hover,.veil-echo-library>button.is-chosen{background:#31404430;border-color:#c1a87568}.veil-echo-library span{color:#c4b489;align-items:center;gap:8px;font-family:Georgia,serif;font-size:.85rem;display:flex}.veil-echo-library p{color:#929fa2;margin:13px 0;font:.8rem/1.8 Georgia,serif}.veil-echo-library small{color:#6f8189;font-size:.65rem}.veil-journal .mystery-unfinished{text-align:center;color:#8b8e87;margin-top:32px;font-size:.9rem}.veil-journal .mystery-back{color:#96957f;font-size:.72rem}@media (max-width:760px){.veil-journal{padding:15px 4px 40px}.veil-observatory{grid-template-columns:1fr;gap:0}.veil-constellation{width:100%;max-width:370px;margin:auto}.veil-whisper{margin:0 12px 24px;padding-left:20px}.veil-echo-library{grid-template-columns:1fr 1fr}.veil-journal header p{font-size:.95rem}.veil-whisper blockquote{font-size:1.02rem}}@media (max-width:440px){.veil-echo-library{grid-template-columns:1fr}.veil-voices{gap:14px}.veil-echo span{font-size:.59rem}}@media (prefers-reduced-motion:reduce){.veil-echo i,.veil-echo-library>button{transition:none}}.veil-journal:before{position:fixed;inset:0}
