.cast{gap:1.5rem;display:grid}.cast-form{gap:.75rem;max-width:40rem;display:grid}.cast-form textarea{font:inherit;width:100%;min-height:6rem;color:var(--ink);border:1px solid var(--ink);resize:vertical;background:#ffffff73;border-radius:2px;padding:.75rem}.hint{font-family:var(--sans);color:var(--ink-soft);margin:0;font-size:.85rem}.methods{border:0;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem;margin:.5rem 0;padding:0;display:grid}.methods legend{margin-bottom:.5rem;padding:0}.method-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.cast-form [data-start]{justify-self:start;min-width:10rem}.cast-stage{justify-items:center;gap:.75rem;display:grid}.question-echo{text-align:center;max-width:40rem;margin:0;font-style:italic}.cast[data-phase=casting] .question-echo,.cast:has(.cast-reading:empty) .question-echo{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cast[data-phase=casting][data-active-method=coins] .cast-stage{padding-top:3.5rem}.status{min-height:1.4em;font-family:var(--sans);color:var(--ink-soft);margin:0;font-size:.9rem}.retry{color:var(--cinnabar);justify-items:center;gap:.5rem;display:grid}.coins{justify-content:center;gap:1rem;min-height:4.5rem;display:flex;overflow:visible}.coin{width:3.5rem;height:3.5rem;font-family:var(--sans);color:var(--paper);background:radial-gradient(circle at 35% 30%, #c9a56a, var(--bronze) 60%, #6e5632);border-radius:50%;place-items:center;display:grid;box-shadow:0 3px 6px #1c1b184d}.coin[hidden],.coins[hidden]{display:none}.cast-lines{gap:.35rem;width:min(100%,14rem);margin:.5rem 0;padding:0;list-style:none;display:grid}.slot{width:100%;min-height:44px;color:var(--ink);background:0 0;border:1px dashed #0000;border-radius:2px;place-items:center;padding:.25rem .75rem;display:grid}.slot:disabled{color:var(--ink)}.slot:not(:disabled){cursor:pointer;border-color:var(--rule)}.slot:not(:disabled):hover{border-color:var(--cinnabar)}.slot .hexfig{width:100%;height:auto;max-height:1.6rem}.slot-empty{border-top:3px dotted var(--rule);width:100%;display:block}.unset .slot:not(:disabled){border-color:var(--cinnabar)}@media (width<=599px){.cast[data-active-method=coins] .cast-lines,.cast[data-active-method=yarrow] .cast-lines{gap:.25rem}.cast[data-active-method=coins] .slot,.cast[data-active-method=yarrow] .slot{min-height:28px;padding-block:0}}.cta{border-block:1px solid var(--rule);justify-items:start;gap:.75rem;padding:1rem 0;display:grid}.cta[hidden]{display:none}.cta p{margin:0;font-style:italic}.reading-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cast-reading:empty{display:none}.history{font-family:var(--sans);font-size:.9rem}.history summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.history ul{gap:.25rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.history-entry{text-align:left;justify-content:flex-start}.has-resulting{grid-template-columns:1fr;justify-items:start}.thread{width:1px;height:3rem;margin-left:3.5rem;overflow:visible}.thread path{fill:none;stroke:var(--cinnabar);stroke-width:1.5px;vector-effect:non-scaling-stroke}.thread-h{display:none}@media (width>=900px){.has-resulting{grid-template-columns:1fr minmax(4rem,8rem) 1fr;place-items:center stretch}.thread{width:100%;height:1px;margin-left:0}.thread-h{display:inline}.thread-v{display:none}}.ink-decor{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.ink-decor span{background:radial-gradient(circle,#1c1b1812,#0000 70%);border-radius:50%;width:6rem;height:6rem;position:absolute}.ink-decor span:first-child{top:20%;left:8%}.ink-decor span:nth-child(2){width:9rem;height:9rem;top:12%;left:80%}.ink-decor span:nth-child(3){top:70%;left:62%}.ink-decor span:nth-child(4){width:8rem;height:8rem;top:78%;left:15%}@media (width<=640px){.ink-decor{display:none}}@media (prefers-reduced-motion:no-preference){@keyframes coin-drop{0%{opacity:0;transform:translateY(-3.5rem)rotateX(0)}55%{opacity:1;transform:translateY(0)rotateX(720deg)}75%{transform:translateY(-.5rem)rotateX(900deg)}to{transform:translateY(0)rotateX(1080deg)}}.coins.throwing .coin{animation:.8s cubic-bezier(.3,.6,.4,1) both coin-drop}.coins.throwing .coin:nth-child(2){animation-delay:50ms}.coins.throwing .coin:nth-child(3){animation-delay:.1s}@keyframes ink-spread{0%{stroke-dashoffset:100px;filter:blur(2px)}to{stroke-dashoffset:0;filter:blur()}}.ink-in line{stroke-dasharray:100;animation:.6s ease-out both ink-spread}@keyframes thread-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.thread path{stroke-dasharray:1;animation:1.2s ease-out .5s both thread-draw}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(2rem,-1.5rem)scale(1.25)}}.ink-decor span{transition:opacity 1.5s;animation:14s ease-in-out infinite alternate drift}.ink-decor span:nth-child(2){animation-duration:18s}.ink-decor span:nth-child(3){animation-duration:11s}body:has([data-phase=reading]) .ink-decor{opacity:0;transition:opacity 1.5s}.slot,.method-btn{transition:border-color .2s,background-color .2s}}