.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=214db4ae);transition:opacity .45s ease}:root[data-theme=pearl] .crystal-ball__poster{background-image:url(/orb-posters/pearl.png?v=30c0a1a2)}:root[data-theme=tungsten] .crystal-ball__poster{background-image:url(/orb-posters/tungsten.png?v=37937d79)}:root[data-theme=retro] .crystal-ball__poster{background-image:url(/orb-posters/retro.png?v=be5c6f0f)}:root[data-theme=phosphor] .crystal-ball__poster{background-image:url(/orb-posters/phosphor.png?v=35497568)}:root[data-theme=quartz] .crystal-ball__poster{background-image:url(/orb-posters/quartz.png?v=93274521)}:root[data-theme=shadow] .crystal-ball__poster{background-image:url(/orb-posters/shadow.png?v=25451b6c)}.crystal-ball[data-orb-override] .crystal-ball__poster{display:none}.crystal-ball[data-orb-override]:before{inset:-20%;opacity:1;background:radial-gradient(closest-side,var(--orb-halo-in),var(--orb-halo-out) 46%,transparent 74%)}.crystal-ball[data-orb-override=gold]{--orb-halo-in:rgba(255,146,54,0.26);--orb-halo-out:rgba(255,178,104,0.13)}.crystal-ball[data-orb-override=ember]{--orb-halo-in:rgba(245,96,40,0.30);--orb-halo-out:rgba(249,143,94,0.15)}.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__tune{position:relative;z-index:2;margin-bottom:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ink) 5%,transparent);font-family:var(--mono);font-size:11px;color:var(--ink)}.crystal-ball__tune-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.crystal-ball__tune-label{width:76px;opacity:.75}.crystal-ball__tune-row input[type=range]{flex:1;accent-color:var(--accent-2)}.crystal-ball__tune-val{width:36px;text-align:right;font-variant-numeric:tabular-nums}.crystal-ball__tune-foot{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px dashed color-mix(in srgb,var(--ink) 16%,transparent)}.crystal-ball__tune-play{font:inherit;color:inherit;width:40px;padding:2px 0;border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-radius:6px;background:transparent;cursor:pointer}.crystal-ball__tune-play:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.crystal-ball__tune-readout{user-select:all}.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}}