.pg-oracle{flex-direction:column;align-items:center;gap:20px;display:flex}.pg-oracle-orb{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:min(240px,62vw);margin:4px 0;padding:0;transition:transform .12s;display:grid;position:relative}.pg-oracle-orb:focus-visible{outline:3px dashed var(--rp-teal);outline-offset:8px}.pg-oracle-orb:active{transform:scale(.97)}.pg-oracle-orb-glow{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--rp-magenta) 55%, transparent) 0%, color-mix(in srgb, var(--rp-violet-600,#6621d6) 35%, transparent) 45%, transparent 70%);filter:blur(6px);opacity:.85;border-radius:50%;animation:4.5s ease-in-out infinite pg-oracle-pulse;position:absolute;inset:-8%}.pg-oracle-orb-body{aspect-ratio:1;border:3px solid var(--rp-border);background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--rp-teal) 70%, #fff 30%) 0%, var(--rp-teal) 22%, var(--rp-violet-600,#6621d6) 60%, color-mix(in srgb, var(--rp-violet-600,#6621d6) 60%, #000 40%) 100%);width:78%;box-shadow:var(--rp-shadow-hard,3px 3px 0 0 #000), inset -10px -12px 26px #0000008c, inset 8px 8px 22px color-mix(in srgb, var(--rp-sunshine) 22%, transparent);border-radius:50%;position:relative;overflow:hidden}.pg-oracle-orb-swirl{background:radial-gradient(ellipse 60% 22% at 30% 40%, color-mix(in srgb, var(--rp-magenta) 70%, transparent) 0%, transparent 60%), radial-gradient(ellipse 55% 18% at 70% 65%, color-mix(in srgb, var(--rp-sunshine) 55%, transparent) 0%, transparent 55%), radial-gradient(ellipse 40% 14% at 55% 25%, color-mix(in srgb, var(--rp-lime) 55%, transparent) 0%, transparent 60%);opacity:.55;border-radius:50%;animation:12s linear infinite pg-oracle-drift;position:absolute;inset:-25%}.pg-oracle-orb-shine{filter:blur(1px);pointer-events:none;background:radial-gradient(circle,#ffffffe6 0%,#ffffff59 40%,#0000 72%);border-radius:50%;width:34%;height:26%;position:absolute;top:12%;left:16%}.pg-oracle-orb-ring{pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 2px 0 color-mix(in srgb, var(--rp-border) 60%, transparent));animation:6s ease-in-out infinite pg-oracle-ring-bob;position:absolute;inset:0;overflow:visible}.pg-oracle-orb-star{transform-origin:50%;pointer-events:none;width:18px;height:18px;margin:-9px;animation:9s linear infinite pg-oracle-orbit;position:absolute;top:50%;left:50%}.pg-oracle-orb-star svg{filter:drop-shadow(0 0 4px var(--rp-sunshine));display:block}.pg-oracle-orb.is-swirling{animation:.5s ease-in-out infinite pg-oracle-shake}.pg-oracle-orb.is-swirling .pg-oracle-orb-swirl{opacity:.85;animation-duration:1.6s}.pg-oracle-orb.is-swirling .pg-oracle-orb-glow{opacity:1;animation-duration:1s}.pg-oracle-form{flex-direction:column;gap:12px;width:min(440px,100%);display:flex}.pg-oracle-hint{text-align:center;max-width:40ch;color:var(--rp-text-muted);margin:0;font-size:.85rem}.pg-oracle-result{width:min(440px,100%);animation:.35s ease-out both pg-oracle-reveal}.pg-oracle-answer{text-align:center;flex-direction:column;gap:12px;display:flex}.pg-oracle-question{font-family:var(--rp-font-mono);color:var(--rp-text-muted);margin:0;font-size:.95rem;font-style:italic}.pg-oracle-fortune{font-family:var(--rp-font-display);color:var(--rp-text);margin:0;font-size:clamp(1.2rem,4.5vw,1.65rem);line-height:1.25}.pg-oracle-again{justify-content:center;margin-top:4px;display:flex}.pg-oracle-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pg-oracle-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-4px,2px)rotate(-3deg)}40%{transform:translate(4px,-2px)rotate(3deg)}60%{transform:translate(-3px,-3px)rotate(-2deg)}80%{transform:translate(3px,3px)rotate(2deg)}}@keyframes pg-oracle-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pg-oracle-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pg-oracle-ring-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pg-oracle-orbit{0%{transform:rotate(0)translate(118px)rotate(0)}to{transform:rotate(360deg)translate(118px)rotate(-360deg)}}@keyframes pg-oracle-reveal{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.pg-oracle-orb.is-swirling,.pg-oracle-orb-glow,.pg-oracle-orb-swirl,.pg-oracle-orb-ring,.pg-oracle-orb-star,.pg-oracle-result{animation:none!important}}