[data-v-98b10696]{box-sizing:border-box;margin:0;padding:0}.container[data-v-98b10696]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.title[data-v-98b10696]{color:#fff;font-size:3rem;margin-bottom:3rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.magic-8-ball[data-v-98b10696]{align-items:center;background:radial-gradient(circle at 30% 30%,#333,#000);border-radius:50%;box-shadow:0 20px 60px #00000080;cursor:pointer;display:flex;height:300px;justify-content:center;position:relative;transition:transform .1s ease;width:300px}.magic-8-ball[data-v-98b10696]:hover{transform:scale(1.05)}.magic-8-ball[data-v-98b10696]:active{transform:scale(.95)}.magic-8-ball.shaking[data-v-98b10696]{animation:shake-98b10696 .8s ease-in-out}.ball-inner[data-v-98b10696]{height:100%;width:100%}.ball-inner[data-v-98b10696],.window[data-v-98b10696]{align-items:center;display:flex;justify-content:center}.window[data-v-98b10696]{background:#1a1a4d;border-radius:50%;height:140px;opacity:.3;padding:1rem;transition:opacity .3s ease;width:140px}.window.revealed[data-v-98b10696]{opacity:1}.answer[data-v-98b10696]{font-weight:700;line-height:1.4}.answer[data-v-98b10696],.instruction[data-v-98b10696]{color:#fff;font-size:1.2rem;text-align:center}.instruction[data-v-98b10696]{margin-top:2rem;opacity:.9}@keyframes shake-98b10696{0%,to{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-5deg)}}@media(max-width:768px){.title[data-v-98b10696]{font-size:2rem}.magic-8-ball[data-v-98b10696]{height:250px;width:250px}.window[data-v-98b10696]{height:120px;width:120px}.answer[data-v-98b10696]{font-size:1rem}}