.ma-wrap{width:100%;max-width:460px;margin:0 auto}.ma-stage{position:relative;width:min(100%,var(--ball-max,400px));margin-inline:auto;aspect-ratio:1/1;display:grid;place-items:center;isolation:isolate}.ma-glow{position:absolute;left:50%;top:47%;width:108%;height:108%;z-index:-2;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(255,253,246,.95) 0,rgba(248,236,213,.62) 46%,rgba(214,190,146,.2) 68%,rgba(214,190,146,0) 80%);filter:blur(34px);opacity:.85;transform:translate(-50%,-50%);transition:opacity .5s ease;animation:ma-breathe 7s ease-in-out infinite}.ma-wrap[data-state=shaking] .ma-glow{opacity:1;animation-duration:1.6s}.ma-wrap[data-state=revealed] .ma-glow{opacity:1}.ma-shadow{position:absolute;z-index:-1;pointer-events:none;left:15%;right:15%;bottom:2%;height:8%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(44,34,20,.55) 0,rgba(44,34,20,.26) 46%,transparent 72%);filter:blur(8px)}.ma-orb{width:100%;animation:ma-float 6.5s ease-in-out infinite}@keyframes ma-float{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes ma-breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}.ma-charge{width:124%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(255,244,210,0) 46%,rgba(255,236,176,.92) 64%,rgba(246,196,92,.7) 78%,rgba(214,152,44,.34) 90%,rgba(214,152,44,0) 100%);filter:blur(16px);opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s ease,transform .3s ease}.ma-charge,.ma-charge:after{position:absolute;left:50%;top:50%;aspect-ratio:1/1;border-radius:50%}.ma-charge:after{content:"";width:84%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,252,240,0) 76%,rgba(255,249,226,.95) 92%,rgba(255,236,176,0) 100%);filter:blur(5px)}.ma-wrap[data-charging] .ma-charge{opacity:1;animation:ma-charge-pulse .46s ease-in-out infinite}.ma-wrap[data-charging] .ma-charge:after{animation:ma-rim-pulse .31s ease-in-out infinite}@keyframes ma-charge-pulse{0%,to{opacity:.62;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}@keyframes ma-rim-pulse{0%,to{opacity:.45}50%{opacity:1}}.ma-wrap[data-charging] .ma-glow{opacity:1;animation-duration:.7s;filter:blur(22px);background:radial-gradient(closest-side,rgba(255,252,236,1) 0,rgba(253,235,190,.82) 44%,rgba(232,191,108,.4) 68%,rgba(214,190,146,0) 82%)}.ma-burst{position:absolute;left:50%;top:50%;width:108%;aspect-ratio:1/1;z-index:-1;pointer-events:none;border-radius:50%;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,253,246,1) 34%,rgba(255,236,178,.68) 62%,rgba(246,196,92,.3) 78%,rgba(246,196,92,0) 88%);filter:blur(16px)}.ma-wrap[data-state=revealed] .ma-burst{animation:ma-burst .95s cubic-bezier(.16,1,.3,1) both}@keyframes ma-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.86)}22%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%) scale(1.62)}}.ma-ball{width:100%;height:auto;position:relative;margin:0 auto;cursor:pointer;overflow:hidden;transform-origin:center center;border-radius:50%;transition:filter .25s ease}.ma-ball:hover{filter:brightness(1.06)}.ma-wrap[data-charging] .ma-ball{filter:brightness(1.24) saturate(1.14) contrast(1.04) drop-shadow(0 0 14px rgba(255,245,205,.9)) drop-shadow(0 0 34px rgba(255,206,104,.75)) drop-shadow(0 0 78px rgba(226,160,44,.5));transition:filter .45s ease-out}.ma-wrap[data-state=revealed] .ma-ball{filter:drop-shadow(0 0 18px rgba(255,219,138,.5)) drop-shadow(0 0 46px rgba(226,168,62,.26))}.ma-wrap[data-state=revealed] .ma-ball:hover{filter:brightness(1.06) drop-shadow(0 0 18px rgba(255,219,138,.5)) drop-shadow(0 0 46px rgba(226,168,62,.26))}.ma-ball:active{filter:brightness(.94)}.ma-ball:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.ma-ball img{max-width:100%;height:auto}.ma-back{position:relative}.ma-back,.ma-front{display:block;width:100%}.ma-front{position:absolute;left:0;top:0;height:100%;transition:opacity .55s ease-in-out}.ma-ball.show-answer .ma-front{opacity:0}.ma-response{position:absolute;z-index:2;text-align:center;left:30%;right:28%;top:29%;bottom:30%;container:win/size;border-radius:50%;overflow:hidden;opacity:0;transition:opacity .4s ease-in-out}.ma-ball.show-answer .ma-response{opacity:1;transition-delay:.3s}.ma-flex{position:absolute;left:16%;top:16%;width:68%;height:68%;display:flex;align-items:center;justify-content:center;z-index:3;padding:7cqw;border-radius:8%;background:linear-gradient(152deg,#2c3d72,#1b2a55 58%,#101a3a);box-shadow:inset 0 0 0 1px rgba(196,208,240,.3),inset 0 6cqw 9cqw rgba(255,255,255,.08),0 0 3cqw .5cqw rgba(16,26,58,.45);color:#f0eadd;font-family:var(--font-body),Georgia,serif;font-weight:600;letter-spacing:.03em;text-shadow:0 1px 2px rgba(6,10,26,.85);font-size:clamp(11px,10cqw,21px);line-height:1.2;text-wrap:balance;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center center;transition:transform .55s cubic-bezier(.22,1,.36,1)}.ma-response:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:50%;background:linear-gradient(138deg,rgba(255,255,255,.2),rgba(255,255,255,0) 48%)}.ma-verdict{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;margin-top:4px;padding:6px 4px}.ma-verdict:before{content:"\2726 \2726 \2726";color:var(--brass);font-size:8px;letter-spacing:.5em;line-height:1;opacity:.7;margin-bottom:1px}.ma-hint{font-size:.95rem}.ma-asked,.ma-hint{margin:0;color:var(--ink-muted);font-style:italic}.ma-asked{max-width:30rem;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ma-answer{margin:0;font-family:var(--font-heading);font-size:clamp(1.35rem,4.6vw,1.95rem);line-height:1.14;color:var(--ink);text-wrap:balance;animation:ma-rise .45s cubic-bezier(.22,1,.36,1) both}.ma-tone{margin:0;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:2px 0 0;border-radius:0}.ma-verdict[data-tone=yes] .ma-tone{color:var(--yes)}.ma-verdict[data-tone=maybe] .ma-tone{color:var(--maybe)}.ma-verdict[data-tone=no] .ma-tone{color:var(--no)}@keyframes ma-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ma-dots{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}.ma-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:ma-blink 1.1s ease-in-out infinite}.ma-dots i:nth-child(2){animation-delay:.18s}.ma-dots i:nth-child(3){animation-delay:.36s}@keyframes ma-blink{0%,to{opacity:.25}50%{opacity:1}}.ma-cta{display:flex;flex-direction:row;align-items:stretch;gap:0;padding:10px 0 0}.ma-textbox{flex:1 1 auto;min-width:0;width:100%;padding:12px 14px;font-family:var(--font-body);font-size:16px;line-height:1.3;border:0;border-bottom:1px solid var(--rule);border-radius:0;background-color:var(--paper-2);color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease,background-color .2s ease}.ma-textbox:hover{background-color:var(--paper)}.ma-textbox:focus{outline:0;border-color:var(--brass);background-color:#fbf5e8}.ma-textbox::placeholder{color:var(--ink-muted);opacity:.8;font-style:italic}.ma-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:0;border:0;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);cursor:pointer;background:var(--accent);transition:transform .12s ease,background-color .2s ease}.ma-btn:hover{background:var(--accent-deep)}.ma-btn:active{transform:translateY(1px)}.ma-btn:disabled{cursor:wait;background:var(--ink-muted)}.ma-btn .sm{display:none}@media (max-width:520px){.ma-btn .lg{display:none}.ma-btn .sm{display:inline}.ma-btn{padding:12px 18px;letter-spacing:.12em}}@media (max-width:768px){.ma-textbox{font-size:16px;padding:11px 13px}}@media (max-width:430px){.ma-verdict{min-height:112px}}@media (max-height:720px){.ma-verdict{gap:3px;margin-top:0}.ma-cta{padding-top:8px}}@media (prefers-reduced-motion:reduce){.ma-answer,.ma-burst,.ma-charge,.ma-charge:after,.ma-dots i,.ma-glow,.ma-orb{animation:none}.ma-wrap[data-charging] .ma-charge{opacity:.8}.ma-burst{display:none}.ma-flex,.ma-front,.ma-response{transition-duration:.2s}}.shake-hard{display:inherit;transform-origin:center center}.shake-hard.shake-constant{animation-name:shake-hard;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(-9px,3px) rotate(2.5deg)}4%{transform:translateY(7px) rotate(.5deg)}6%{transform:translate(5px,-1px) rotate(-1.5deg)}8%{transform:translate(1px,7px) rotate(.5deg)}10%{transform:translate(-9px,-9px) rotate(-2.5deg)}12%{transform:translate(-1px,4px) rotate(-2.5deg)}14%{transform:translate(-2px,-3px) rotate(-.5deg)}16%{transform:translate(3px) rotate(3.5deg)}18%{transform:translate(5px,-2px) rotate(-1.5deg)}20%{transform:translate(2px,9px) rotate(1.5deg)}22%{transform:translate(-9px,5px) rotate(-.5deg)}24%{transform:translate(6px,8px) rotate(1.5deg)}26%{transform:translate(-4px,1px) rotate(-2.5deg)}28%{transform:translate(-4px,6px) rotate(.5deg)}30%{transform:translate(10px,-6px) rotate(1.5deg)}32%{transform:translate(-8px,5px) rotate(-2.5deg)}34%{transform:translate(9px,4px) rotate(-1.5deg)}36%{transform:translate(-9px,4px) rotate(.5deg)}38%{transform:translate(7px,-8px) rotate(3.5deg)}40%{transform:translate(8px,1px) rotate(3.5deg)}42%{transform:translateY(-8px) rotate(2.5deg)}44%{transform:translate(-2px,-5px) rotate(2.5deg)}46%{transform:translate(-1px,-3px) rotate(3.5deg)}48%{transform:translate(2px,5px) rotate(-1.5deg)}50%{transform:translate(8px) rotate(2.5deg)}52%{transform:translate(-1px) rotate(3.5deg)}54%{transform:translate(-5px,-3px) rotate(-1.5deg)}56%{transform:translate(-4px,7px) rotate(-.5deg)}58%{transform:translate(1px,-1px) rotate(1.5deg)}60%{transform:translate(4px,8px) rotate(.5deg)}62%{transform:translate(5px,-7px) rotate(1.5deg)}64%{transform:translate(-1px,-4px) rotate(-.5deg)}66%{transform:translate(-9px,-2px) rotate(-1.5deg)}68%{transform:translate(4px,6px) rotate(2.5deg)}70%{transform:translate(-6px,5px) rotate(-1.5deg)}72%{transform:translate(-4px,2px) rotate(1.5deg)}74%{transform:translate(-4px,-5px) rotate(-1.5deg)}76%{transform:translate(3px,9px) rotate(-.5deg)}78%{transform:translate(2px,1px) rotate(-1.5deg)}80%{transform:translate(4px,4px) rotate(2.5deg)}82%{transform:translate(-6px,9px) rotate(-2.5deg)}84%{transform:translate(4px,6px) rotate(3.5deg)}86%{transform:translate(5px,9px) rotate(-1.5deg)}88%{transform:translate(1px,4px) rotate(-1.5deg)}90%{transform:translate(5px,3px) rotate(1.5deg)}92%{transform:translate(9px,-2px) rotate(1.5deg)}94%{transform:translate(9px,3px) rotate(2.5deg)}96%{transform:translate(-1px,6px) rotate(.5deg)}98%{transform:translate(-6px,-2px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}@media (prefers-reduced-motion:reduce){.shake-hard.shake-constant{animation:none}}@media (min-width:700px) and (max-height:560px){.ma-answer{font-size:clamp(1.2rem,2.6vw,1.55rem)}.ma-verdict{min-height:96px;padding:2px}.ma-cta{padding-top:6px}.ma-btn,.ma-textbox{padding-block:9px}.ma-btn .lg{display:none}.ma-btn .sm{display:inline}}