.mb-stage{justify-items:center;gap:18px;width:100%;display:grid}.mb-question{width:min(100%,460px)}.mb-question input{border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 7%, transparent);width:100%;color:inherit;font:inherit;text-align:center;border-radius:999px;padding:12px 18px;font-size:1.05rem}.mb-question input::placeholder{color:color-mix(in srgb, currentColor 55%, transparent)}.mb-ball{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.mb-ball:disabled{cursor:progress}.mb-ball:focus-visible .mb-ball-body{outline-offset:6px;outline:3px solid #8b6cff}.mb-ball-body{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#4c4c58 0%,#1b1b24 32%,#07070b 68%,#000 100%);border-radius:50%;place-items:center;width:clamp(220px,34vw,320px);display:grid;position:relative;box-shadow:inset -22px -34px 60px #000000d9,inset 12px 14px 34px #ffffff12,0 38px 60px #00000080,0 0 0 1px #ffffff0a}.mb-shine{filter:blur(4px);pointer-events:none;background:radial-gradient(#ffffff80,#0000 70%);border-radius:50%;width:34%;height:20%;position:absolute;top:9%;left:20%;transform:rotate(-24deg)}.mb-window{aspect-ratio:1;width:58%;box-shadow:inset 0 10px 24px #000c, 0 0 0 2px #ffffff0d, 0 0 26px var(--mb-glow,transparent);background:radial-gradient(circle at 50% 40%,#1d2c78 0%,#0c1240 58%,#04071c 100%);border:7px solid #0d0d12;border-radius:50%;place-items:center;transition:box-shadow .6s;display:grid;position:relative;overflow:hidden}.mb-window[data-mood=yes]{--mb-glow:#3fd0c959}.mb-window[data-mood=maybe]{--mb-glow:#8b6cff66}.mb-window[data-mood=no]{--mb-glow:#ff6b9a59}.mb-eight{aspect-ratio:1;color:#0b0b10;width:78%;font-family:var(--font-display), var(--font-ui), sans-serif;background:radial-gradient(circle at 40% 35%,#fff,#e6e6ec);border-radius:50%;place-items:center;font-size:clamp(2.6rem,6vw,3.8rem);font-weight:900;display:grid}.mb-die{aspect-ratio:1.05;clip-path:polygon(50% 4%,97% 90%,3% 90%);color:#eef1ff;text-align:center;text-shadow:0 0 8px #96b4ffb3;background:linear-gradient(#3d58e0,#2238b0);place-items:center;width:100%;padding:34% 16% 10%;display:grid}.mb-die span{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;max-width:100%;font-size:clamp(.6rem,1.35vw,.76rem);font-weight:800;line-height:1.12}.mb-hint{color:color-mix(in srgb, currentColor 60%, transparent);margin:0;font-size:.85rem}