body{background:radial-gradient(circle at 50% -10%, #3a0202 0, #120202 38%, var(--carbon) 74%) fixed;overflow:auto}.oracle{flex-direction:column;gap:clamp(1.1rem,3vw,1.6rem);max-width:34rem;min-height:100svh;margin:0 auto;padding:clamp(1.2rem,4vw,2rem) clamp(1.2rem,4vw,2rem) clamp(2rem,6vw,3rem);display:flex}.oracle__head{letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;line-height:1;display:flex}.oracle__back{color:#eee4dd9e;text-decoration:none;transition:color .2s}.oracle__back:hover,.oracle__back:focus-visible{color:var(--bone)}.oracle__code{color:#eee4dd66;margin:0}.oracle__intro{text-align:center}.oracle__title{color:#f6ded5f5;letter-spacing:-.055em;margin:0;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:clamp(2rem,9.5vw,3.2rem);font-weight:400;line-height:.9}.oracle__lead{color:#eee4ddb3;letter-spacing:.06em;max-width:22rem;margin:.9rem auto 0;font-size:1rem;line-height:1.45}.omen{flex-direction:column;align-items:center;gap:.6rem;display:flex}.omen__sprite{filter:drop-shadow(0 0 26px #d4191929)drop-shadow(0 6px 18px #00000080);width:min(19rem,68vw);height:auto;animation:1.1s cubic-bezier(.16,1,.3,1) both omen-settle;display:block}@keyframes omen-settle{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.omen__caption{text-align:center;flex-direction:column;align-items:center;gap:.3rem;margin:0;display:flex}.omen__label{color:#f6ded5e6;letter-spacing:.2em;text-transform:uppercase;font-size:.92rem;font-weight:600}.omen__date{color:#eee4dd6b;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.oracle__stage{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.cookie{width:min(15rem,58vw);position:relative}.cookie__svg{width:100%;height:auto;display:block;overflow:visible}.cookie__half path{fill:#ded0c4;stroke:#0c040459;stroke-width:1.4px}.cookie__half .cookie__fold{fill:none;stroke:#8f090980;stroke-width:2px;stroke-linecap:round}.cookie__half{transform-box:view-box;transform-origin:120px 24px;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .65s}.cookie__reading{opacity:0;color:#eee4dd9e;letter-spacing:.22em;text-align:center;text-transform:uppercase;margin:0;font-size:.78rem;transition:opacity .3s;position:absolute;inset:auto 0 -.4rem}.oracle__stage[data-state=working] .cookie__svg{animation:.32s linear infinite tremble}.oracle__stage[data-state=working] .cookie__reading{opacity:1}@keyframes tremble{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1.5px,1px)rotate(-.5deg)}50%{transform:translate(1.5px,-1px)rotate(.5deg)}75%{transform:translate(-1px,-1px)rotate(-.3deg)}}.oracle__stage[data-state=slip] .cookie{pointer-events:none;margin-bottom:-4.5rem}.oracle__stage[data-state=slip] .cookie__half--left{opacity:.28;transform:translate(-34px,14px)rotate(-13deg)}.oracle__stage[data-state=slip] .cookie__half--right{opacity:.28;transform:translate(34px,14px)rotate(13deg)}.slip{color:#14090b;text-align:center;background:linear-gradient(178deg,#f6efe8 0%,#e6d9cf 100%);width:min(26rem,92%);padding:1.5rem 1.6rem 1.3rem;display:none;position:relative;box-shadow:inset 0 1px #ffffff80,0 18px 40px #0000008c}.oracle__stage[data-state=slip] .slip{animation:.75s cubic-bezier(.16,1,.3,1) both slip-out;display:block}@keyframes slip-out{0%{opacity:0;transform:translateY(-1.5rem)scale(.94)rotate(0)}to{opacity:1;transform:translateY(0)scale(1)rotate(-.8deg)}}.slip__mark{color:#8f0909b8;letter-spacing:.55em;text-indent:.55em;text-transform:uppercase;margin:0 0 .9rem;font-size:.62rem;font-weight:600}.slip__pertanda{color:#8f0909;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 .7rem;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:clamp(1.1rem,5vw,1.45rem);font-weight:400;line-height:1.1}.slip__text{letter-spacing:.02em;text-wrap:pretty;margin:0;font-size:clamp(1rem,4.2vw,1.12rem);line-height:1.5}.slip__numbers{color:#14090b99;letter-spacing:.34em;text-indent:.34em;border-top:1px dashed #14090b47;margin:1.2rem 0 0;padding-top:.9rem;font-size:.82rem;font-weight:600}.oracle__note{color:#eee4dd9e;letter-spacing:.06em;text-align:center;min-height:1.2em;margin:0;font-size:.86rem}.oracle__note[data-tone=error]{color:#e35555}.oracle__actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.oracle__canvas{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oracle__button{color:var(--bone);text-align:center;letter-spacing:.2em;text-transform:uppercase;background:var(--blood);cursor:pointer;border:1px solid #eee4dd29;padding:.72rem 1.5rem;font-family:inherit;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,opacity .2s;display:inline-block}.oracle__button:hover:not(:disabled),.oracle__button:focus-visible:not(:disabled){background:var(--crimson)}.oracle__button:disabled{opacity:.42;cursor:not-allowed}.oracle__button--ghost{background:0 0;border-color:#eee4dd47}.oracle__button--ghost:hover,.oracle__button--ghost:focus-visible{background:#eee4dd14}.oracle__stage[data-state=idle] .oracle__button--ghost,.oracle__stage[data-state=working] .oracle__button--ghost,.oracle__stage[data-state=slip] [data-action=crack],.oracle__stage[data-state=idle] [data-action=save],.oracle__stage[data-state=working] [data-action=save],.oracle__stage[data-state=error] [data-action=save]{display:none}a.oracle__button:not([href]),.oracle__stage[data-state=working] [data-action=crack]{opacity:.42;pointer-events:none}.oracle__gate{justify-content:center;align-items:center;min-height:4.2rem;display:flex}@media (prefers-reduced-motion:reduce){.omen__sprite,.slip,.cookie__svg{animation:none!important}.cookie__half{transition:none}.oracle__stage[data-state=slip] .slip{transform:rotate(-.8deg)}}