.cast{--slip-wood:#cfa375;--slip-edge:#8a5a2b;--slip-mark:#4a2c14;--cloth:#f4f0e6;--cloth-weave:#78644612;gap:.75rem;margin-top:1rem;display:grid}@media (prefers-color-scheme:dark){.cast{--cloth:#e6e0d2}}.cast{grid-template-columns:minmax(0,1fr)}.cast-measure{width:100%;min-width:0;overflow:hidden}.cast-cloth{background:repeating-linear-gradient(0deg, var(--cloth-weave) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, var(--cloth-weave) 0 1px, transparent 1px 4px), var(--cloth);touch-action:manipulation;border-radius:10px;max-width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014,0 4px 14px -8px #28140559}.cast-throw{font:inherit;border:1px solid var(--accent);min-height:44px;color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--cloth));cursor:pointer;border-radius:999px;padding:.7rem 1.4rem;font-size:1.05rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cast-throw:hover,.cast-throw:focus-visible{background:color-mix(in srgb, var(--accent) 16%, var(--cloth))}.cast-slip{transform-origin:50%;will-change:transform;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.cast-slip:disabled{cursor:default}.cast-slip-face{background:repeating-linear-gradient(90deg, #5a37191f 0 1px, transparent 1px 5px), linear-gradient(90deg, #c69766, var(--slip-wood) 40%, #d8b086);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--slip-edge), 1px 2px 3px #28140559;border-radius:4px 4px 6px 6px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s,opacity .3s;display:flex}.cast-slip:not(.is-up) .cast-slip-face{background:repeating-linear-gradient(90deg,#5a371929 0 1px,#0000 1px 4px),linear-gradient(90deg,#b98656,#c79a6c 50%,#b98656)}.cast-mark{color:var(--slip-mark);stroke-width:9px}.cast-cloth.is-settled .cast-slip:not(:disabled):hover .cast-slip-face,.cast-cloth.is-settled .cast-slip:not(:disabled):focus-visible .cast-slip-face{box-shadow:inset 0 0 0 1px var(--slip-edge), 0 6px 10px #28140559, 0 0 0 3px var(--accent);transform:scale(1.12)}.cast-slip:focus-visible{outline:none}.cast-slip.is-picked{pointer-events:none}.cast-slip.is-picked .cast-slip-face{opacity:.15;box-shadow:inset 0 0 0 1px var(--slip-edge);transform:scale(.9)}.cast-cloth.is-done .cast-slip:not(.is-picked) .cast-slip-face{opacity:.55}.cast-cloth:not(.is-settled) .cast-slip{pointer-events:none}.cast-status{text-align:center;min-height:1.6em;margin:0}.cast-controls{justify-content:center;align-items:center;gap:1.2rem;display:flex}.cast-controls button{font:inherit;border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--fg);cursor:pointer;border-radius:6px;padding:.4rem .9rem;font-size:.9rem}.cast-controls button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.cast-controls button:disabled{opacity:.5;cursor:default}.cast-controls .cast-quiet{color:var(--muted);text-underline-offset:.2em;border:0;padding:.4rem .2rem;font-size:.8rem;text-decoration:underline}.cast-readings{gap:1rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.cast-reading{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem 0;animation:.4s ease-out both cast-reveal;display:grid}.cast-lot{background:repeating-linear-gradient(90deg, #5a37191f 0 1px, transparent 1px 5px), linear-gradient(90deg, #c69766, var(--slip-wood) 40%, #d8b086);width:3.4rem;height:6.6rem;box-shadow:inset 0 0 0 1px var(--slip-edge), 2px 3px 6px #2814054d;border-radius:5px 5px 8px 8px;justify-content:center;align-items:center;display:flex}.cast-reading h3{margin:.1rem 0 .4rem;font-size:1.4rem}.cast-translit{margin-right:.15rem;font-weight:700}.cast-ordinal{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem;font-weight:700}.cast-layer{border-left:2px solid var(--line);margin-top:.6rem;padding-left:.8rem}.cast-layer p{margin:0}.cast-layer-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem!important;font-size:.75rem!important}.cast-layer.is-modern div+div,.cast-layer.is-misuse div+div{margin-top:.5rem}.cast-cite{color:var(--muted);font-size:.8rem;margin-top:.15rem!important}@keyframes cast-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cast-reading{animation:none}.cast-slip-face{transition:none}}.cast-modes,.cast-sizes{flex-wrap:wrap;gap:.4rem;display:flex}.cast-modes button,.cast-sizes button{font:inherit;border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--muted);cursor:pointer;border-radius:999px;padding:.35rem .9rem;font-size:.9rem}.cast-sizes button{min-width:44px;padding:.35rem .6rem}.cast-modes button.is-on,.cast-sizes button.is-on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--bg));font-weight:700}.cast-modes button:focus-visible,.cast-sizes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cast-groups{gap:1.2rem;margin-top:.5rem;display:grid}.cast-group-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.8rem}.cast-group-note{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.cast-blank{cursor:pointer;align-items:flex-start;gap:.5rem;min-height:44px;font-size:.9rem;display:flex}.cast-blank input{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin-top:.3rem}.cast-blank-note{color:var(--muted)}.practice-link[data-astro-cid-dpqevmqy]{color:var(--muted);margin:1.5rem 0 0;font-size:.9rem}.cast-page[data-astro-cid-dpqevmqy]{max-width:46rem}h1[data-astro-cid-dpqevmqy]{margin:0;font-size:clamp(2rem,5vw,2.6rem);line-height:1.15}.intro[data-astro-cid-dpqevmqy]{color:var(--muted);margin:.4rem 0 0}.notice[data-astro-cid-dpqevmqy]{color:var(--muted);border-left:3px solid var(--accent);margin:.75rem 0 0;padding-left:.6rem;font-size:.9rem}
