.fortune-teller{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) 0 var(--space-12)}.ball-stage{display:flex;flex-direction:column;align-items:center;position:relative}.crystal-ball__glow{position:absolute;width:140%;height:140%;top:50%;left:50%;transform:translate(-50%,-55%);background:radial-gradient(circle,rgba(58,143,204,.1) 0%,rgba(58,143,204,.04) 35%,transparent 65%);border-radius:50%;pointer-events:none;z-index:0;animation:outerGlowPulse 3s ease-in-out infinite}.crystal-ball__glow--intense{animation:outerGlowPulseIntense .8s ease-in-out}@keyframes outerGlowPulse{0%,to{opacity:.4;transform:translate(-50%,-55%) scale(1)}50%{opacity:.8;transform:translate(-50%,-55%) scale(1.03)}}@keyframes outerGlowPulseIntense{0%{opacity:.8;transform:translate(-50%,-55%) scale(1)}50%{opacity:1;transform:translate(-50%,-55%) scale(1.08)}to{opacity:.8;transform:translate(-50%,-55%) scale(1)}}.crystal-ball{position:relative;width:min(75vw,75vh,320px);aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:1;background:radial-gradient(at 30% 20%,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 15%,transparent 40%),radial-gradient(at 70% 80%,rgba(58,143,204,.05) 0%,transparent 35%),radial-gradient(#0a0e0cf2,#050807fa 60%,#050807);box-shadow:inset -16px -16px 50px #000c,inset 8px 8px 30px #ffffff0f,inset 0 0 60px #3a8fcc0f,0 0 50px #3a8fcc1a,0 0 100px #3a8fcc0d;transition:box-shadow .4s ease}.crystal-ball--intensify{box-shadow:inset -16px -16px 50px #000c,inset 8px 8px 30px #ffffff14,inset 0 0 80px #3a8fcc26,0 0 60px #3a8fcc33,0 0 120px #3a8fcc1f,0 0 200px #3a8fcc0f}.crystal-ball--loading{animation:glowPulse 2.5s ease-in-out infinite}@media(min-width:769px){.crystal-ball{width:min(58vh,480px)}}@media(max-width:375px){.crystal-ball{width:min(80vw,280px)}}.crystal-ball__haze{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:1}.crystal-ball__haze:before,.crystal-ball__haze:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.crystal-ball__haze:before{width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(at 40% 40%,rgba(58,143,204,.15) 0%,rgba(138,150,144,.1) 25%,transparent 60%);filter:blur(16px);opacity:.3;animation:hazeDrift 10s ease-in-out infinite}.crystal-ball__haze:after{width:80%;height:80%;top:10%;left:10%;background:radial-gradient(at 60% 60%,rgba(58,143,204,.12) 0%,rgba(138,150,144,.15) 30%,rgba(5,8,7,.3) 70%,transparent 100%);filter:blur(12px);opacity:.2;animation:hazeDrift 7s ease-in-out infinite reverse}@keyframes hazeDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(3%,-2%) scale(1.02)}50%{transform:translate(-2%,3%) scale(.98)}75%{transform:translate(-3%,-1%) scale(1.01)}}.crystal-ball__canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none;z-index:2}.crystal-ball__content-bg{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,rgba(5,8,7,.55) 0%,rgba(5,8,7,.25) 60%,transparent 100%);pointer-events:none;z-index:3}.crystal-ball__glass{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:5;box-shadow:inset 2px 2px 8px #ffffff1a,inset -3px -3px 10px #0006}.crystal-ball__glass:before{content:"";position:absolute;top:6%;left:18%;width:40%;height:25%;background:radial-gradient(ellipse at center,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;transform:rotate(-15deg)}.pedestal{display:flex;flex-direction:column;align-items:center;margin-top:-8%;z-index:0;position:relative}.pedestal__cup{width:min(22vw,140px);height:14px;background:linear-gradient(var(--dh-surface),var(--dh-panel));border-radius:50%;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff08,0 0 12px #3a8fcc0d}.pedestal__neck{width:min(8vw,50px);height:24px;background:linear-gradient(90deg,rgba(0,0,0,.3),var(--dh-surface),rgba(0,0,0,.3));box-shadow:inset -2px 0 6px #0006}.pedestal__base{width:min(30vw,200px);height:min(5vh,36px);background:linear-gradient(var(--dh-surface),#0a0e0c);border-radius:4px 4px 0 0;box-shadow:inset 0 -4px 12px #0009,inset 0 2px 3px #ffffff05,0 4px 16px #00000080;display:flex;align-items:center;justify-content:center}.pedestal__text{font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dh-muted);opacity:.5}@media(max-width:375px){.pedestal__cup{width:min(30vw,120px)}.pedestal__neck{width:min(12vw,40px);height:18px}.pedestal__base{width:min(42vw,170px);height:28px}.pedestal__text{font-size:.45rem}}.crystal-ball__reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18%;text-align:center;z-index:4;gap:var(--space-3)}.reveal__label{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dh-muted);opacity:.8;display:block;margin-bottom:var(--space-1)}.reveal__value{font-family:var(--font-sans);font-size:clamp(.85rem,3.5vw,1.25rem);font-weight:500;color:var(--dh-heading);word-break:break-word;overflow-wrap:anywhere;max-width:88%;line-height:1.4}.reveal__value--ip{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--dh-muted);text-underline-offset:4px;transition:text-decoration-color var(--transition-fast)}.reveal__value--ip:hover,.reveal__value--ip:focus-visible{text-decoration-color:var(--dh-primary)}.reveal__value--ip:focus-visible{outline:2px solid var(--dh-primary);outline-offset:4px;border-radius:var(--radius-sm)}.reveal__value--fortune{font-style:italic;color:var(--dh-accent);font-size:clamp(.8rem,3vw,1.1rem)}.reveal__value--vpn-yes{color:var(--dh-accent)}.reveal__value--vpn-no{color:var(--dh-cta)}.reveal__value--copied{color:var(--dh-cta);font-size:.9rem}.reveal--entering{animation:revealFadeIn .25s ease-out forwards}.reveal--exiting{animation:revealFadeOut .2s ease-in forwards}@keyframes revealFadeIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.97)}}.reveal__loading-text{font-family:var(--font-sans);font-size:clamp(.85rem,3vw,1.05rem);font-style:italic;color:var(--dh-muted);animation:pulseText 2s ease-in-out infinite}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:inset -16px -16px 50px #000c,inset 8px 8px 30px #ffffff0f,inset 0 0 60px #3a8fcc0f,0 0 50px #3a8fcc1a,0 0 100px #3a8fcc0d}50%{box-shadow:inset -16px -16px 50px #000c,inset 8px 8px 30px #ffffff14,inset 0 0 70px #3a8fcc1f,0 0 60px #3a8fcc2e,0 0 120px #3a8fcc14}}.reveal-dots{display:flex;gap:var(--space-2);align-items:center}.reveal-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--dh-border-strong);background:transparent;cursor:pointer;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.reveal-dot:hover{border-color:var(--dh-primary);transform:scale(1.2)}.reveal-dot:focus-visible{outline:2px solid var(--dh-primary);outline-offset:2px}.reveal-dot--active{background:var(--dh-primary);border-color:var(--dh-primary)}.fortune-ticket{background:var(--dh-surface);border:1px solid var(--dh-border-medium);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);max-width:420px;width:90%;text-align:center}.fortune-ticket__icon{font-size:1.3rem;display:block;margin-bottom:var(--space-2)}.fortune-ticket__text{font-family:var(--font-sans);font-size:.95rem;font-style:italic;line-height:1.7;color:var(--dh-heading);margin:0}.fortune-credit{text-align:center;max-width:420px;width:90%}.fortune-credit__tagline{font-family:var(--font-sans);font-size:.85rem;font-style:italic;color:var(--dh-text);line-height:1.6;margin:0 0 var(--space-2)}.fortune-credit__attribution{font-family:var(--font-mono);font-size:.65rem;color:var(--dh-muted);margin:0}.fortune-teller .error-msg{max-width:420px;text-align:center}@media(prefers-reduced-motion:reduce){.crystal-ball__canvas{display:none}.crystal-ball__glow{animation:none;opacity:.5}.crystal-ball__haze:before,.crystal-ball__haze:after{animation:none}.crystal-ball--loading{animation:none}.reveal--entering,.reveal--exiting{animation:none;opacity:1;transform:none}.reveal__loading-text{animation:none;opacity:.8}.crystal-ball__canvas-fallback{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(58,143,204,.08) 0%,rgba(58,143,204,.03) 40%,transparent 70%);pointer-events:none;z-index:2}}