:root{--ink:#070609;--ink-soft:#0e0b12;--ivory:#eee6d4;--ivory-dim:#aaa18f;--violet:#4b304f;--violet-bright:#755279;--gold:#a88b53;--gold-pale:#c8ad72;--line:#ccb68638;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;--sans:"Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ink);color:var(--ivory);scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;min-height:100svh;font-family:var(--sans);background:radial-gradient(circle at 50% 38%,#4c305024,#0000 28rem),linear-gradient(135deg,#09070b 0%,#070608 48%,#0b0810 100%);margin:0;font-weight:300;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--gold-pale);outline-offset:4px}.skip-link{z-index:50;color:var(--ink);background:var(--ivory);font:.72rem var(--mono);padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.atmosphere,.grain,#star-field,.smoke{pointer-events:none;position:fixed;inset:0}.atmosphere{z-index:0;overflow:hidden}#star-field{opacity:.55;width:100%;height:100%}.grain{opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.smoke{filter:blur(90px);opacity:.13;border-radius:50%;width:52vw;height:52vw;animation:18s ease-in-out infinite alternate smoke-drift;inset:auto}.smoke-one{background:#795879;bottom:-22vw;left:-22vw}.smoke-two{background:#55405d;animation-delay:-7s;top:-22vw;right:-24vw}.site-header{z-index:10;border-bottom:1px solid #ccb68614;justify-content:space-between;align-items:center;width:100%;padding:1.55rem clamp(1.2rem,4vw,4rem);display:flex;position:absolute;top:0}.sigil{color:var(--ivory-dim);letter-spacing:.15em;font:.58rem var(--mono);align-items:center;gap:.7rem;text-decoration:none;display:flex}.sigil-disc{aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;width:1.6rem;display:block;position:relative}.sigil-disc:before,.sigil-disc:after{content:"";border-radius:50%;position:absolute}.sigil-disc:before{background:#030304;inset:4px;box-shadow:inset -2px -2px 4px #ffffff1f}.sigil-disc:after{border:1px solid #a88b5333;inset:-4px}.header-actions{align-items:center;gap:clamp(1rem,3vw,2.6rem);display:flex}.text-button,.sound-toggle,.add-choice,.whisper-toggle{cursor:pointer;background:0 0;border:0;padding:0}.text-button,.sound-toggle{color:var(--ivory-dim);font:.62rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.text-button{border-bottom:1px solid #eee6d452;padding-bottom:.18rem}.text-button:hover,.sound-toggle:hover{color:var(--ivory)}.sound-toggle{align-items:center;gap:.55rem;display:flex}.sound-bars{align-items:center;gap:2px;height:9px;display:flex}.sound-bars i{background:currentColor;width:1px;height:4px}.sound-bars i:nth-child(2){height:8px}.sound-toggle[aria-pressed=true] .sound-bars i{animation:1s ease-in-out infinite alternate sound}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.35s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.7s}main{z-index:1;position:relative}.stage{opacity:0;width:100%;min-height:100svh;transition:opacity .7s}.stage.is-active{opacity:1}.stage-entry{grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(3rem,7vw,8rem);padding:8rem clamp(1.5rem,8vw,9rem) 4rem;display:grid}.opening-copy{text-align:center;animation:.9s .1s both rise}.eyebrow{color:var(--gold-pale);font:.61rem var(--mono);letter-spacing:.25em;text-transform:uppercase;margin:0 0 1.2rem}.eyebrow span{margin:0 .65rem;font-size:.6rem}h1{color:#f1e9d8;font:500 clamp(4.7rem, 10vw, 9.6rem)/.72 var(--serif);letter-spacing:-.07em;text-shadow:0 6px 40px #000c;margin:0}.title-orb{color:#020203;text-shadow:inset -4px -4px 8px #fff3, 0 0 0 1px #c3ac7d4d, 0 8px 24px #000;margin:0 .04em 0 .07em;font-size:.48em;display:inline-block;transform:translateY(-.11em)}.subtitle{color:var(--ivory-dim);font:400 clamp(1.3rem, 2.4vw, 2.1rem)/1.2 var(--serif);letter-spacing:.05em;margin:.8rem 0 0}.subtitle em{color:var(--ivory)}.rule-mark{justify-content:center;align-items:center;gap:.75rem;margin:2rem auto;display:flex}.rule-mark span{background:linear-gradient(90deg, transparent, var(--gold));opacity:.6;width:clamp(2rem,5vw,5rem);height:1px}.rule-mark span:last-child{transform:rotate(180deg)}.rule-mark i{color:var(--gold);font-size:.5rem;font-style:normal}.invocation{color:#b4ab9b;font:italic 1.05rem/1.65 var(--serif);margin:0}.choice-form{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#130e16d1,#070609b8);width:min(100%,34rem);padding:clamp(1.6rem,4vw,2.8rem);animation:.9s .25s both rise;position:relative;box-shadow:0 35px 80px #00000070,inset 0 0 50px #58375b0f}.choice-form:before,.choice-form:after{content:"";border-color:var(--gold);opacity:.55;width:12px;height:12px;position:absolute}.choice-form:before{border-top:1px solid;border-left:1px solid;top:8px;left:8px}.choice-form:after{border-bottom:1px solid;border-right:1px solid;bottom:8px;right:8px}.form-heading{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.8rem;margin-bottom:1.3rem;display:grid}.form-heading span,.form-heading small{color:var(--gold);font:.55rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.form-heading label{font:500 1.12rem var(--serif);letter-spacing:.015em}.choice-row{border-top:1px solid #eee6d421;grid-template-columns:1.7rem 1fr 1.5rem;align-items:center;min-height:3.6rem;display:grid;position:relative}.choice-row:last-child{border-bottom:1px solid #eee6d421}.choice-row.is-new{animation:.4s both row-in}.choice-number{color:#726b61;font:.55rem var(--mono)}.choice-row input,.whisper-wrap input{width:100%;color:var(--ivory);font:400 1.18rem var(--serif);background:0 0;border:0;outline:none}input::placeholder{color:#6e675f;opacity:1;font-style:italic}.choice-row:focus-within{border-color:#c8ad7299}.remove-choice{color:#777068;font:300 1.2rem var(--sans);cursor:pointer;background:0 0;border:0}.remove-choice:hover{color:var(--ivory)}.form-tools{justify-content:space-between;gap:1rem;margin:1.05rem 0;display:flex}.add-choice,.whisper-toggle{color:#8f877a;font:.58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.add-choice:hover,.whisper-toggle:hover{color:var(--gold-pale)}.add-choice span{color:var(--gold);margin-right:.25rem}.whisper-toggle span{margin-right:.35rem}.whisper-wrap{padding:.9rem 0 1.2rem}.whisper-wrap[hidden]{display:none}.whisper-wrap label{color:#8c8377;font:italic .85rem var(--serif);margin-bottom:.7rem;display:block}.whisper-wrap input{border-bottom:1px solid #c8ad724d;padding:.7rem 0}.form-error{color:#c28c86;min-height:1.2rem;font:.67rem var(--mono);margin:.2rem 0 .6rem}.choice-form.has-error{animation:.35s shake}.primary-button,.secondary-button{border:1px solid var(--gold);cursor:pointer;min-height:3.4rem;font:.65rem var(--mono);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 1.3rem;transition:background .25s,color .25s,transform .25s,box-shadow .25s;display:flex}.primary-button{color:#17120d;background:#c5aa72;width:100%}.primary-button:hover{background:#e0c994;transform:translateY(-2px);box-shadow:0 9px 25px #0000004d}.primary-button:disabled{cursor:wait;opacity:.55;transform:none}.primary-button i{font-size:1rem;font-style:normal}.privacy-note{color:#716a62;text-align:center;font:.53rem/1.5 var(--mono);letter-spacing:.06em;margin:1rem 0 0}.privacy-note span{color:var(--gold);margin-right:.3rem}.edition-mark{color:#554f4a;text-align:center;width:100%;font:.48rem var(--mono);letter-spacing:.18em;margin:0;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.stage-draw{grid-template-rows:1fr auto;grid-template-columns:minmax(18rem,.7fr) minmax(24rem,1.3fr);align-items:center;gap:1rem 4rem;padding:8rem clamp(1.5rem,9vw,10rem) 3rem;display:grid}.draw-copy{align-self:center;max-width:29rem}.draw-copy h2,.reading-card h2,.about-dialog h2{font:500 clamp(3rem, 6vw, 5.8rem)/.88 var(--serif);letter-spacing:-.04em;margin:0}.draw-copy h2 em{color:#9d859e;font-weight:400}.draw-copy>p:last-child{color:#9f978a;font:italic 1.05rem/1.6 var(--serif)}.vessel-scene{aspect-ratio:1;perspective:900px;justify-self:center;width:min(45vw,38rem);position:relative}.orbit{border:1px solid #bca37021;border-radius:50%;position:absolute;inset:12%;transform:rotateX(63deg)rotate(12deg)}.orbit-two{inset:20%;transform:rotateX(69deg)rotate(-34deg)}.bag{filter:drop-shadow(0 38px 22px #0009);width:43%;height:58%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.bag-neck{z-index:2;clip-path:polygon(14% 0,86% 0,72% 100%,28% 100%);background:linear-gradient(90deg,#160e18,#4f3253 45%,#1a111d 100%);width:60%;height:28%;position:absolute;top:0;left:20%}.bag-neck:after{content:"";background:#130c16;border-radius:50%;width:136%;height:9%;position:absolute;top:35%;left:-18%;box-shadow:0 1px #725277,0 5px 12px #09070a}.bag-neck i{background:#ffffff14;width:1px;height:72%;position:absolute;top:2%}.bag-neck i:first-child{left:37%;transform:rotate(4deg)}.bag-neck i:last-child{right:37%;transform:rotate(-4deg)}.bag-body{background:radial-gradient(circle at 58% 28%,#523355,#2d1c32 42%,#130d17 76%,#08070a);border-radius:45% 45% 26% 26%/32% 32% 14% 14%;width:100%;height:80%;position:absolute;bottom:0;box-shadow:inset 15px 0 30px #00000080,inset -12px -5px 30px #6a426b2e}.bag-body:before{content:"";border-radius:inherit;background:repeating-linear-gradient(100deg,#0000 0 8px,#ffffff04 9px 10px);position:absolute;inset:8% 13%}.bag-seam{border-radius:inherit;border:1px dashed #b18c5b2e;position:absolute;inset:12%}.bag-sigil{color:#be9f696b;font:2rem var(--serif);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.ball{z-index:3;aspect-ratio:1;border-radius:50%;width:7.5%;position:absolute}.ivory-ball{background:radial-gradient(circle at 34% 26%,#fffef1 0 8%,#ded5c1 42%,#8f887b 84%);box-shadow:0 8px 14px #00000073}.black-ball{z-index:4;background:radial-gradient(circle at 32% 26%,#403c43 0,#0a090b 45%,#000 78%);bottom:28%;left:47%;box-shadow:inset -5px -7px 10px #000,0 8px 20px #000}.ball-a{animation:6s ease-in-out infinite orbit-a;top:30%;left:15%}.ball-b{animation:7.5s ease-in-out infinite orbit-b;top:42%;right:10%}.ball-c{animation:4.5s ease-in-out infinite float;bottom:18%;left:25%}.ball-d{animation:5.5s ease-in-out -2s infinite float;top:12%;right:25%}.stage-draw.is-active .bag{animation:3.2s ease-in-out infinite bag-breathe}.vessel-scene.is-drawing .bag{animation:.18s linear 8 bag-shake,.9s ease-in 1.5s both bag-collapse}.vessel-scene.is-drawing .ivory-ball{animation:.8s ease-in forwards ball-fall}.vessel-scene.is-drawing .black-ball{animation:2s cubic-bezier(.17,.67,.18,1.1) .45s forwards black-rise}.draw-actions{flex-direction:column;grid-column:1/-1;align-items:center;gap:1.25rem;display:flex}.draw-button{width:min(100%,22rem)}.ritual-counter{color:#5f5852;font:.5rem var(--mono);letter-spacing:.15em;margin:0;position:absolute;bottom:1.6rem;right:clamp(1.5rem,4vw,4rem)}.stage-reading{place-items:center;padding:7.5rem 1.5rem 4rem;display:grid;position:relative}.reading-orb{aspect-ratio:1;background:radial-gradient(circle at 36% 28%,#39343b 0 2%,#0d0c10 35%,#020203 72%);border-radius:50%;width:clamp(9rem,20vw,19rem);animation:1.4s cubic-bezier(.18,.7,.17,1) both orb-arrive;position:absolute;top:50%;left:17%;transform:translateY(-50%);box-shadow:0 0 0 1px #cbb48126,0 0 80px #5c3a5d38,inset -20px -18px 40px #000}.reading-orb:before,.reading-orb:after{content:"";border:1px solid #b6995e1f;border-radius:50%;position:absolute;inset:-14%}.reading-orb:after{opacity:.45;inset:-28%}.reading-orb span{aspect-ratio:1;filter:blur(4px);background:#ffffff21;border-radius:50%;width:9%;position:absolute;top:18%;left:22%}.reading-card{z-index:2;text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,#100c12f0,#070609e6);width:min(46rem,100%);margin-left:18%;padding:clamp(2rem,5vw,4rem);animation:1s .35s both reading-in;position:relative;box-shadow:0 45px 100px #0000008c}.reading-index{color:#635c54;font:.48rem var(--mono);letter-spacing:.1em;margin:0;position:absolute;top:1rem;right:1.2rem}.reading-card h2{color:#928a7e;font-size:clamp(1.7rem,3.5vw,2.5rem);font-style:italic;font-weight:400}.chosen-name{color:#f2e7d2;font:500 clamp(3rem, 8vw, 6.6rem)/.88 var(--serif);overflow-wrap:anywhere;letter-spacing:-.045em;margin:.1em auto 0}.reading-card blockquote{color:#d1c7b5;max-width:35rem;font:400 clamp(1.13rem, 2vw, 1.4rem)/1.65 var(--serif);margin:0 auto}.reading-card blockquote:before{content:"“";height:2rem;color:var(--gold);font:3.5rem/.8 var(--serif);display:block}.coda{color:var(--gold-pale);font:.55rem/1.5 var(--mono);letter-spacing:.17em;margin:1.8rem 0}.reading-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.reading-actions .primary-button{width:auto;min-width:12rem}.secondary-button{color:var(--gold-pale);background:0 0;justify-content:center}.ask-again{align-self:center;margin:0 1rem}.copy-status{color:#8f877a;min-height:1rem;font:.55rem var(--mono);margin:1rem 0 -1rem}.about-dialog{width:min(39rem,100% - 2rem);color:var(--ivory);background:#100c12;border:1px solid #c8ad7261;padding:clamp(2rem,6vw,4rem);box-shadow:0 30px 100px #000}.about-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020203d9}.about-dialog h2{font-size:clamp(2.6rem,7vw,4.4rem)}.about-dialog p:not(.eyebrow){color:#b8ae9e;font:1.05rem/1.65 var(--serif)}.about-dialog em{color:var(--ivory)}.dialog-close{color:#948b7c;cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.archive-mark{color:var(--gold);gap:.7rem;margin:1.5rem 0;font-size:1.2rem;display:flex}.dialog-footnote{border-top:1px solid var(--line);letter-spacing:.05em;padding-top:1rem;font-family:var(--mono)!important;font-size:.65rem!important}.noscript{z-index:100;background:var(--ink);color:var(--ivory);text-align:center;font:1.4rem var(--serif);place-items:center;padding:2rem;display:grid;position:fixed;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes row-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes smoke-drift{to{transform:translate(9vw,-5vw)scale(1.18)}}@keyframes sound{to{height:9px}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes float{50%{transform:translateY(-22px)}}@keyframes orbit-a{50%{transform:translate(18rem,-4rem)scale(.72)}}@keyframes orbit-b{50%{transform:translate(-19rem,3rem)scale(1.15)}}@keyframes bag-breathe{50%{transform:translate(-50%)scale(1.025)rotate(-.6deg)}}@keyframes bag-shake{25%{transform:translate(-52%)rotate(-2deg)}75%{transform:translate(-48%)rotate(2deg)}}@keyframes bag-collapse{to{opacity:.35;filter:blur(4px);transform:translate(-50%)scale(.9)}}@keyframes ball-fall{to{opacity:.2;top:54%;left:48%;transform:scale(.6)}}@keyframes black-rise{40%{bottom:56%;transform:scale(1.3)}to{bottom:74%;left:45%;transform:scale(3.5);box-shadow:0 0 60px #613e6359}}@keyframes orb-arrive{0%{opacity:0;transform:translate(-8rem,-50%)scale(.45)}}@keyframes reading-in{0%{opacity:0;transform:translateY(25px)}}@media (width<=900px){.stage-entry{grid-template-columns:1fr;gap:3rem;padding-top:7.5rem}.choice-form{justify-self:center}.edition-mark{grid-column:1;margin-top:1rem;position:static;transform:none}.stage-draw{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;padding-top:8rem}.draw-copy{justify-self:center}.vessel-scene{width:min(82vw,35rem)}.draw-actions{grid-column:auto}.reading-orb{width:12rem;top:17%;left:50%;transform:translate(-50%)}.reading-card{margin:7rem 0 0}@keyframes orb-arrive{0%{opacity:0;transform:translate(-50%,-5rem)scale(.45)}to{transform:translate(-50%)}}}@media (width<=560px){.site-header{padding:1.1rem}.sigil span:last-child,.sound-toggle #sound-label{display:none}.header-actions{gap:1.1rem}.stage-entry{gap:2.5rem;padding:7rem 1rem 2.5rem}h1{font-size:clamp(4rem,21vw,6.2rem)}.invocation br{display:none}.choice-form{padding:1.35rem 1.15rem}.form-heading{grid-template-columns:auto 1fr}.form-heading small{display:none}.form-tools{flex-direction:column;align-items:flex-start}.stage-draw{gap:.5rem;padding:7rem 1rem 3rem}.vessel-scene{width:min(94vw,30rem)}.ritual-counter{text-align:center;grid-column:auto;position:static}.stage-reading{padding:6rem .8rem 2rem}.reading-card{padding:2.6rem 1.2rem 2rem}.reading-index{top:.75rem;right:.8rem}.reading-actions{flex-direction:column}.reading-actions .primary-button,.secondary-button{width:100%}.ask-again{margin:.8rem auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}