:root{--oracle-ink:#090714;--oracle-paper:#161127;--oracle-gold:#dfbd73;--oracle-milk:#f5eddc;--oracle-violet:#8d73c7;--oracle-radius:28px}
.oracle127{position:relative;isolation:isolate;overflow:hidden;max-width:1120px;margin:2rem auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem);color:var(--oracle-milk);text-align:center;background:radial-gradient(circle at 50% 0%,#342656 0,transparent 38%),linear-gradient(145deg,#0a0712,#171027 62%,#090710);border:1px solid rgba(223,189,115,.35);border-radius:var(--oracle-radius);box-shadow:0 32px 90px rgba(0,0,0,.45)}
.oracle127 *{box-sizing:border-box}.oracle127__stars{position:absolute;inset:0;z-index:-1;opacity:.4;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#dfbd73 0 1px,transparent 1.5px);background-position:12px 17px,47px 61px;background-size:67px 71px,89px 97px;animation:oracleStars 18s linear infinite}
.oracle127__eyebrow,.oracle127-card__guardian,.oracle127-card__number{margin:0 0 .7rem;color:var(--oracle-gold);font:600 .72rem/1.2 system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase}.oracle127__title{max-width:780px;margin:0 auto .8rem;font:500 clamp(2rem,5vw,4.4rem)/.98 Georgia,serif;text-wrap:balance}.oracle127__promise{max-width:650px;margin:0 auto 2rem;color:#cfc4dc;font:italic 1rem/1.6 Georgia,serif}.oracle127__question-label{display:block;max-width:620px;margin:auto;text-align:left;color:#d9cde2;font:500 .8rem/1.4 system-ui,sans-serif}.oracle127__question{display:block;width:100%;min-height:84px;margin-top:.55rem;padding:1rem 1.1rem;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.16);border-radius:16px;resize:vertical}.oracle127__question:focus{outline:2px solid var(--oracle-gold);outline-offset:3px}.oracle127__stage{display:grid;place-items:center;min-height:480px;margin:1.2rem 0}.oracle127__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(1rem,3vw,2rem);width:100%;align-items:start}.oracle127:not(.has-result) .oracle127__cards{display:none}
.oracle127__shuffle{position:relative;width:220px;height:330px}.oracle127__shuffle i{position:absolute;inset:0;border:1px solid rgba(223,189,115,.42);border-radius:18px;background:linear-gradient(145deg,#24193a,#0d0917);transform:rotate(calc((var(--i,0) - 3)*3deg)) translateX(calc((var(--i,0) - 3)*4px));box-shadow:0 22px 40px rgba(0,0,0,.34)}.oracle127__shuffle i:nth-child(1){--i:0}.oracle127__shuffle i:nth-child(2){--i:1}.oracle127__shuffle i:nth-child(3){--i:2}.oracle127__shuffle i:nth-child(4){--i:3}.oracle127__shuffle i:nth-child(5){--i:4}.oracle127__shuffle i:nth-child(6){--i:5}.oracle127__shuffle i:nth-child(7){--i:6}.oracle127__shuffle i:last-child:after{content:'127';position:absolute;inset:50% auto auto 50%;color:var(--oracle-gold);font:500 2.4rem/1 Georgia,serif;transform:translate(-50%,-50%)}.oracle127.is-drawing .oracle127__shuffle i{animation:oracleShuffle 520ms ease-in-out infinite alternate}.oracle127.has-result:not(.is-drawing) .oracle127__shuffle{display:none}
.oracle127__draw{min-height:52px;padding:.85rem 1.5rem;color:#130c20;background:linear-gradient(135deg,#f4d895,#c89d50);border:0;border-radius:999px;box-shadow:0 12px 35px rgba(201,158,80,.22);font:700 .92rem/1.2 system-ui,sans-serif;cursor:pointer}.oracle127__draw:hover{transform:translateY(-2px)}.oracle127__draw-active{display:none}.oracle127.is-drawing .oracle127__draw-idle{display:none}.oracle127.is-drawing .oracle127__draw-active{display:inline}.oracle127__status{min-height:1.4em;color:#cfc4dc;font:.8rem/1.4 system-ui,sans-serif}
.oracle127-card{--door:#8d73c7;position:relative;overflow:hidden;min-height:470px;padding:1rem 1rem 1.4rem;background:radial-gradient(circle at 50% 23%,color-mix(in srgb,var(--door),transparent 55%),transparent 35%),linear-gradient(165deg,#211732,#0a0711 72%);border:1px solid color-mix(in srgb,var(--door),#fff 25%);border-radius:21px;box-shadow:0 26px 55px rgba(0,0,0,.42);opacity:0;transform:perspective(900px) rotateY(82deg) translateY(16px);animation:oracleReveal 850ms cubic-bezier(.2,.76,.21,1) var(--reveal-delay) forwards}.oracle127-card:focus{outline:2px solid var(--oracle-gold);outline-offset:4px}.oracle127-card--oni,.oracle127-card--centre{--door:#9371ca}.oracle127-card--alka{--door:#c08aa8}.oracle127-card--naia{--door:#55a8c5}.oracle127-card--terra{--door:#6fa06f}.oracle127-card--ignis{--door:#dd704f}.oracle127-card--astria{--door:#8098e1}.oracle127-card--irma{--door:#d2a652}.oracle127-card__frame{position:absolute;inset:9px;pointer-events:none;border:1px solid rgba(245,237,220,.23);border-radius:15px}.oracle127-card__frame:before,.oracle127-card__frame:after{content:'';position:absolute;left:50%;width:42px;height:42px;border:1px solid var(--door);transform:translateX(-50%) rotate(45deg)}.oracle127-card__frame:before{top:-22px}.oracle127-card__frame:after{bottom:-22px}.oracle127-card__number{position:absolute;top:22px;left:24px}.oracle127-card__guardian{margin-top:235px}.oracle127-card h3{margin:.2rem 0 .8rem;color:#fff;font:500 1.65rem/1.05 Georgia,serif;text-wrap:balance}.oracle127-card__appearance{min-height:4.4em;margin:0 auto;color:#ddd1e5;font:italic .94rem/1.55 Georgia,serif}.oracle127-card__meaning{margin-top:1rem;padding-top:.8rem;text-align:left;border-top:1px solid rgba(255,255,255,.11);font:.79rem/1.45 system-ui,sans-serif}.oracle127-card__meaning p{margin:.45rem 0}.oracle127-card__meaning strong{display:block;color:var(--oracle-gold);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.oracle127-card__question{color:#fff}
.oracle127-card__sigil{position:absolute;top:58px;left:50%;width:150px;height:150px;transform:translateX(-50%);border:1px solid color-mix(in srgb,var(--door),transparent 10%);border-radius:50%;box-shadow:0 0 38px color-mix(in srgb,var(--door),transparent 55%);animation:oracleBreathe 5s ease-in-out infinite}.oracle127-card__sigil:before,.oracle127-card__sigil:after{content:'';position:absolute;inset:22%;border:1px solid rgba(255,255,255,.46);transform:rotate(45deg)}.oracle127-card__sigil:after{inset:36%;border-radius:50%;transform:none}.oracle127-card__sigil i{position:absolute;left:50%;top:5%;width:1px;height:90%;background:linear-gradient(transparent,var(--oracle-gold),transparent)}.oracle127-card__sigil b{position:absolute;left:5%;top:50%;width:90%;height:1px;background:linear-gradient(90deg,transparent,var(--oracle-gold),transparent)}.oracle127-card--water .oracle127-card__sigil{animation:oracleWater 4.8s ease-in-out infinite}.oracle127-card--flame .oracle127-card__sigil,.oracle127-card--spark .oracle127-card__sigil{animation:oracleFlame 1.9s ease-in-out infinite}.oracle127-card--constellation .oracle127-card__sigil{animation:oracleStarsPulse 6s ease-in-out infinite}.oracle127-card--weave .oracle127-card__sigil{animation:oracleWeave 7s linear infinite}.oracle127-card--paths .oracle127-card__sigil:before{border-radius:50% 0 50% 0}
.oracle127-reel{position:relative;overflow:hidden;width:min(100%,405px);aspect-ratio:9/16;margin:2rem auto;padding:42px 20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--oracle-milk);text-align:center;background:radial-gradient(circle at 50% 28%,#3d2b64,transparent 36%),#090711;border-radius:24px}.oracle127-reel:after{content:'onirologue.shop';position:absolute;bottom:8%;font:600 .72rem/1 system-ui,sans-serif;letter-spacing:.18em;color:var(--oracle-gold)}.oracle127-reel__hook{z-index:2;margin:0;font:500 clamp(1.35rem,5vw,2rem)/1.05 Georgia,serif}.oracle127-reel__stream{width:74%;transform:scale(.82)}.oracle127-reel__stream .oracle127-card{min-height:480px}.oracle127-reel__stop{z-index:2;margin-bottom:15%;padding:.8rem 1.1rem;color:#130c20;background:var(--oracle-gold);border:0;border-radius:999px;font-weight:700}.oracle127-reel__note{position:absolute;bottom:3%;margin:0;color:#a99caf;font:.62rem/1.2 system-ui,sans-serif}.oracle127-reel.is-stopped .oracle127-card{filter:drop-shadow(0 0 22px rgba(223,189,115,.3))}
@keyframes oracleReveal{to{opacity:1;transform:perspective(900px) rotateY(0) translateY(0)}}@keyframes oracleShuffle{to{transform:rotate(calc((var(--i,0) - 3)*5deg)) translate(calc((var(--i,0) - 3)*7px),-7px)}}@keyframes oracleStars{to{background-position:79px 88px,136px 158px}}@keyframes oracleBreathe{50%{transform:translateX(-50%) scale(1.045);box-shadow:0 0 55px color-mix(in srgb,var(--door),transparent 42%)}}@keyframes oracleWater{50%{border-radius:43% 57% 61% 39%;transform:translateX(-50%) translateY(5px) rotate(2deg)}}@keyframes oracleFlame{50%{transform:translateX(-50%) scale(.96,1.07) rotate(1deg);filter:brightness(1.25)}}@keyframes oracleStarsPulse{50%{transform:translateX(-50%) rotate(7deg);filter:brightness(1.35)}}@keyframes oracleWeave{to{transform:translateX(-50%) rotate(360deg)}}
@media(max-width:720px){.oracle127{border-radius:0;margin-inline:-1rem}.oracle127__stage{min-height:430px}.oracle127__cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 8vw 1rem}.oracle127-card{min-width:84vw;scroll-snap-align:center}}
@media(prefers-reduced-motion:reduce){.oracle127 *,.oracle127 *:before,.oracle127 *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.oracle127-card{opacity:1;transform:none}.oracle127-reel__stop{display:none}}
.oracle127-reel__stream .oracle127-card{opacity:1;transform:none;animation:none}