.crystal-ball{position:relative;width:100%;max-width:520px;margin:0 auto}.crystal-ball__stage canvas{transition:opacity .45s ease}.crystal-ball:not(.crystal-ball--ready) .crystal-ball__stage canvas{opacity:0}.crystal-ball__poster{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/orb-posters/indigo.png?v=23ea0fa4);transition:opacity .45s ease}:root[data-theme=pearl] .crystal-ball__poster{background-image:url(/orb-posters/pearl.png?v=e5a2eb45)}:root[data-theme=parchment] .crystal-ball__poster{background-image:url(/orb-posters/parchment.png?v=4be271d3)}:root[data-theme=retro] .crystal-ball__poster{background-image:url(/orb-posters/retro.png?v=4b6a3bd9)}:root[data-theme=phosphor] .crystal-ball__poster{background-image:url(/orb-posters/phosphor.png?v=86088885)}:root[data-theme=quartz] .crystal-ball__poster{background-image:url(/orb-posters/quartz.png?v=1bb04e4a)}:root[data-theme=shadow] .crystal-ball__poster{background-image:url(/orb-posters/shadow.png?v=faed26e0)}.crystal-ball--ready .crystal-ball__poster{opacity:0;transition-delay:.2s}.crystal-ball__stage{position:relative;width:100%;aspect-ratio:1/1.04;border-radius:24px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 99%);mask-image:radial-gradient(closest-side,#000 62%,transparent 99%)}.crystal-ball__stage.is-grabbing{cursor:grabbing}.crystal-ball:before{content:"";position:absolute;inset:-12%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 70%);opacity:var(--ball-glow,1)}.crystal-ball__stage canvas{display:block;width:100%;height:100%}.crystal-ball__caption{position:absolute;left:0;right:0;bottom:14.5%;text-align:center;font-family:var(--mono);font-size:15px;letter-spacing:.06em;color:color-mix(in srgb,var(--ink) 85%,transparent);font-weight:500;min-height:20px;pointer-events:none}[data-theme=phosphor] .crystal-ball__caption{color:var(--ink)}@media (max-width:899px){.crystal-ball__caption{font-size:17px;bottom:calc(14.5% - 7px)}}.crystal-ball__caption-word{display:inline-block;animation:crystal-caption-in .7s ease both}@keyframes crystal-caption-in{0%{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}